var autoStart;
var n=0;

var showNum=document.getElementById("num").getElementsByTagName("li");	
function setfoc(id){
	document.getElementById("focpic").src = picarry[id];
	document.getElementById("foclnk").href = lnkarry[id];
	for(i=0;i<showNum.length;i++){
		showNum[i].className="li_out";
	}
	showNum[id].className="li_over";
	document.getElementById("focpic").style.display = "none";
	if (document.getElementById("focpic").style.display == "block"){
		document.getElementById("focpic").style.display = "none";
	}else{
		document.getElementById("focpic").style.display = "block";
	}
}
function over(id){
	clearInterval(autoStart);
	setfoc(id);
	n=id;
}
function clearAuto(){
	clearInterval(autoStart);
}
function setAuto(){
	autoStart=setInterval("auto(n)", 4000);
}
function auto(){
	n++;
	if(n>2)n=0;
	setfoc(n);
} 
window.onload=function(){
	setAuto();
}