$("document").ready(function() {

    /*
    Sets up the onmouseover event for product group thumbnail image.
    */
    $("ul.prod_group_list li img").not("ul.prod_group_list li span img").mouseover(function(e) {
        $("div.prod_img img.active").hide().removeClass("active");
        $("#prod_group_img_" + $(this).attr("id")).show().addClass("active");
        $("div.prod_info div.active").hide().removeClass("active");
        $("#prod_group_info_" + $(this).attr("id")).show().addClass("active");
    });

    /*
    Sets up the onmouseover event for product thumbnail image.
    */
    $("ul.prod_list li img").not("ul.prod_list li span img").mouseover(function(e) {
        $("div.prod_img img.active").hide().removeClass("active");
        $(".prod_img_" + $(this).attr("id")).show().addClass("active");
        $("div.prod_info div.active").hide().removeClass("active");
        $(".prod_info_" + $(this).attr("id")).show().addClass("active");
        $(".prod_info_" + $(this).attr("id") + " h2").hide(); //IE7 isn't so smart.  Needs a hide and then show.
        $(".prod_info_" + $(this).attr("id") + " h2").show();
    });

    /*
    Sets up the onclick event for product thumbnail next buttons.
    */
    $("ul.prod_list li.next a").click(function(e) {
        $("ul.prod_list li.active").hide().removeClass("active");
        var href = $(this).attr("href");
        var pageNum = href.substr(href.lastIndexOf("=") + 1);
        $("ul.prod_list li.prod_thumb_page_" + pageNum).show().addClass("active");
        return false;
    });

    /*
    Sets up the onclick event for product thumbnail previous buttons.
    */
    $("ul.prod_list li.previous a").click(function(e) {
        $("ul.prod_list li.active").hide().removeClass("active");
        var href = $(this).attr("href");
        var pageNum = href.substr(href.lastIndexOf("=") + 1);
        $("ul.prod_list li.prod_thumb_page_" + pageNum).show().addClass("active");
        return false;
    });

});