// Place your application-specific JavaScript functions and classes here

$(document).ready(function(){

	$(".mainMenuOptionBox").each(function(){
		 
			//height fix for longer menu title, only for IE
			if($(this).attr("id") == "menuOption3"){
				if(!jQuery.support.cssFloat){
					$(this).children("img").height(43);
					$(this).children("img").width(150);
				}
			}
			
		
		$(this).hover(
			function(){
				$(this).children(".secondaryMenuOptions").show();
				$(this).children(".secondaryMenuOptions2").show();
				$(this).children(".secondaryMenuOptions3").show();
				$(this).children(".secondaryMenuOptions4").show();
				$(this).children(".secondaryMenuOptions5").show();
				$(this).children(".secondaryMenuOptions6").show();
			},
			function(){
				$(this).children(".secondaryMenuOptions").hide();
				$(this).children(".secondaryMenuOptions2").hide();
				$(this).children(".secondaryMenuOptions3").hide();
				$(this).children(".secondaryMenuOptions4").hide();
				$(this).children(".secondaryMenuOptions5").hide();
				$(this).children(".secondaryMenuOptions6").hide();
			}
		);
		
	});
	
});