$(document).ready(function(){
        
            $("#accessories_panel .contain").append("<div id='acc_scroller'><a href='#' id='more_left'>More</a> <a href='#' id='more_right'>More</a></div>");
        
            var accNum = $("#accessories_panel li").length;
            var accWidth = accNum / 8;
            var accPages = Math.ceil(accNum / 8);
            var accPaneWidth = 564;
            var accPaneSkips = accPaneWidth * accPages            
            var accUlWidth = accPaneWidth * accWidth;
            var moreRightStop = accPaneSkips * -1;
            moreRightStop += accPaneWidth;

            $("#accessories_panel ul").width(accUlWidth);

            $("#more_left").hide();

            if (accPaneSkips == accPaneWidth) {$("#more_right").hide();} else if (accPaneSkips == 0) {$("#more_right").hide();} else {
                $("#more_right").click(function(){
                    $("#acc_scroller a:hidden").fadeIn(1000);
                    var newPos = $("#accessories_panel ul").offset().left;
                    newPos -= $("#accessories_panel .scroller").offset().left;
                    newPos -= accPaneWidth;
                    $("#accessories_panel ul").animate({ left: newPos },500);
                    if (newPos == moreRightStop) {$(this).fadeOut(1000);}
                    return false;
                });
                
                $("#more_left").click(function(){
                    $("#acc_scroller a:hidden").fadeIn(1000);
                    var newPos = $("#accessories_panel ul").offset().left;
                    newPos -= $("#accessories_panel .scroller").offset().left;
                    newPos += accPaneWidth;
                    $("#accessories_panel ul").animate({ left: newPos },500);
                    if (newPos == 0) {$(this).fadeOut(1000);}
                    return false;
                });
            }
        });