//for this to WORK you need the plugin 'WP Unformatted' to be enabled. (otherwise Wordpress adds P tags to everything and mucks everything up

jQuery(document).ready(function($) {
								
			// GOOGLE maps tool selectors
			$('.gadget > tr').css('display', 'none');
			$('.gadget .title').css('display', 'none');
			$('.gadget').css('margin-top', '-20px');
			$('table.gadget span.powered').css('display', 'none');					
		
			//make everything invisible at first
			$("#menu div > div").each( function() {
						
					//makes each #menu description item invisible
					$(this).css("display","none");		  
			});
			
			//do same for ULs
			$("#menu div > ul").css("display","none");	
					  
			//if breakfast then its a multi-menu, if not breakfast then its dinner only		  
			if ( $('#breakfast').length != 0 ){
				breakfastinit();
				menu();	
			} else {
				
				dinnerinit();
				menu();
				
			}
			
			
			
			function breakfastinit() {
			//alert("breakfastinit");
			$(".blink").addClass("selected");
			$('#breakfast > ul').css('margin-top','20px');
			$('#dinner > ul').css('margin-top','20px');
			$("#breakfast").css("display","block");
			$("#menu > #breakfast > div").first().css("display","block");
			$("#menu > #breakfast > ul").css("display","block");
			$("#breakfast > ul > li").first().addClass("selected");
			//$("#breakfast > ul > li").last().addClass("last");
			
			$("#breakfast > ul > li").hover( function() {
													  
				  $(this).addClass("hover");
				  },
				  function () {
					$(this).removeClass("hover");
				  });
			}

			function dinnerinit() {
				//alert("dinner");
				  $("#dinner").css("display","block");
				  $("#menu > #dinner > div").first().css("display","block");
				  //$("#menu > #dinner > .menu-items").css("display","block");
				  $("#menu > #dinner > ul").css("display","block");
				 //$("#dinner > ul").css().addClass("selected");
				  $("#dinner > ul > li").first().addClass("selected");
				  //$("#dinner > ul > li").last().addClass("last");
				  
				  $("#dinner > ul > li").hover( function() {
						
						$(this).addClass("hover");
						},
						function() {
						  $(this).removeClass("hover");
						});
			}

			function menu() {
			
				//onclick
				$("#menu > div > ul > li").click( function () {
					
					//remove selected, first and last classes (otherwise the selection method gets messed up)
					$("#menu > div > ul > li").each( function() {										  
					  $(this).removeClass("selected first last hover");
					});
					
					//set all menu description items invisible
					$("#menu > div > div").each(function() {
						$(this).css("display","none");						 
					});
					
					//get the class of clicked item
					var blah = $(this).attr("class");
					//alert(blah);
					
					//for loop on the menu description item list
					$("#menu > div > div").each(function() {
											  
						//if one of the menu descriptions has the same class as the clicked item
						if ( $(this).attr("class") == blah ) {
							
							//make the menu description item visible
							$(this).css("display", "block");
						};	
					});
					
					//add selected class LAST
					$(this).addClass("selected");
					  
				});
				
				$(".blink").click( function () {
					$(".llink").removeClass("selected");
					$(this).addClass("selected");
					$("#dinner").css("display","none");
					breakfastinit();
				});
				
				$(".llink").click( function () {
					$(".blink").removeClass("selected");
					$(this).addClass("selected");
					$("#breakfast").css("display","none");
					dinnerinit();
				});
			
			}
						
});