var targetElements = "";
var interspace = setTimeout("", 1);
var counter = 0;
var detail = new Array();
var vewBox = "";

Event.observe(window, 'load', changeElementSetup, true) 

function changeElementSetup() {
  targetElements = $$('._change');
  vewBox = targetElements[0]
  for(i = 0; i < targetElements.length; i++){
    detail[i] = targetElements[i].innerHTML;
    if(i == 0){
      targetElements[i].style.display = 'block';
    }
  }
  Event.observe(vewBox, 'mouseover', stopChange, true) 
  Event.observe(vewBox, 'mouseout', timeSet, true) 
  timeSet();
}

function timeSet() {
  interspace = setTimeout("changeImage()", 5000);
}

function changeImage() {
  if(counter < (targetElements.length-1)){
    counter++;
  }else{
    counter = 0;
  }
  vewBox.innerHTML = detail[counter];
  interspace = setTimeout("changeImage()", 5000);
}

function stopChange() {
  clearTimeout(interspace);
}

