jQuery(document).ready(function(){
	
	var isOn = false;
	
	$('#main_nav li').each(function()
	{
		//get subnav elements
		var snav = $(this).children('.subnav');
		
		//main nav on mouseover
		$(this).mouseover(function()
		{
			//$(this).find('.subnav').css({'display':'none'});	
			
			snav.css({'display':'block'});	
		});
		
		$(this).mouseout(function()
		{
			snav.css({'display':'none'});	
		});
		
	});
	
});