/*#############   WRITTEN BY DAVID MORGAN OCTOBER 2009     ######################

###############   WHILE LISTENING TO MUSIC OF "THE BEATLES"    ##################
---TRACK LIST---
Hello Goodbye
We Can Work It Out
Norwegian Wood
Across the Universe
Here Comes the Sun
Elanor Rigby
#################################################################################*/

//ROTATE images
var nextItem;
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";

//var rDiv=document.getElementById('jsRotate');
//var ArrList=rDiv.getElementsByTagName( "li" );
//
//for (var j = 0; j < ArrList.length; j++)
//ArrList[j].className='list-items'
//if (ArrList[number].className=='list-items'){
//ArrList[number].className='items-selected';
//
//}else{
//	
//ArrList[number].className='list-items';
//}

}

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,10000);
	nextItem=number;
	jrotate(number);
	}
}
var milisec
function step1(){nextItem=0; myRotate('0',step2); milisec=0; display(0);}
function step2(){nextItem=1; myRotate('1',step3); milisec=0; display(1);}
function step3(){nextItem=2; myRotate('2',step4); milisec=0; display(2);}
function step4(){nextItem=3; 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) 
    
   } 
   
} 

function next(){
	clearTimeout(timerID);
if(nextItem==0){step2();}
else if(nextItem==1){step3();}
else if(nextItem==2){step4();}
else if(nextItem==3){step1();}
}


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