function $(v){return document.getElementById(v)}
var img = $("bimg").getElementsByTagName("div");
var li = $("simg").getElementsByTagName("li");
var text = $("info").getElementsByTagName("div");
var now = 1;
var count = 3;			//设置数量
var def = 0;			//默认显示
var speed = 3000;		//3秒
//initialize
for(var i=0;i<count;i++){
	//li
	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].style.display = "none";
	img[i].onmouseover = function(){clearAuto()}
	img[i].onmouseout = function(){setAuto()}	
	//text 
	text[i].style.display = "none";
	text[i].onmouseover = function(){clearAuto()}
	text[i].onmouseout = function(){setAuto()}
}
//set default
li[def].className = "s";
img[def].style.display = "block";
text[def].style.display = "block";
 
function setClass(v){ 
	for(var i=0;i<count;i++)
		li[i].className = "";
	li[v].className = "s";
}  
function setImg(v){	
	try{
		with (bimg){
			filters[0].Apply(); 
			for(var i=0;i<count;i++){
				img[i].style.display = "none";	
				text[i].style.display = "none";	
			}	
			img[v].style.display = "block";
			text[v].style.display = "block";
			filters[0].play(); 	
		}
	}
	catch(e){		
		for(var i=0;i<count;i++){
			img[i].style.display = "none";	
			text[i].style.display = "none";
		}			
		img[v].style.display = "block";
		text[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();