// JavaScript Document
var current_id = 1,timer;
function $(id) {
	return document.getElementById(id);
}
function ck(id) {
	var cur = id.substr(id.indexOf('_')+1,id.length);
	current_id = cur;
	for(var i=1;i<5;i++) {
		if(i == cur) {
			$('pic_' + i).style.display = '';
			$('thumb_' + i).className = 'now';
		} else {
			$('pic_' + i).style.display = 'none';
			$('thumb_' + i).className = $('thumb_' + i).className.replace('now','');
		}
	}
}
function auto() {
	var n = parseInt(current_id) + 1;
	if(n > 4) {n = n%4;}
	ck('_' + n);
	current_id = n;
	window.clearTimeout(timer);
	timer = window.setTimeout('auto();', 2500);
}
function stop() {
	window.clearTimeout(timer);
}
window.onload = function() {
	var lis = $('focus').getElementsByTagName('LI');
	for(var i=0;i<lis.length;i++) {
		lis[i].onmouseover = function(){stop();ck(this.id);}
		lis[i].onmouseout = function(){timer = window.setTimeout('auto();',2500);}
	}
	window.setTimeout('auto()', 2500);
}

