$(document).ready(function(){	

		//hide all sub menus
		$("[id^='option']").children('ul').hide();
		$("[id^='suboption']").children('ul').hide();
		
		var timeoutID;
		var timeoutID2;
		var timeoutID3;
		
		//show sub menu when mouse over
		$("[id^='option']").mouseover(function(){
			//hide all options								   
			window.clearTimeout(timeoutID);
			$("[id^='option']").children('ul').hide();	
			$(this).children('ul').show();
		});
						
		//sub menu hides again after .5 seconds
		$("[id^='option']").mouseout(function(){
			timeoutID = window.setTimeout(hideSubMenus, 500);
			//hide all suboptions as well
			$("[id^='suboption']").children('ul').hide();
		});	
		
		//show sub-sub menu when mouse over
		$("[id^='suboption']").mouseover(function(){
			window.clearTimeout(timeoutID2);
			$("[id^='suboption']").children('ul').hide();							
			$(this).children('ul').show();
		});
		
		//sub-sub menu hides again after .5 seconds
		$("[id^='suboption']").mouseout(function(){
			timeoutID2 = window.setTimeout(hideSubSubMenus, 500);
		});
		
		hideSubMenus = function() {
			window.clearTimeout(timeoutID);
			$("[id^='option']").children('ul').hide();
		}
		
		hideSubSubMenus = function() {
			window.clearTimeout(timeoutID2);
			$("[id^='suboption']").children('ul').hide();
		}
		
		$("[id^='address']").hide();
		
		//show address box when mouse over
		$('area').mouseover(function(){												 		
			window.clearTimeout(timeoutID3);
			$("[id^='address']").hide();
			$("#address_"+$(this).attr("alt")).show();
		});
		
		//hide address box when mouse over
		$('area').mouseout(function(){							
			timeoutID3 = window.setTimeout(hideAddresses, 500);
		});
		
		hideAddresses = function() {
			window.clearTimeout(timeoutID3);
			$("[id^='address']").hide();
		}

});