/* animate visual */
var iTotal = 3;     
var iTimer = 5000;  
var id,iCount = 0;
var timeoutid = null;

/* pause */
function pauseCycleImage(item){
	stopCycleImage();
	switchImage(item);
	}
/* stop */
function stopCycleImage() {
	window.clearTimeout(timeoutid);
	}
/* restart */
function restartCycleImage(item) {
	iCount=item;
	timeoutid=setTimeout("cycleImage()",iTimer);
	}	
/* start */
function cycleImage () {
	switchImage(iCount);
	iCount++;
	iCount = iCount%iTotal;
	timeoutid=setTimeout("cycleImage()",iTimer);
 }
 /* switch image */
 function switchImage(item) {
 
	document.getElementById('menu-item0').style.backgroundPosition='4px 0';
	document.getElementById('menu-item1').style.backgroundPosition='4px 0';
	document.getElementById('menu-item2').style.backgroundPosition='4px 0';
	
	document.getElementById('menu-text0').style.display='none';
	document.getElementById('menu-text1').style.display='none';
	document.getElementById('menu-text2').style.display='none';
	
	document.getElementById('menu-pic0').style.display='none';
	document.getElementById('menu-pic1').style.display='none';
	document.getElementById('menu-pic2').style.display='none';
	
	document.getElementById('mood0').style.display='none';
	document.getElementById('mood1').style.display='none';
	document.getElementById('mood2').style.display='none';
	
	var button = document.getElementById('menu-item'+item);
	button.style.backgroundPosition = '4px 75px';
	
	var text = document.getElementById('menu-text'+item);
	text.style.display = 'block';
	
	var pic = document.getElementById('menu-pic'+item);
	pic.style.display = 'block';
	
	var mood = document.getElementById('mood'+item);
	mood.style.display = 'block';
	
	}
