/***********************************
* category-nav.js
*
* Defines various events for the category nav 
* 
* @author eculver
* @version 1.0
* @since 10/22/08
************************************/

// when the page is done loading, apply these to the DOM
$(document).ready(function(){
    
    // assign hover events to category nav header
    $(".category-nav-header").hover(
        function() {
            $(this).addClass("header-hover");
        },
        function() {
            $(this).removeClass("header-hover");
        }
    );
    
    // assign hover events to category tab
    $(".category-tab").hover(
        function() {
            $(this).addClass("tab-hover");
        },
        function() {
            $(this).removeClass("tab-hover");
        }
    );
    
    // assign hover events to category subnav elements
    $(".subnav").hover(
        function() {
            $(this).addClass("subnav-hover");
        },
        function() {
            $(this).removeClass("subnav-hover");
        }
    );
});