var currentIndex = 0;
var DEMO; //函数对象
var size = 0;
var stoped = false;
$(function(){
	size = $("#scrollAd li").size();
    $("#scrollAd li").eq(0).show(); //默认
    autoScroll();
    $("#scrollNo li").hover(
		function() {
			StopScrolll();
			currentIndex = $(this).index();
			$("#scrollNo li").attr({"className":"normal"});
			$(this).attr({"className":"current"}); //而本身则加上当前的样式去掉正常的样式
			$("#scrollAd li").eq(currentIndex).fadeIn("slow"); //本身显示
			$("#scrollAd li").not($("#scrollAd li")[currentIndex]).hide(); //除了自身别的全部隐藏
        },
		function() {
            //当鼠标离开对象的时候获得当前的对象的ID以便能在启动自动时与其同步
			stoped = false;
            autoScroll();
        }
	);
});
//自动滚动
function autoScroll() {
	if(stoped) return;
    $("#scrollNo li").attr({"className":"normal"});
    $("#scrollNo li").eq(currentIndex).attr({"className":"current"});
    $("#scrollAd li").eq(currentIndex).fadeIn("slow");
	$("#scrollAd li").not($("#scrollAd li")[currentIndex]).hide(); //除了自身别的全部隐藏
    currentIndex++; currentIndex = currentIndex >= size ? 0 : currentIndex;
    DEMO = setTimeout(autoScroll, 3000);
}
function StopScrolll() {
	//当鼠标移动到对象上面的时候停止自动滚动
	stoped = true;
    clearTimeout(DEMO);
}