$( document ).ready( function(){
    $('ul#mainNav li').hover(
		function(){
			
			var sub = $(this).find('.sub');
			sub.show();
			
			var alink = $(this).find('a:first');
			$(alink).addClass('on');
			
			if( sub.length == 0 ) return;
			//$(this).addClass('hover');
		},
		function(){
			
			var sub = $(this).find('.sub');
			sub.hide();
			
			var alink = $(this).find('a:first');
			$(alink).removeClass('on');
			
			//$(this).removeClass('hover');
			
		}
	);
});