var s = [];

function createDivs(sIdx) {
  var i;
  var obj;
  var style;
  var right;
  //
  if (s.length > 0) {
    if (s[sIdx] != null) {
      if (s[sIdx].imgs.length > 0) {
        for (i = 0; i < s[sIdx].imgs.length; i++) {
          obj = document.getElementById(s[sIdx].id);
          //
          if (obj != null) {
            var tmpA = document.createElement('a');
            //
            right = ((s[sIdx].imgs.length - 1) - i) * 21;
            //
            style = '';
            style = style + 'z-index: 1; margin-top: 4px; margin-right: 4px; ';
            style = style + 'top: 0px; ';
            style = style + 'right: ' + right + 'px; position: absolute;';
            //
            tmpA.setAttribute('style', style);
            //
            tmpA.title = s[sIdx].imgs[i].alt;
            //
            tmpA.href = 'javascript:slideIt(' + sIdx + ',' + i + ');'
            //
            tmpA.onmouseover = function () {
              this.style.textDecoration = 'none';
            }
            //
            var tmpDiv = document.createElement('div');
            //
            tmpDiv.innerHTML = i + 1;
            tmpDiv.className = 'row';
            tmpDiv.id = s[sIdx].id + i;
            //
            tmpDiv.style.width = '7px';
            tmpDiv.style.height = '17px';
            tmpDiv.style.paddingTop = '0px';
            tmpDiv.style.paddingLeft = '4px';
            tmpDiv.style.paddingRight = '4px';
            tmpDiv.style.paddingBottom = '0px';
            tmpDiv.style.border = '1px solid #c0c0c0';
            //
            tmpA.appendChild(tmpDiv);
            //
            obj.appendChild(tmpA);
          }
        }
      }
    }
  }
}

function initSlider(id, speed) {
  var i;
  var j;
  var obj;
  var img;
  //
  obj = document.getElementById(id);
  //
  if (obj != null) {
    j = s.length;
    //
    for (i = 0; i < s.length; i++) {
      if (s[i].id == id) {
        j = i;
      }
    }
    //
    if (s[j] != null) {
      if (s[j].imgs != null) {
        delete s[j].imgs;
      }
      delete s[j];
    }
    //
    s[j] = {};
    //
    s[j].id = id;
    s[j].speed = speed;
    s[j].imgIdx = -1;
    s[j].imgs = [];
    s[j].objs = obj.getElementsByTagName('li');
    //
    if (s[j].objs != null) {
      for (i = 0; i < s[j].objs.length; i++) {
        s[j].imgs[i] = new Image();
        //
        img = s[j].objs[i].getElementsByTagName('img')[0];
        //
        s[j].imgs[i].src = img.src;
        s[j].imgs[i].alt = img.alt;
      }
      //
      createDivs(j);
    }
    //
    slideIt(j);
  }
}
//
function slideIt(sIdx, iIdx) {
  if (s.length > 0) {
    if (s[sIdx].imgs.length > 0) {
      if (iIdx != null) {
        s[sIdx].imgIdx = iIdx;
      }
      else {
        if (s[sIdx].imgIdx == -1) {
          s[sIdx].imgIdx = 0;
        }
        else {
          if (s[sIdx].imgIdx < s[sIdx].imgs.length - 1) {
            s[sIdx].imgIdx = s[sIdx].imgIdx + 1;
          }
          else {
            s[sIdx].imgIdx = 0;
          }
        }
      }
      //
      var divId;
      //
      for (var j = 0; j < s[sIdx].objs.length; j++) {
        divId = s[sIdx].id + j;
        //
        if (s[sIdx].imgIdx == j) {
          s[sIdx].objs[j].className = '';
          document.getElementById(divId).style.borderColor = '#a52a2a';
        }
        else {
          s[sIdx].objs[j].className = 'invisible';
          document.getElementById(divId).style.borderColor = '#c0c0c0';
        }
      }
      //
      clearInterval(s[sIdx].intvId);
      //
      s[sIdx].intvId = setInterval('slideIt("' + sIdx + '");', s[sIdx].speed);
    }
  }
}