$(document).ready(function(){



		var makeTall = function() { 
			//Remove Previous Menu Options.
			if( $(this).hasClass('dropmenu-main') ){
				$('li.flyout.dropmenu-main ul:first').hide();
				$('li.flyout.dropmenu-main').removeClass('flyout');
			}
			
			if( $('ul:first', this).length > 0 && $('ul', this).css('display') == 'none' ){ 
				var position = $(this).position();
				var extraVSpacing = $(this).outerHeight();
				var extraHSpacing = 0;
				//$('ul:first', this).slideDown('fast');
				$('ul:first', this).show();
								
				if( $('ul:first', this).hasClass('extra-dropMenu') ){
					extraVSpacing = 0;
					extraHSpacing = $(this).outerWidth();
				}
				
				$('ul:first', this).css('left',position.left + extraHSpacing);
				$('ul:first', this).css('top',position.top + extraVSpacing);
				if($('ul:first', this).outerWidth() < $(this).outerWidth()){
					$('ul:first', this).width($(this).outerWidth());
				}
				$(this).addClass('flyout'); 
			}
		}
		var makeShort = function() { 
			if( $('ul', this).length > 0 )
			{	$('ul:first', this).hide(); $(this).removeClass('flyout'); }
			 
		}
		
	var config = {    
     sensitivity: 7, // number = sensitivity threshold (must be 1 or higher)    
     interval: 10, // number = milliseconds for onMouseOver polling interval    
     over: makeTall, // function = onMouseOver callback (REQUIRED)    
     timeout: 600, // number = milliseconds delay before onMouseOut    
     out: makeShort // function = onMouseOut callback (REQUIRED)    
	};
	
		
	$('#menu li').hoverIntent( config );
	
	$('#menu li').mouseenter( function(){
		$(this).addClass('highlighted');
	} );
	$('#menu li').mouseenter(function(){
		$(this).removeClass('highlighted');
	} );


	
	$('ul','#menu ul ul').addClass('extra-dropMenu');
	$('ul','#menu ul ul').parent().addClass('dropmenu-xtra');
	$('ul','#menu ul ul').parent().each(function(){
		$(this).append('<img src="images/dropdown-xtra.png" style="float:right;margin-top:4px;margin-left:-9px;">');
	});
	
	$('#menu li').each(function(){
		if( $('ul', this).length > 0 && $(this).hasClass('dropmenu-xtra') == 0 ){
			$(this).append('<img src="images/dropdown.png" style="padding-left:5px;">');
			$(this).addClass('dropmenu-main');
		}
	})
	
});
