var n=0;
var showNum = document.getElementById("num");
function Mea(value){
	n=value;
	setBg(value);
	plays(value);
	//alert(value);
	}
function setBg(value){

	for(var i=0;i<8;i++){
	   if(value==i){
	     document.getElementById("b"+value).className='act'; 
	
		}	
			else{	
			 document.getElementById("b"+i).className='nor';
			
			}  
	} 
}
function plays(value){ 
		 for(i=0;i<8;i++){
			  if(i==value){			  
			  	document.getElementById("pc_"+value).style.display="block";
			  	//alert('block');
			  }else{
			    document.getElementById("pc_"+i).style.display="none";			    
				//alert('none');
			  }			
		}	
}


function clearAuto(){clearInterval(autoStart)}
function setAuto(){autoStart=setInterval("auto(n)", 5000)}
function auto(){
	n++;	
	if(n>7)n=0;
	Mea(n);
} 
function sub(){
	n--;
	if(n<0)n=2;
	Mea(n);
} 
setAuto();