$(function () {

    function slideBanner(indexNum) {

        var currentShowIndex = $("#banner > div").index($(".currentBanner"));

        if (indexNum != currentShowIndex) {

            var myImg = $("#banner .currentBanner img");
            var indexBanner = $("#banner > div:eq(" + indexNum + ")");
            var currentBanner = $("#banner .currentBanner");

            var leftDistance = (currentShowIndex - indexNum) * 100;

            myImg.animate({ left: '-50%' }, "slow", function () { $("#banner").animate({ left: '+=' + leftDistance + '%' }, "1000"); myImg.removeAttr("style"); });
            currentBanner.removeClass("currentBanner");
            indexBanner.addClass("currentBanner");

        }

    }

    $("#banner1_thumb").click(function () {
        slideBanner(0);
        return false;
    })
    $("#banner2_thumb").click(function () {
        slideBanner(1);
        return false;
    })
    $("#banner3_thumb").click(function () {
        slideBanner(2);
        return false;
    })
    $("#banner4_thumb").click(function () {
        slideBanner(3);
        return false;
    })
    //动态计算产品滚动的宽度
    $("#ulScroll").width($("#ulScroll > li").length * 130);
})