$(document).ready(function(){
	$('#mainNav li').hover(
		  function () {
			$(this).find(".subNavItems:first").css({'display' : 'block'});
			$(this).find("li:first").addClass('active');

		  }, 
		  function () {
			$(this).find(".subNavItems:first").css({'display' : 'none'});
			$(this).find("li:first").toggleClass('active');

		  }
	);
	
	
	$('#mainNav li ul li').hover(
		  function () {
			$(this).parent().find("li.active").toggleClass('active');
		  }, 
		  function () {
			$(this).parent().find("li.active").toggleClass('active');
		  }
	);
	
	
	
					   
});