var menuToDisplay = '';
var imageObj = '';
		
function initMenus()
{
	$('div#navigation img.navmenu').each(function() {
		
		$(this).hover(
			function() {
				//over
				var newImage = $(this).attr('src').replace('-off', '-on');
				$(this).attr('src', newImage);
				
				menuToDisplay = $(this).attr('name');
				
				// hide the other boxes
				$('div#navigation div.menu').each(function() {
					$(this).hide();
				});
				
				var left = $(this).offset().left
				var top = $(this).offset().top + parseInt($(this).attr('height'));
				$('div#'+menuToDisplay).css('left', left);
				$('div#'+menuToDisplay).css('top', top);
				$('div#'+menuToDisplay).show();
				
			},
			function() {
				//out
				$('div#navigation img.navmenu').each(function() {
					if ($(this).attr('rel') != 'active')
					{
						var newImage = $(this).attr('src').replace('-on', '-off');
						$(this).attr('src', newImage);
					}
				});
				
				imageObj = $(this);
			} 
		);
		
	});
	
		$('div#navigation div.menu').each(function() {
																							 
				$(this).hover(
				function() {
					var newImage = imageObj.attr('src').replace('-off', '-on');
					imageObj.attr('src', newImage);
				},
				function() {
					$(this).hide();
					
					if (imageObj.attr('rel') != 'active')
					{
						var newImage = imageObj.attr('src').replace('-on', '-off');
						imageObj.attr('src', newImage);
					}
				}
			);

		});
	
	$('div#navigation').hover(
		function() {
			
		},
		function() {
			$('div#'+menuToDisplay).hide();
		}
	);
	
}

$(document).ready(function() {
	initMenus();
});