var clnts = new Array();
var stl = new Array();
var urls = new Array();
var alts = new Array();
var i_el = 0;
var add_div;
var add_a;
var n_el = 10;
var timeHandle;
var n_pix = 1;
var n_mls = 40;
var imgs = new Array();
var last;
var bool_n_el;

function circuit()
{
  var divs = window.document.getElementsByTagName('div');
  var i = 0;
  for (el in divs) {
    if (divs[el].className == 'client') {
      clnts[i] = divs[el];
      clnts[i].style.left = 0 + "px";
      clnts[i].style.width = 0 + "px";
      clnts[i].style.visibility = "hidden";
      clnts[i].style.display = "block";
      //clnts[i].style.border = "1px solid red"; ////////////////////////////////////////////////////
      stl[i] = clnts[i].style.backgroundImage;
      imgs[i] = new Image();
      imgs[i].width = 200;
      imgs[i].height = 134;
      //var img_src = clnts[i].style.backgroundImage;
      //if (window.navigator.appName == "Opera")
      //  imgs[i].src = img_src.match(/\/.+\/.+\.[a-zA-Z]{1,3}/);
      //else
      //  imgs[i].src = img_src.replace(/(url)|[\(\)]/g, "");
      if (clnts[i].firstChild) {
        urls[i] = clnts[i].firstChild.getAttribute('href');
        alts[i] = clnts[i].firstChild.getAttribute('title');
      }
      else {
        urls[i] = "javascript:void()";
      }
      i++;
    }
  }

  if (n_el <= 0) {
    n_el = 1;
  }
  if (n_el > 10) {
    n_el = 10;
  }

  var add_div_init;
  if (n_el >= clnts.length) {
    n_el = clnts.length;
    add_div_init = 0;
  }
  else {
    add_div_init = n_el;
  }

  add_div = document.createElement('div');
  add_div.innerHTML = "<a href='#' style='float:left; width:100%; height:100%;'></a>";
  add_div.className = "client";
  add_div.style.width = 0 + "px";
  add_div.style.left = 0 + "px";
  add_div.style.display = "block";
  add_div.style.backgroundImage = clnts[add_div_init].style.backgroundImage;
  //add_div.style.border = "1px solid blue";////////////////////////////////////////////////
  if (add_div.firstChild) {
    add_div.firstChild.href = urls[add_div_init];
    add_div.firstChild.title = alts[add_div_init];
  }
  clnts[clnts.length - 1].parentNode.appendChild(add_div);
  clnts[0].style.backgroundPosition = 'center left';
  
  for (var i=0; i<n_el; i++) {
    clnts[i].style.visibility = "visible";
    clnts[i].style.width = imgs[i].width + "px";
  }
  setTimeHandle();
  setTimeout("circuit_move()", n_mls);
}

function circuit_move()
{
  if (parseInt(clnts[0].style.width) <= 0) {
    var j;
    i_el++;
    if (i_el >= clnts.length) i_el = 0;
    
    last = n_el + i_el;
    if (last >= stl.length) last = last - stl.length;
    
    j = i_el;
    for (var i=0; i<n_el; i++) {
      clnts[i].style.width = imgs[j].width + "px";
      clnts[i].style.backgroundImage = stl[j];
      if (clnts[i].firstChild) {
        clnts[i].firstChild.href = urls[j];
        clnts[i].firstChild.title = alts[j];
      }
      j++;
      if (j >= clnts.length) {j = 0;}
    }
    
    add_div.style.width = 0 + 'px';
    add_div.style.backgroundImage = stl[last];
    if (add_div.firstChild) {
      add_div.firstChild.href = urls[last];
      add_div.firstChild.title = alts[last];
    }
  }
    
  var width_0;
  if ((parseInt(clnts[0].style.width) - n_pix) < 0) {
    width_0 = 0 + "px";
  }
  else {
    width_0 = parseInt(clnts[0].style.width) - n_pix + "px";
  }
  clnts[0].style.width = width_0;
  add_div.style.width = parseInt(add_div.style.width) + n_pix + "px";

  timeHandle = setTimeout("circuit_move()", n_mls);
}

function setTimeHandle()
{
  for (var i=0; i<n_el; i++) {
    clnts[i].onmouseover = function() {clearTimeout(timeHandle);};
    clnts[i].onmouseout = function() {timeHandle = setTimeout('circuit_move()', n_mls);};
    add_div.onmouseover = function() {clearTimeout(timeHandle);};
    add_div.onmouseout = function() {timeHandle = setTimeout('circuit_move()', n_mls);};
  }
}