$(document).ready(function(){
            getImgList();
        });


        var onAnimate=false;//动画是否正在执行
        var maxImgNum;
        var currentImgNum;
        var currentPageNum;

        //设置图片   imgUrlList=[{s:小图url,b:大图url}]
        function getImgList(){
            li=$("#ul_Num").children("li");
            currentImgNum=0;
            currentPageNum=0;
            maxImgNum=$(li).size();
            $.each(li,function(i,n){
                $(n).attr({"id":("Num"+i)});
            });
            $("#ul_Num li").click(function(){
                currentImgNum=parseInt($(this).attr("id").replace("Num",""));
                $("#ul_Num").find(".SelectImg").removeClass("SelectImg");
                $("#Num"+currentImgNum).addClass("SelectImg");
            });
            $("#ul_Num li").mouseover(function(){
                $(this).addClass("SelectImg");
                $(".BigImg img").attr({ src:$(this).children().attr("tar").replace("_S","")});
                $(".BigImg a").attr({href:$(this).children().attr("url")});
            });
            $("#ul_Num li").mouseout(function(){
                if($(this).attr("id").replace("Num","")!=currentImgNum)
                    $(this).removeClass("SelectImg");
            });
            $(".ImgSmallLeft").click(function(){
                var left=parseInt($("#ul_Num").css("left").replace("px",""));
                if(!onAnimate&&currentPageNum-4>=0){
                    onAnimate=true;
                    $("#ul_Num").animate({"left":left+4*90},1000,function(){
                        onAnimate=false;
                        currentPageNum-=4;
                        currentImgNum=currentPageNum;
                        $(".BigImg img").attr({ src:$("#Num"+currentImgNum).children().attr("tar").replace("_S","")});
                        $(".BigImg a").attr({href:$("#Num"+currentImgNum).children().attr("url")});
                    });
                }else if(!onAnimate&&currentPageNum>0){
                    onAnimate=true;
                    $("#ul_Num").animate({"left":left+currentPageNum*90},1000,function(){
                        onAnimate=false;
                        currentPageNum-=currentPageNum;
                        currentImgNum=currentPageNum;
                        $(".BigImg img").attr({ src:$("#Num"+currentImgNum).children().attr("tar").replace("_S","")});
                        $(".BigImg a").attr({href:$("#Num"+currentImgNum).children().attr("url")});
                    });
                }
            });
            $(".ImgSmallRight").click(function(){
                var left=parseInt($("#ul_Num").css("left").replace("px",""));
                if(!onAnimate&&currentPageNum+4<maxImgNum-3){
                    onAnimate=true;
                    $("#ul_Num").animate({"left":parseInt(left) -4*90},1000,function(){
                        onAnimate=false;
                        currentPageNum+=4;
                        currentImgNum=currentPageNum;
                        $(".BigImg img").attr({ src:$("#Num"+currentImgNum).children().attr("tar").replace("_S","")});
                        $(".BigImg a").attr({href:$("#Num"+currentImgNum).children().attr("url")});
                    }); 
                }else if(!onAnimate&&currentPageNum+4<maxImgNum){
                    onAnimate=true;
                    $("#ul_Num").animate({"left":parseInt(left) -(maxImgNum-currentPageNum-4)*90},1000,function(){
                        onAnimate=false;
                        currentPageNum+=(maxImgNum-currentPageNum-4);
                        currentImgNum=currentPageNum;
                        $(".BigImg img").attr({ src:$("#Num"+currentImgNum).children().attr("tar").replace("_S","")});
                        $(".BigImg a").attr({href:$("#Num"+currentImgNum).children().attr("url")});
                    }); 
                }
            });
            autoStartImg();
        }
        
        //开始5秒自动跳下一图片
        function autoStartImg(){
            setTimeout(function(){
                var left=parseInt($("#ul_Num").css("left").replace("px",""));
                if(currentImgNum<currentPageNum+3){
                    currentImgNum++;
                    $(".BigImg img").attr({ src:$("#Num"+currentImgNum).children().attr("tar").replace("_S","")});
                    $(".BigImg a").attr({href:$("#Num"+currentImgNum).children().attr("url")});
                    $("#ul_Num").find(".SelectImg").removeClass("SelectImg");
                    $("#Num"+currentImgNum).addClass("SelectImg");
                    autoStartImg();
                }else{
                    if(!onAnimate&&currentPageNum+4<maxImgNum-3){
                        onAnimate=true;
                        $("#ul_Num").animate({"left":parseInt(left) -4*90},1000,function(){
                            onAnimate=false;
                            currentPageNum+=4;
                            currentImgNum=currentPageNum;
                            $(".BigImg img").attr({ src:$("#Num"+currentImgNum).children().attr("tar").replace("_S","")});
                            $(".BigImg a").attr({href:$("#Num"+currentImgNum).children().attr("url")});
                            autoStartImg();
                        }); 
                    }else if(!onAnimate&&currentPageNum+4<maxImgNum){
                        onAnimate=true;
                        $("#ul_Num").animate({"left":parseInt(left) -(maxImgNum-currentPageNum-4)*90},1000,function(){
                            onAnimate=false;
                            currentPageNum+=(maxImgNum-currentPageNum-4);
                            currentImgNum=currentPageNum;
                            $(".BigImg img").attr({ src:$("#Num"+currentImgNum).children().attr("tar").replace("_S","")});
                            $(".BigImg a").attr({href:$("#Num"+currentImgNum).children().attr("url")});
                            autoStartImg();
                        }); 
                    }else if(!onAnimate){
                        $("#ul_Num").animate({"left":0},1000,function(){
                            onAnimate=false;
                            currentImgNum=0;
                            currentPageNum=0;
                            $(".BigImg img").attr({ src:$("#Num"+currentImgNum).children().attr("tar").replace("_S","")});
                            $(".BigImg a").attr({href:$("#Num"+currentImgNum).children().attr("url")});
                            $("#ul_Num").find(".SelectImg").removeClass("SelectImg");
                            $("#Num"+currentImgNum).addClass("SelectImg");
                            autoStartImg();
                        });
                    }else{
                        autoStartImg();
                    }
                }
            },5000);
        }