var utilityDropDown=false;

$(document).ready( function(){
	$('ul#mainNav li ul ul').hide();
	
	$('div#headerDropBox ul').hide();

	$('ul#mainNav li').hover( function(){
		$(this).children('span.buttonSpanOFF').toggleClass('buttonSpanOFF').toggleClass('buttonSpan');
		$(this).children('span.buttonLeftOFF').toggleClass('buttonLeftOFF').toggleClass('buttonLeft');
		$(this).children('span.buttonRightOFF').toggleClass('buttonRightOFF').toggleClass('buttonRight');
	}
	, function(){
		$(this).children('span.buttonSpan').toggleClass('buttonSpanOFF').toggleClass('buttonSpan');
		$(this).children('span.buttonLeft').toggleClass('buttonLeftOFF').toggleClass('buttonLeft');
		$(this).children('span.buttonRight').toggleClass('buttonRightOFF').toggleClass('buttonRight');
	});
	
	$('ul#mainNav li ul li').hover( function(){
		$(this).children('ul.drop').fadeIn('fast');
		$(this).children('span.buttonSpanOFF').toggleClass('buttonSpanOFF').toggleClass('buttonSpan');
		$(this).children().children('span.buttonLeftOFF').toggleClass('buttonLeftOFF').toggleClass('buttonLeft');
		$(this).children().children().children('span.buttonRightOFF').toggleClass('buttonRightOFF').toggleClass('buttonRight');
	}
	, function(){
		$(this).children('span.buttonSpan').toggleClass('buttonSpanOFF').toggleClass('buttonSpan');
		$(this).children().children('span.buttonLeft').toggleClass('buttonLeftOFF').toggleClass('buttonLeft');
		$(this).children().children().children('span.buttonRight').toggleClass('buttonRightOFF').toggleClass('buttonRight');
		$(this).children('ul.drop').fadeOut('fast');
	});
	
	$('img#dropBoxArrow').click( function(){
		$(this).attr('src', 'images/dropBoxArrowHover.gif');
		$('div#headerDropBox ul').fadeIn('fast');
		return false;
	});
						  				  
	$('div#headerDropBox ul').click (function () {utilityDropDown=true;});
	$(document).click( function(  ) {if (!utilityDropDown) $('div#headerDropBox ul').hide();utilityDropDown=false;
	$('img#dropBoxArrow').attr('src', 'images/dropBoxArrow.gif');																					
	});
	
	$('div#headerDropBox ul li a').click (function () {
	$('div#headerDropBox ul').hide();
	});


});		  		
						  
	$(document).keydown( function( e ) {
   															  
	if( e.which == 27) {  // escape, close box
  	$("div#headerDropBox ul").hide();
	$('img#dropBoxArrow').attr('src', 'images/dropBoxArrow.gif');	
   	}
															   
	});