function $(obj) {return document.getElementById(obj);}

var lis = $("list").getElementsByTagName("li");

var n=0;
$("con").innerHTML = $("tag0").innerHTML;
lis[0].style.backgroundPosition="left top";

function changeBg() {
	var obj=lis[n];
	$("con").innerHTML = $("tag"+n).innerHTML;
	for(var i=0;i<lis.length;i++) {
		if(lis[i]==obj) {
			lis[i].style.backgroundPosition="left top";
		} else {
			lis[i].style.backgroundPosition="left -65px";
		}
	}
	n=n>(lis.length-2)?0:Number(n)+1;
}
var seti=setInterval(changeBg,1600);

for(var i=0;i<lis.length;i++) {
	lis[i].id = i;
	lis[i].onmouseover = function () {
				n=this.id;
				changeBg();
				clearInterval(seti);
	}
	lis[i].onmouseout = function () {
				seti=setInterval(changeBg,1600);
	}
}

