$(document).ready(function(){

	var theImages = new Array();
	var overlayHeight = 40;

	var detailImage = $("#home-menu-detail-image");

	var titleText = $("#home-menu h1");
	var descriptionText = $("#home-menu p");

	var menuAnimSpeed = 100;
	
	var lastTarget = -1;
	var executing = false;

	swapDetail = function() {
		var targetIndex = this.className.replace("item-","");
		if ( targetIndex != lastTarget && executing == false ) {
			lastTarget = targetIndex;
			executing = true;
			var newTitle = $("#title-"+targetIndex).val();
			var newDescription = $("#description-"+targetIndex).val();
			var newImage = $("#image-"+targetIndex).val();
			detailImage.fadeOut(menuAnimSpeed,function(){
				detailImage.attr("src",theImages[targetIndex-1].src);
				detailImage.fadeIn(menuAnimSpeed);
				titleText.fadeOut(menuAnimSpeed);
				descriptionText.fadeOut(menuAnimSpeed,function(){
					titleText.empty().append( newTitle );
					titleText.fadeIn(menuAnimSpeed);
					descriptionText.empty().append( newDescription );
					descriptionText.fadeIn(menuAnimSpeed);
					descriptionText.attr("style","margin-top: " + calcSpace(newDescription.length)  + "px");
					executing = false;
				});
			});
		}
	}

	calcSpace = function( numb ) {
		return (overlayHeight/2) - ((calcDiv( numb, 55 ) + 1) * 6);
	}

	calcDiv = function( numb, num ) {
		return (numb - (numb % num)) / num;
	}

	preLoadImages = function() {
		var theInfo = $("form#menu-info input");
		var imgDir = "/images2007/menuImages/";
		$.each( theInfo, function(i) {
			if ( theInfo[i].id.indexOf("image") != -1 ) {
				var temp = new Image();
				var tempImg = "/images2007/menuImages/";
				var tempInfo = theInfo;
				tempImg += tempInfo[i].attributes["value"].nodeValue;
//				temp.src = imgDir + theInfo[i].attributes["value"].nodeValue;
				temp.src = tempImg;
				theImages[ theImages.length ] = temp;
			}
		});
	}

	preLoadImages();
	//add the events to the list items
	$("#home-menu li a").mouseover(swapDetail);
	$("#home-menu li a").click(swapDetail);

});