$(document).ready(function() {
	
        $(".swap_box").hover(function () {
            if (! $(this).hasClass("inactive")){
                $(".secondary", this).css({'display':'block'});
                $(".media", this).css({'display':'none'});
            }else{
                alert('here');
            }
        }, function () {
            $(".secondary", this).css({'display':'none'});
            $(".media", this).css({'display':'block'});
        });
      
		$("#bike_link").live('click', function () {

            if( $(this).hasClass('active') ){
            
                hideMenus();
            }else{
                
                hideMenus();
                
                $(this).addClass("active");
                $(".menu_link.active .arrow_down").css({"display":"block"});
                $("#bike_menu_wrapper").css({"display":"block"});
                $("#bike_menu").expose({
                    "color":"#000000",
                    "closeOnClick":false,
                    "closeOnEsc":false,
                    "speed":0,
                    "loadSpeed":0,
                    "closeSpeed":0,
                    onBeforeLoad: function(event){$("#exposeMask").css({"top":"100px"});}
                });
            }   
        });
        
         $("#gear_link").live('click', function () {
        
            
        
            //check to see if the menu is already open if it is to close logic
            if( $(this).hasClass('active') ){

                hideMenus();

            //if it is closed then we need to open it
            }else{
                
                hideMenus();
                
                //add the active class
                $(this).addClass("active");
                
                $(".menu_link.active .arrow_down").css({"display":"block"});
                
                //show the bikes menu
                $("#gear_menu_wrapper").css({"display":"block"});

                //show the mask
                $("#gear_menu_wrapper").expose({
                    "color":"#000000",
                    "closeOnClick":false,
                    "closeOnEsc":false,
                    "speed":0,
                    "loadSpeed":0,
                    "closeSpeed":0,
                    onBeforeLoad: function(event){$("#exposeMask").css({"top":"100px"});}
                });
            }
        });
			
				$("#grandcat_badges .grandcategory .grandcat_badge").hover(function () {
			    	$(this).addClass("hovering");
			    }, function () {
				    $(this).removeClass("hovering");
			    });
                
                $(".grandcategory").mousedown(function () {
			    	$(this).addClass("active");
			    });
				$(".grandcategory").mouseup(function () {
			    	$(this).removeClass("active");
			    });

				$(".end_capa").hover(function () {
			    	$(this).css({"background-image":"url(/images/background/button_panel_bg_dark.png)"});
			    }, function () {
				    $(this).css({"background-image":"url(/images/background/button_panel_bg_light.png)"});
			    });
			
			});
            
            
function hideMenus(){
    $(".menu_link").removeClass("active");
    $(".arrow_down").css({"display":"inline"});
    $(".menu_wrapper").css({"display":"none"});
    $.mask.close();		
}