$(document).ready(function () {
    // 图片上下滚动
    /* 显示 3 个 li标签内容 */

    if($("#img-ul").hasClass('img-ul')){
        var count = $("#imageMenu li").length-2;
        var interval = $("#imageMenu li:first").width();
        var curIndex = 0;
        $('.scrollbutton').click(function () {
            if ($(this).hasClass('disabled')) return false;

            if ($(this).hasClass('smallImgUp')){
                --curIndex;
                console.log(curIndex);
            }else{
                ++curIndex;
                console.log(curIndex);
            }
            $('.scrollbutton').removeClass('disabled');

            if ($("#imageMenu li").length <= 3) {
                $('.smallImgDown').addClass('disabled');
                $('.smallImgUp').addClass('disabled');
            } else {
                if (curIndex == 0) $('.smallImgUp').addClass('disabled');
                if (curIndex == count-1) $('.smallImgDown').addClass('disabled');
                $("#imageMenu ul").stop(false, true).animate({"marginLeft": -curIndex * interval + "px"}, 600);
            }

        });
    }else{
        var count = $("#imageMenu li").length-3;
        console.log(count);
        var interval = $("#imageMenu li:first").width();
        var curIndex = 0;
        $('.scrollbutton').click(function () {
            if ($(this).hasClass('disabled')) return false;

            if ($(this).hasClass('smallImgUp')){
                --curIndex;
                console.log(curIndex);
            }else{
                ++curIndex;
                console.log(curIndex);
            }
            $('.scrollbutton').removeClass('disabled');

            if ($("#imageMenu li").length <= 4) {
                $('.smallImgDown').addClass('disabled');
                $('.smallImgUp').addClass('disabled');
            } else {
                if (curIndex == 0) $('.smallImgUp').addClass('disabled');
                if (curIndex == count-1) $('.smallImgDown').addClass('disabled');
                $("#imageMenu ul").stop(false, true).animate({"marginLeft": -curIndex * interval + "px"}, 600);
            }

        });
    }




    $("#imageMenu li img").bind("click", function () {
        if ($(this).attr("id") != "onlickImg") {
            midChange($(this).attr("src").replace("small", "mid"));
            $("#imageMenu li").removeAttr("id");
            $(this).parent().attr("id", "onlickImg");
            $(this).css({"border": "3px solid #959595"});
            $('.play_video img').css({"border": "none"});
            $('.m').hide();
            myPlayer.pause();
        }
    }).bind("mouseout", function () {
        if ($(this).attr("id") != "onlickImg") {
            $(this).removeAttr("style");
        }
    });

    function midChange(src) {
        $("#midimg").attr("src", src);
    }


});