//$(function () {
//    var $container = $(".recentlyview");
//    var $cur = 1;
//    var $i = 4;
//    var $len = $('.recentlyshow>div', $container).length;
//    var $pages = Math.ceil($len / $i);
//    var $w = $('.recentlyviewbox', $container).width();
//    var $recentlyshow = $('.recentlyshow', $container);
//    var $prev = $('span.prev', $container)
//    var $next = $('span.next', $container);
//    $prev.click(function () {
//        if (!$recentlyshow.is(':animated')) {
//            if ($cur == 1) {
//                $recentlyshow.animate({
//                    left: '-=' + $w * ($pages - 1)
//                }, 500);
//                $cur = $pages;
//            }
//            else {
//                $recentlyshow.animate({
//                    left: '+=' + $w
//                }, 500);
//                $cur--;
//            }
//        }
//    });
//    $next.click(function () {
//        if (!$recentlyshow.is(':animated')) {
//            if ($cur == $pages) {
//                $recentlyshow.animate({
//                    left: 0
//                }, 500);
//                $cur = 1;
//            }
//            else {
//                $recentlyshow.animate({
//                    left: '-=' + $w
//                }, 500);
//                $cur++;
//            }
//        }
//    });
//    $prev.mouseover(function () {
//        $prev.addClass("prev-over");
//    });
//    $prev.mouseout(function () {
//        $prev.removeClass("prev-over");
//    });
//    $next.mouseover(function () {
//        $next.addClass("next-over");
//    });
//    $next.mouseout(function () {
//        $next.removeClass("next-over");
//    });
//})
$(function () {
    function pslider(container, options) {
        var $container = $(container);
        var $cur = 1;
        var $i = 4;
        var $len = $('.recentlyshow>div', $container).length;
        var $pages = Math.ceil($len / $i);
        var $w = $('.recentlyviewbox', $container).width();
        var $recentlyshow = $('.recentlyshow', $container);
        var $prev = $('span.prev', $container)
        var $next = $('span.next', $container);

        $prev.click(function () {
            if (!$recentlyshow.is(':animated')) {
                if ($cur == 1) {
                    $recentlyshow.animate({
                        left: '-=' + $w * ($pages - 1)
                    }, 500);
                    $cur = $pages;
                }
                else {
                    $recentlyshow.animate({
                        left: '+=' + $w
                    }, 500);
                    $cur--;
                }
            }
        });
        $next.click(function () {
            if (!$recentlyshow.is(':animated')) {
                if ($cur == $pages) {
                    $recentlyshow.animate({
                        left: 0
                    }, 500);
                    $cur = 1;
                }
                else {
                    $recentlyshow.animate({
                        left: '-=' + $w
                    }, 500);
                    $cur++;
                }
            }
        });
        $prev.mouseover(function () {
            $prev.addClass("prev-over");
        });
        $prev.mouseout(function () {
            $prev.removeClass("prev-over");
        });
        $next.mouseover(function () {
            $next.addClass("next-over");
        });
        $next.mouseout(function () {
            $next.removeClass("next-over");
        });
    }

    $.fn.pslide = function (options) {
        return this.each(function () {
            new pslider(this, options);
        });
    };


    $("#product_more > .recentlyview").pslide();
});