$(document).ready(function(){


/*---- 
	This function enables the menu with the id of ul_nav
	to show the submenu. Works in all browsers
----*/
 	
$('#nav li').hover(function(){
	$(this).parent('#nav').next('.sub-nav').remove();
	$('#nav li').removeClass('active');
	$(this).addClass('active');
    	var subMenu = $(this).children('ul').html();
	if(subMenu != null) $('#nav').after('<ul class="sub-nav"></ul>');
	$('.sub-nav').append(subMenu);
}, function(){
        $('.sub-nav').hover(function(){
       	return false;
	}, function(){
	$('#nav li').parent('#nav').next('.sub-nav').remove();
	$('#nav li').removeClass('active');
	});
	if($('.sub-nav').length == 0) $(this).removeClass('active');
});

/*$('#nav li').hover(function(){
	$('.sub-nav').hide("fast");
	$('.sub-nav').empty();	
	$('#nav li').removeClass('active');
	$(this).addClass('active');
    	var subMenu = $(this).children('ul').html();
	if(subMenu != null) {
	$('.sub-nav').append(subMenu);
	$('.sub-nav').show();
	}
}, function(){
        $('.sub-nav').hover(function(){
       	return false;
	}, function(){
	$('.sub-nav').hide("fast");
	$('.sub-nav').empty();	
	$('#nav li').removeClass('active');
	});
	if($('.sub-nav').length == 0) $(this).removeClass('active');
});*/


});