// JavaScript Document
//ROTATE images
var timerID;
var running;
function jrotate(number) {

var divsr = document.getElementsByTagName("div");
for (var j=0; j<divsr.length; j++)
if (divsr[j].id.indexOf("RotateContainer") == 0) divsr[j].className = "t-container t-hide"; 

var divsect = document.getElementById('RotateContainer-'+number);
divsect.className="t-container";

}

function clickRotate(number){
	clearTimeout(timerID);
	if(number==0){step1();}
	if(number==1){step2();}
	if(number==2){step3();}
	if(number==3){step4();}
}

function toggleRotate(number){
   if (running){
     clearTimeout(timerID);
     running=false;
	 jrotate(number)
    }else{
  running=true;
  myRotate(number,step1);
  }
}
function myRotate(number,callback){
	running=true;
	if(running){
	timerID=setTimeout(callback,4000);
	jrotate(number);
	}
}
var milisec
function step1(){myRotate('0',step2); milisec=0; display(0);}
function step2(){myRotate('1',step3); milisec=0; display(1);}
function step3(){myRotate('2',step1); milisec=0; display(2);}
//function step4(){myRotate('3',step1); milisec=0; display(3);}


function display(number){

 if (milisec<=99){ 
     milisec+=5 
	 var object = document.getElementById('RotateContainer-'+number).style;
	 
	    object.opacity = (milisec / 100); 
    	object.MozOpacity = (milisec / 100); 
    	object.KhtmlOpacity = (milisec / 100); 
    	object.filter = "alpha(opacity="+milisec+")"; 
		
	 
    setTimeout("display("+number+")",25) 
    
   } 
   
} 

if (window.addEventListener)
		window.addEventListener("load", step1, false)
		else if (window.attachEvent)
		window.attachEvent("onload", step1)
		else if (document.getElementById)
		window.onload=step1