// JavaScript Document By Trance

$(document).ready(function() {

    var t = false; //定时器
    var time = 3000; //切换间隔
    var time2 = 10000;
    var speed = 1500; //滚动时间
    var speed2 = 1; //滚动时间
    var i = 0; //起始序列						   
    var len = 4; //滚动内容个数
    var wh = 361; //每个滚动内容的宽度

    $("#info").css({ "width": wh * len + "px" });


    //滚动函数
    function roll(i) {
        checkroll();
        ChangePic();
        if (!$("#info").is(":animated")) {

            if (i != -1 && i != len) {
               if(i==0)
               {
                     $("#info").animate({ "left": -(wh * i) + "px" }, speed2);
               }
               else
               {
                    $("#info").animate({ "left": -(wh * i) + "px" }, speed);
                }

            } else if (i == -1) {
                i = len - 1;
                $("#info").css({ "left": -(wh * (i - 1)) + "px" });
                $("#info").animate({ "left": -(wh * i) + "px" }, speed);
            } else if (i == len) {
                i = 0;
                $("#info").css({ "left": -wh + "px" });
                $("#info").animate({ "left": 0 + "px" }, speed);
            }

        }
    }
   //更换图片样式
    function ChangePic() {
        for (var s = 0; s < len; s++) {
            $PicSwitchs.get(s).src = 'images/KY_d_09.jpg';
        }
        $PicSwitchs.get(i).src = 'images/KY_d_07.jpg';
    }
    //检查并且初始化滚动
    function checkroll() {
        if ($("#info").find(".hide").html()) {
            //alert("执行了 checkroll 函数"+index);
            $("#info").find("div").removeClass("hide").show();
            $("#info").css({ "left": -(wh * i) + "px" });
        }
    }
    //检查并且初始化Fade	
    function checkfade() {
        if (!$("#info").find(".hide").html()) {
            //alert("执行了 checkfade 函数");
            $("#info").find("div").not($("#info").find("div").eq(i)).addClass("hide");
            $("#info").css({ "left": 0 + "px" });
        }
    }
    //点击事件
    $PicShow = $("#PicShow");
    $PicSwitchs = $(".pic_0", $PicShow);

    $PicSwitchs.click(
    function() {
        i = $PicSwitchs.index(this);
        roll(i);

    }
    )
    //自动执行

    function setInt() {
        t = setInterval(function() {
            roll(i);
            i++;
            if (i == len) { i = 0; }
        }, time2);
    }
    function clearInt() {
        if (t) clearInterval(t);
    }

    $("#area").hover(
		function() { clearInt() },
		function() { setInt() }
		)
    //开始自动
    setInt();

})