//BEGIN Tabbed Menu Carousel
$(function() { //page init
    //set aniumation for arrow fade in fade out.
    $("#tabbed-menu-content").hover(
                function() {
                    $("#tabbed-menu-btn-right").animate({ opacity: 1.0 }, 200);
                    $("#tabbed-menu-btn-left").animate({ opacity: 1.0 }, 200);
                },
                function() {
                    $("#tabbed-menu-btn-right").animate({ opacity: 0.0 }, 200);
                    $("#tabbed-menu-btn-left").animate({ opacity: 0.0 }, 200);
                }
            );

    //show the defaults.       
    $("#tabbed-menu-btn-right").animate({ opacity: 0.0 }, 200);
    $("#tabbed-menu-btn-left").animate({ opacity: 0.0 }, 200);
    $("#tab-default").click(); //assumes the first tab clicked.

});

//swaps categories in out.
function showCategory(id, li) {
    $("#menu-cats").find("li").removeClass("current");
    $(li).addClass("current");
    $("#productlist").empty();
    var clone = $("#" + id).find("ul").clone();
    $("#productlist").append(clone);
    $("#productlist").jCarouselLite({
        btnPrev: "#tabbed-menu-btn-left", //note: buttons switched per Donald
        btnNext: "#tabbed-menu-btn-right"
    });
    $("#productlist").css("width", "888px");
}
//END Tabbed Menu Carousel