$(document).ready(function(){
		    
            $("ul.topnav li a").hover(function() { //Drop it down
 
                //Following events are applied to the subnav itself (moving subnav up and down)
                $(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click
 
                $(this).parent().hover(function() {
                }, function(){
	                $(this).parent().find("ul.subnav").slideUp('fast'); //When the mouse hovers out of the subnav, move it back up
                });
 
                //Following events are applied to the trigger (Hover events for the trigger)
                }).hover(function() {
	                $(this).addClass("subhover"); //On hover over, add class "subhover"
                }, function(){	//On Hover Out
	                $(this).removeClass("subhover"); //On hover out, remove class "subhover"
            });
            
            if ($(document).width() <= 1423)
            {
                //$('wrapper_lft_leaf').addClass('.wrapper_lft_leaf_small');
                document.getElementById("wrapper_lft_leaf").className = "wrapper_lft_leaf_small";
                document.getElementById("wrapper_rgt_leaf").className = "wrapper_rgt_leaf_small";
                document.getElementById("floating_rgt_leaf").className = "floating_rgt_leaf_small";                
            }
            else
            {
                //$('wrapper_lft_leaf').addClass('.wrapper_lft_leaf_large');
                document.getElementById("wrapper_lft_leaf").className = "wrapper_lft_leaf_large";
                document.getElementById("wrapper_rgt_leaf").className = "wrapper_rgt_leaf_large";
                document.getElementById("floating_rgt_leaf").className = "floating_rgt_leaf_large";                  
            }
        
        $(window).resize(function() {
        
            if ($(document).width() <= 1423)
            {
                //$('wrapper_lft_leaf').addClass('.wrapper_lft_leaf_small');
                document.getElementById("wrapper_lft_leaf").className = "wrapper_lft_leaf_small";
                document.getElementById("wrapper_rgt_leaf").className = "wrapper_rgt_leaf_small";
                document.getElementById("floating_rgt_leaf").className = "floating_rgt_leaf_small";                
            }
            else
            {
                //$('wrapper_lft_leaf').addClass('.wrapper_lft_leaf_large');
                document.getElementById("wrapper_lft_leaf").className = "wrapper_lft_leaf_large";
                document.getElementById("wrapper_rgt_leaf").className = "wrapper_rgt_leaf_large";
                document.getElementById("floating_rgt_leaf").className = "floating_rgt_leaf_large";                  
            }
        });
        
    });