$(document).ready(function() {

    // this changes the on-state for the months
    $(".product_details a").click(function() {
        whatDetail = this.id;
        $(".product_details a").removeClass("on");
        $(this).addClass("on");
        $("div[class^='detail_']").hide();
        $('.' + whatDetail).show();
    });

    // this changes the on-state for the months
    $(".photoanddiagram_details a").click(function() {
        whatPhoto = this.id;
        $(".photoanddiagram_details a").removeClass("on");
        $(this).addClass("on");
        $("div[class^='photo_']").hide();
        $('.' + whatPhoto).show();
    });

    // this changes the on-state - Vertical tabs on the Product Sub-Category page
    $(".vertical_tabs a").click(function() {
        whatTab = this.id;
        $(".vertical_tabs a").removeClass("on");
        $(this).addClass("on");
        $("div[class^='tab_']").hide();
        $('.' + whatTab).show();
    });

    //Style the user tables within the order details tab
//    $("#details_tab_content_4 .comparison_chart table").attr("cellspacing", 0);//the table itself
//    $("#details_tab_content_4 .comparison_chart table tr:first-child").addClass("comparison_header");//the heading tr
//    $("#details_tab_content_4 .comparison_chart table tr:even").not(':first-child').addClass("on");//the even non heading tr's
//    $("#details_tab_content_4 .comparison_chart table tr").not(":first-child").find("td:first-child").wrap(document.createElement("strong"));//the first td in everything but the headings

    //Change width of left nav dropdown for IE fix
//    $(function() {

//    $(".leftnav_product_dropdown")
//        .mouseover(function() {
//            $(this)
//                .data("origWidth", $(this).css("width"))
//                .css("width", "auto");
//        })
//        .mouseout(function() {
//            $(this).css("width", $(this).data("origWidth"));
//        });
//    });
});