$(document).ready(function(){
    //Xử lý khi click vào ảnh nhỏ(chi tiết sản phẩm)
    var _pdcenter = $("#pro-detail-left .pro-detail-left-body .pr-dt-lf-body-left ul li.prow3 span.prow3-center");
    var _pdimgbig = $("#pro-detail-left .pro-detail-left-body .pr-dt-lf-body-left ul li.prow2 span img");
    var _src;
    $(_pdcenter).find("ul li").click(function(){
        _src = $(this).find("img").attr("src");
        _pdimgbig.attr("src",_src.replace("resize", "big"));
    });
    
    //Xử lý slideshow ảnh nhỏ(chi tiết sản phẩm)
    var _pdleft = $("#pro-detail-left .pro-detail-left-body .pr-dt-lf-body-left ul li.prow3 span.prow3-left");
    var _pdright = $("#pro-detail-left .pro-detail-left-body .pr-dt-lf-body-left ul li.prow3 span.prow3-right");
    var _pdimglength = $(_pdcenter).find("ul li").length;
    var _limit = 4;
    var _left = 49;
    var _r;
    
    $(_pdleft).css({'display':'none'});
    if(_pdimglength <= _limit)
        $(_pdright).css({'display':'none'});
    
    $(_pdright).click(function(){
        _r = $(this).attr("rel");
        if(_r == undefined)
            _r = 1;
        else _r = parseInt(_r) + 1;
        if(_r == _pdimglength)
        {
            $(_pdright).css({'display':'none'});
            return;
        }
        else
        {
            $(_pdleft).css({'display':'block'});
            $(_pdleft).attr("rel", _r);
            $(this).attr("rel", _r);
        }
        $(_pdcenter).find("ul").css({'left':'-'+(_left*_r)+'px'});
        _src = $(_pdcenter).find("ul li:nth("+(_r + 1)+") img").attr("src");
        _pdimgbig.attr("src",_src.replace("resize", "big"));
    });
    $(_pdleft).click(function(){
        _r = $(this).attr("rel");
        if(_r == undefined)
         _r = -1
        else _r = parseInt(_r) - 1;
        
        if(_r == -1)
        {
            $(this).css({'display':'none'});
            return;
        }
        else
        {
            $(_pdright).css({'display':'block'});
            $(_pdright).attr("rel", _r);
            $(this).attr("rel", _r);
        }
        $(_pdcenter).find("ul").css({'left':'-'+(_left*_r)+'px'});
        _src = $(_pdcenter).find("ul li:nth("+(_r)+") img").attr("src");
        _pdimgbig.attr("src",_src.replace("resize", "big"));
    });
    
});