$(function() {
    var ban = 0;
    var maximg = $(".ul-banner li").length;
    text = "";
    for (var i = maximg; i > 0; i--) {
        text += "<span></span>"
    }
    $(".ban-block").html(text); //将遍历到的span写在ban-block块上
    //banner动画效果
    var funimg = function() {
        $(".ban-block span").eq(ban).addclass("current").siblings().removeclass("current")
        $(".ul-banner li").eq(ban).siblings().css({"zindex":"1"}).stop().animate({ opacity: 0 }, 1000);
        $(".ul-banner li").eq(ban).css({ "zindex": "9" }).stop().animate({ opacity: 1 }, 1000);
    }
    funimg();
    //根据索引值进行判断当前图片是哪张
    $(".ban-block span").bind("mouseover", function() {
        ban = $(this).index();
        funimg();
    })
    //自动切换添加定时器
    var setint = setinterval(function() {
        ban++;
        ban %= maximg;
        funimg();
    }, 3500);
    //当鼠标放到点上清除定时器
    $(".ban-block span ,a.prev ,a.next").hover(function() {
        clearinterval(setint);
        //清除后移开点后重新绑定定时器
    }, function() {
        setint = setinterval(function() {
            ban++;
            ban %= maximg;
            funimg();
        }, 3500);
    })
    //左右箭头控制
    $("a.prev").click(function() {
        ban--;
        //如果为true运行问号后面的，为false运行问号前面的
        ban = ban < 0 ? maximg - 1 : ban;

        funimg();
    })
    $("a.next").click(function() {
        ban++;
        //如果为true运行问号后面的，为false运行问号前面的
        ban = ban > maximg - 1 ? 0 : ban;
        funimg();
    })
})