var n=0;
var showsPic = document.getElementById("simg");
var showsBg = document.getElementById("focus_bgs");
var m=showsPic.getElementsByTagName("td").length;
function Mea(value){
	n=value;
	setBg(value);
	plays(value);
	cons(value);
    setsPic(value);
}
function setsPic(value){
    for(var i=0;i<m;i++)
        showsPic.getElementsByTagName("img")[i].className= value==i?'f1':'f2';
}
function setBg(value){
	for(var i=0;i<m;i++)
        showsBg.getElementsByTagName("div")[i].className= value==i?'dis':'undis';
} 
function plays(value){
	try {
		with (focus_pic){
			filters[0].Apply();
			for(i=0;i<m;i++)i==value?children[i].className="dis":children[i].className="undis"; 
			filters[0].play(); 		
		}
	}catch(e){
		var d = document.getElementById("focus_pic").getElementsByTagName("div");
		for(i=0;i<m;i++)i==value?d[i].className="dis":d[i].className="undis"; 
	}
}
function cons(value){
    try {
		with (links)
		    for(i=0;i<m;i++)i==value?children[i].className="dis":children[i].className="undis"; 
	}catch(e){
		var d = document.getElementById("links").getElementsByTagName("div");
		for(i=0;i<m;i++)i==value?d[i].className="dis":d[i].className="undis"; 
	}
}
function clearAuto(){clearInterval(autoStart)}
function setAuto(){autoStart=setInterval("auto(n)", 3000)}
function auto(){
	n++;
	if(n>=m)n=0;
	Mea(n);
} 
function sub(){
	n--;
	if(n<0)n=m-1;
	Mea(n);
} 
setAuto();