var path="../images/photo/";
function CreateImageList(c){
    var tmp="<div class=\"box1 clearFix\"><div class=\"buttonPrev\"><a href=\"javascript:void(0)\" class=\"none\">上一组</a></div><div class=\"photoList\"><ul class=\"pic clearFix\">";
    var data=PhotoData(c);
    for(var i=0;i<data.length;i++){
        n=data[i];
        tmp+="<li><a href=\""+path+n[0]+"\" class=\"thickbox\" title=\""+n[1]+"\" rel=\""+c+"\"><img src=\""+path+"s"+n[0]+"\" /></a></li>";
    }
    tmp+="</ul></div><div class=\"buttonNext\"><a href=\"javascript:void(0)\">下一组</a></div></div>";
    document.write(tmp); 
}
$(document).ready(function(){
    $("div.box1").each(function(i,n){
        var count=$("li",n).length;
        $("img",n).width(150).height(113);
        if(count<=5){
            $("a:last",n).attr("class","none");
            return;
        }
        var t=$(n);
        var index=0;
        var obj=$("div.photoList",n);
        var target;
        var timer;
        $("a:first",n).click(function(){
            if(index>0){
                index--;
                target=166*index;
                clearInterval(timer);
                timer=setInterval(Move,14);
                $("a:last",n).removeAttr("class");
                if(index<=0)$("a:first",n).attr("class","none");
            }else{
                $("a:first",n).attr("class","none");
            }
        });
        $("a:last",n).click(function(){
            if(index<count-5){
                index++;
                target=166*index;
                clearInterval(timer);
                timer=setInterval(Move,14);
                $("a:first",n).removeAttr("class");
                if(index>=count-5)$("a:last",n).attr("class","none");
            }else{
                $("a:last",n).attr("class","none");
            }
        });
        function Move(){
            var dir=target-obj.scrollLeft();
            var step=Math.ceil(Math.abs(dir)/10);
            dir=dir>0?1:-1;
            var dest=obj.scrollLeft()+dir*step;
            if((target-dest)*dir<=0||step<=0){
                obj.scrollLeft(target);
                clearInterval(timer);
            }else{
                obj.scrollLeft(dest);
            }
        }
    });
});