//images must have unique id, class="thumb" or "latest_img", urls array is taken from sibling span
var thumbs_arr=new Array();
var urls=new Array();
var flagToChange=false;	
var timer=null;	
var primaryImageUrl; 

var rotator = {
  onover: function(event) {
	var elt=Event.element(event);	//img tag 
	Event.stop(event);
	primaryImageUrl=elt.src;
	if (elt.hasClassName("thumb")){
		flagToChange=true;
		urls=elt.next('span').innerHTML.split(",");	//taking urls array from sibling span element
		urls.invoke('strip');
		for(var j=0;j<8;j++){ 		   			// preloading images
			if (urls[j]) {
				thumbs_arr[j]=new Image();
				thumbs_arr[j].src=urls[j];
			}
			//if (j==1)alert(thumbs_arr[j].src);
		}
		if (flagToChange) changepic(-1,elt.id);
	}
  },
  
   onout: function(event) {
		var elt=Event.element(event);
		Event.stop(event);
		if (elt.hasClassName("thumb")){
			flagToChange=false;
			clearTimeout(timer);
			elt.src=primaryImageUrl;
		}
  }	
};

Event.observe(window,'load', rotatorsInit);

function rotatorsInit(){
	var elts=$$("img.thumb");
	elts.each(function(img){
		Event.observe(img, 'mouseover', rotator.onover.bindAsEventListener(rotator));
		Event.observe(img, 'mouseout', rotator.onout.bindAsEventListener(rotator));
	});
}

function changepic(i,idImg) {
i = (i>=7) ? 0 : ++i;
/*if (i>=7) {i=0;}
else {i++;}	*/
if (thumbs_arr[i].complete) {	  //check if img is loaded
	if(thumbs_arr[i].naturalWidth != 0)
	{
		$(idImg).src=thumbs_arr[i].src;		
		if (flagToChange){
			timer=setTimeout("changepic("+i+",'"+idImg+"')",500);
		}
		else {
			$(idImg).src=primaryImageUrl;//thumbs_arr[0].src;	
			clearTimeout(timer);
		}
	}
} 
else {
	if (flagToChange){			// if img isn't loaded, refresh function
		timer=setTimeout("changepic("+i+",'"+idImg+"')",20);
	}
}
}