$(document).ready(function(){

    var picshow = "<div id='picshow'><div class='pic_show_box'><div class='pic_quit'></div><a href='javascript:;' title='上一张' class='lbtn'></a><a href='javascript:;' title='下一张' class='rbtn'></a><img  width='593' height='442'  alt=''  /><p><a href='' id='piclink'>adsfasdf</a></p></div></div>";
    $(".zoom").click(function(){
        var _this = $(this),liindex,picurl,picshowbod,leng,_val,_href;
        liindex = _this.parents("li").index();
        picurl = _this.parents("li").find("img").attr("rel");
       // alert(picurl+"aa");
        _href = _this.parents("li").find("a").attr("href");
        _this.parents("ul").append(picshow);
        picshowbod = $(".pic_show_box");
        picshowbod.find("img").attr("src",picurl);
        _val = _this.parents("li").find("p").find("a").text();
        $("#piclink").text(_val);
        $("#piclink").attr("href",_href);
        leng = _this.parents("ul").find("li").length;
        $(".lbtn").click(function(){
            if(liindex>0){
                picurl = _this.parents("ul").find("li").eq(liindex-1).find("img").attr("rel");
                _val = _this.parents("ul").find("li").eq(liindex-1).find("p").find("a").text();
                _href = _this.parents("ul").find("li").eq(liindex-1).find("p").find("a").attr("href");
                $("#piclink").text(_val);
                picshowbod.find("img").attr("src",picurl);
                $("#piclink").attr("href",_href);
                return liindex--;
            }else{
                picurl = _this.parents("ul").find("li").eq(leng-1).find("img").attr("rel");
                _val = _this.parents("ul").find("li").eq(leng-1).find("p").find("a").text();
                _href = _this.parents("ul").find("li").eq(leng-1).find("p").find("a").attr("href");
                $("#piclink").text(_val);
                picshowbod.find("img").attr("src",picurl);
                $("#piclink").attr("href",_href);
                liindex = leng-1;
                return liindex;
            }
        });
        $(".rbtn").click(function(){
            if(liindex<leng-1){
                picurl = _this.parents("ul").find("li").eq(liindex+1).find("img").attr("rel");
                _val = _this.parents("ul").find("li").eq(liindex+1).find("p").find("a").text();
                _href = _this.parents("ul").find("li").eq(liindex+1).find("p").find("a").attr("href");
                $("#piclink").text(_val);
                $(".pic_show_box").find("img").attr("src",picurl);
                $("#piclink").attr("href",_href);
                return liindex++;
            }else{
                picurl = _this.parents("ul").find("li").eq(0).find("img").attr("rel");
                _val = _this.parents("ul").find("li").eq(0).find("p").find("a").text();
                _href = _this.parents("ul").find("li").eq(0).find("p").find("a").attr("href");
                $("#piclink").text(_val);
                $(".pic_show_box").find("img").attr("src",picurl);
                $("#piclink").attr("href",_href);
                liindex = 0;
                return liindex;
            }
        });
        $(".pic_quit").click(function(){
            $("#picshow").remove();
        });
    });
      
});