$(document).ready(function() {
		   var currentIndex = 0;
            var DEMO; //函数对象
            var currentID = 0; //取得鼠标下方的对象ID
            var pictureID = 0; //索引ID
            $("#top_piclist li").eq(0).show(); //默认
            autoScroll();
            $("#top_btn li").hover(function() {
                StopScrolll();
                $("#top_btn li").removeClass("current")//所有的li去掉当前的样式加上正常的样式
                $(this).addClass("current"); //而本身则加上当前的样式去掉正常的样式
                currentID = $(this).attr("id"); //取当前元素的ID
                pictureID = currentID.substring(currentID.length - 1); //取最后一个字符
                $("#top_piclist li").eq(pictureID).fadeIn("slow"); //本身显示
                $("#top_piclist li").not($("#top_piclist li")[pictureID]).hide(); //除了自身别的全部隐藏
                $("#top_tx dt").hide();
                $("#top_tx dt").eq(pictureID).show();
				$("#top_tx dd").hide();
                $("#top_tx dd").eq(pictureID).show();

            }, function() {
                //当鼠标离开对象的时候获得当前的对象的ID以便能在启动自动时与其同步
                currentID = $(this).attr("id"); //取当前元素的ID
                pictureID = currentID.substring(currentID.length - 1); //取最后一个字符
                currentIndex = pictureID;
                autoScroll();
            });
            //自动滚动
            function autoScroll() {
                $("#top_btn li:last").removeClass("current");
                $("#top_tx dt:last").hide();
				$("#top_tx dd:last").hide();
                $("#top_btn li").eq(currentIndex).addClass("current");
                $("#top_btn li").eq(currentIndex - 1).removeClass("current");
                $("#top_tx dt").eq(currentIndex).show();
                $("#top_tx dt").eq(currentIndex - 1).hide();
				$("#top_tx dd").eq(currentIndex).show();
                $("#top_tx dd").eq(currentIndex - 1).hide();
                $("#top_piclist li").eq(currentIndex).fadeIn("slow");
                $("#top_piclist li").eq(currentIndex - 1).hide();
                currentIndex++; currentIndex = currentIndex >= 4 ? 0 : currentIndex;
                DEMO = setTimeout(autoScroll, 3000);
            }
            function StopScrolll()//当鼠标移动到对象上面的时候停止自动滚动
            {
                clearTimeout(DEMO);
            }
	});


	 $(document).ready(function() {
		   var currentIndex = 0;
            var DEMO1; //函数对象
            var currentID = 0; //取得鼠标下方的对象ID
            var pictureID = 0; //索引ID
            $("#con3_i div").eq(0).show(); //默认
            autoScroll();
            $("#con3_t li").hover(function() {
                StopScrolll();
                $("#con3_t li").removeClass("current")//所有的li去掉当前的样式加上正常的样式
                $(this).addClass("current"); //而本身则加上当前的样式去掉正常的样式
                currentID = $(this).attr("id"); //取当前元素的ID
                pictureID = currentID.substring(currentID.length - 1); //取最后一个字符
                $("#con3_i div").eq(pictureID).fadeIn("slow"); //本身显示
                $("#con3_i div").not($("#con3_i div")[pictureID]).hide(); //除了自身别的全部隐藏

            }, function() {
                //当鼠标离开对象的时候获得当前的对象的ID以便能在启动自动时与其同步
                currentID = $(this).attr("id"); //取当前元素的ID
                pictureID = currentID.substring(currentID.length - 1); //取最后一个字符
                currentIndex = pictureID;
                autoScroll();
            });
            //自动滚动
            function autoScroll() {
                $("#con3_t li:last").removeClass("current");
                $("#con3_t li").eq(currentIndex).addClass("current");
                $("#con3_t li").eq(currentIndex - 1).removeClass("current");
                $("#con3_i div").eq(currentIndex).fadeIn("slow");
                $("#con3_i div").eq(currentIndex - 1).hide();
                currentIndex++; currentIndex = currentIndex >= 4 ? 0 : currentIndex;
                DEMO1 = setTimeout(autoScroll, 8000);
            }
            function StopScrolll()//当鼠标移动到对象上面的时候停止自动滚动
            {
                clearTimeout(DEMO1);
            }
	});