var hover=0; function showStage(stage,manual) { hover=manual; if(manual) current=0; for (i=1;i<4;i++) { document.getElementById('stageLink'+i).className=''; } switch (stage) { case 0: newImage = 'url(images/new/option-0-pic.png)'; break; case 1: newImage = 'url(images/new/option-1-pic.png)'; break; case 2: newImage = 'url(images/new/option-2-pic.png)'; break; case 3: newImage = 'url(images/new/option-3-pic.png)'; break; } document.getElementById('stageDetails').style.backgroundImage = newImage; } var t; var current=0; function rotateStages() { if(!hover) { current++; if(current > 3) current =0 showStage(current); if(current>0) document.getElementById('stageLink'+current).className='current'; } t = setTimeout("rotateStages()",5000); }