$(function () {
    var listN = $(".banner li").size();
    for (i = 0; i < listN; i++) {
        $(".number").append('<span class="span' + i + '"></span>');
    }
    $(".banner ul li").eq(0).fadeIn(600);
    $(".banner .number").css("margin-left", 580 - $(".banner .number").width() + 'px');
    $(".banner .number span").eq(0).addClass("on");
    var sw = 1;
    $(".banner .number span").mouseover(function () {
        sw = $(".number span").index(this);
        myShow(sw);
    });
    function myShow(i) {
        $(".banner ul li").eq(i).stop(false, true).fadeIn(600).siblings("li").stop(false, true).fadeOut(600);
        $(".banner .number span").eq(i).addClass("on").siblings("span").removeClass("on");
    }
    //滑入停止动画，滑出开始动画
    $(".banner").hover(function () {
        if (myTime) {
            clearInterval(myTime);
        }
    }, function () {
        myTime = setInterval(function () {
            myShow(sw)
            sw++;
            if (sw == listN) { sw = 0; }
        }, 5000);
    });
    //自动开始
    var myTime = setInterval(function () {
        myShow(sw)
        sw++;
        if (sw == listN) { sw = 0; }
    }, 3500);
})