function $(v){return document.getElementById(v)}
var img = $("focusPic").getElementsByTagName("div");
var li = $("focusCtrl").getElementsByTagName("li");
var now = 1;
var count = 5;			//设置数量
var def = 0;			//默认显示
var speed = 6000;		//3秒
//initialize
for(var i=0;i<count;i++){
	//td
	li[i].name = i;
	li[i].className = "";
	li[i].onclick = function (){changeBar(this.name)}
	li[i].onmouseover = function(){clearAuto()}
	li[i].onmouseout = function(){setAuto()}
	//img 
	img[i].name = i
	img[i].style.display = "none";
	img[i].onmouseover = function(){clearAuto()}
	img[i].onmouseout = function(){setAuto()}
}
//set default
li[def].className = "active";
img[def].style.display = "block";
 
function setClass(v){ 
	for(var i=0;i<count;i++)
		li[i].className = "";
	li[v].className = "active";
} 
function setImg(v){	
	try{
		with (focusPic){
			filters[0].Apply(); 
			for(var i=0;i<count;i++)
				img[i].style.display = "none";		
			img[v].style.display = "block";
			filters[0].play(); 	
		}
	}
	catch(e){		
		for(var i=0;i<count;i++)
			img[i].style.display = "none";		
		img[v].style.display = "block";
	}
}
//contorl changed
function changeBar(v){
	setClass(v);
	setImg(v);
	now= v+1;
} 
//set Auto
var auto = '';
function setChange(){
	if(now<count){
		changeBar(now);		
		}
	else{
		now = 0;
		changeBar(now);
	}
}
function setAuto(){auto = setInterval("setChange()", speed)}
function clearAuto(){clearInterval(auto)}
setAuto();