$(function(){
	var main_nav = $('#main_nav');
	
	main_nav.children().each(function(i, el) {
		
		var class_name = el.className.replace(/(active | active)/, '');
		var sub_nav    = $('#sub_nav_' + class_name);
		
		$(el).hoverIntent({    
			 sensitivity: 10,   
			 interval: 50,  
			 timeout: 0,    
			 over: function() {
				sub_nav.fadeIn(300);
				main_nav.addClass(class_name + '_active_nav');	 
			 }, 
			 out: function() {
				main_nav.removeClass(class_name + '_active_nav');
				sub_nav.fadeOut(300);
			 } 
		});
		
	});
	
});