var ii=0;
var page = 1;
var bannerul_current = 0;
var banner_interval = null;
$(document).ready(function(){
	$("#bannerul li").mouseover(function(){
		var idx = $("#bannerul li").index($(this));
		if(idx == bannerul_current) return;
		$("#bannerul li span").removeClass("on");
		$("#bannerul li span").eq(idx).addClass("on");
		$(".v_banner img").eq(bannerul_current).fadeOut(400);
		$(".v_banner img").eq(idx).fadeIn(400);
		bannerul_current = idx;
		
	});
	banner_interval = setInterval(___scroll, 15000 );
	$("#bannerul").hover(function(){
		clearInterval(banner_interval);
	},function(){
		banner_interval = scrollTimer = setInterval(___scroll, 15000 );
	});
	
});

function ___scroll(){
	$(".v_banner img").eq(bannerul_current).fadeOut(400);
	bannerul_current++;
	if(bannerul_current == 4) bannerul_current = 0;
	for(i=0;i<4;i++){
		if(i==bannerul_current)
			$("#bannerul li").eq(i).find("span").addClass("on");
		else
			$("#bannerul li").eq(i).find("span").removeClass("on");
	}
	$(".v_banner img").eq(bannerul_current).fadeIn(400);
}