jQuery(document).ready(function() {
		jQuery("#menuContainer AREA").mouseover(function(){
			var menuItem = '.'+$(this).attr('id');
			var menuItemNo = menuItem.charAt(5)*1;
			//checking if the left neighbour is highlighted
			//in that case another hover image must be used
			var menuItemPrev = '.area'+(menuItemNo-1);
			var menuItemNext = '.area'+(menuItemNo+1);
			//checking if previous is selected-highlighted
			if (jQuery(menuItemPrev).css('display')=='inline') {
				menuItem = menuItem+'l';
			} else if (jQuery(menuItemNext).hasClass('selected')) {
				//changing the next image dynamically if selected
				jQuery(menuItemNext).css('display', 'none');
				jQuery(menuItemNext+'l').css('display', 'inline');
			}
			jQuery(menuItem).css('display', 'inline');

			}).mouseout(function(){
				var menuItem = '.'+$(this).attr('id');
				var menuItemNo = menuItem.charAt(5)*1;
				var	menuItemNext = '.area'+(menuItemNo+1);
				if (!jQuery(menuItem).hasClass('selected')) {
					jQuery(menuItem).css('display', 'none');
					jQuery(menuItem+'l').css('display', 'none');
				}
				//bringin' back next item's right image if selected
				if (jQuery(menuItemNext).hasClass('selected')) {
					jQuery(menuItemNext).css('display', 'inline');
					jQuery(menuItemNext+'l').css('display', 'none');
				}
				});
/*
			jQuery("#menuContainer AREA").click(function(){
				jQuery('#menuContainer img.item').removeClass('selected').css('display', 'none');
				var menuItem = '.'+$(this).attr('id');
				alert(menuItem);
				jQuery(menuItem).addClass('selected').css('display', 'inline');
				});
*/				
			});