// JavaScript Document
function G(id){
	return document.getElementById(id);
}
var imgWidth=280;
var st = 0;
var __n=0;
var sp=0.4;
var ele=G("sl");
var timers=new Array();
function slide(n){	
	timers[1]=setInterval(doSlide,10);
	var btn=G("bar").getElementsByTagName("a");
	for(var i=0; i<4; i++){
		if(i == n){
			btn[n].className = "a";
			continue;
		}
		btn[i].className = "";
	}	
}
function doSlide(){
	var x=ele.scrollLeft;
	if(ele.scrollLeft==__n*imgWidth){		
		__n++;
		if(timers[1]){clearInterval(timers[1])};
	}else{
		st=st+sp*((__n*imgWidth)-st);
		ele.scrollLeft = Math.round(st);
	}
}
var slideInit = function(){
	if(__n == 4) __n = 0;
	slide(__n);
}
window.onload=function(){
	timers[0]=setInterval(slideInit, 5000);
	var btn=G("bar").getElementsByTagName("a");	
	for(var i=0;i<4; i++){
		btn[i].setAttribute("num",i);
		btn[i].onmouseover=function(){clearInterval(timers[0]);}
		btn[i].onclick=function(){if(timers[1]){clearInterval(timers[1])};__n=this.getAttribute("num");slide(__n);}		
		btn[i].onmouseout=function(){timers[0]=setInterval(slideInit, 5000);}
		btn[i].onfocus=function(){this.blur()}
	}	
}