// JavaScript Document
// menu code
$("document").ready(function(){
	// menu code
	
	/*$("#stamping-menu-item").hover(function(){
		$("#stamping-menu").fadeIn("normal");	
	},function(){
		
	});*/
	/*var timer = 0;
	timer = setTimeout($(id).fadeOut("fast"), 2000);*/
	$("#stamping-menu-item").mouseover(function(){
		showthis("#stamping-menu");
	});
	$("#cp-menu-item").mouseover(function(){
		showthis("#cp-menu");
	});
	$("#fab-menu-item").mouseover(function(){
		showthis("#fab-menu");
	});
	$("#cd-menu-item").mouseover(function(){
		showthis("#cd-menu");
	});
	$("#quote-menu-item").mouseover(function(){
		showthis("#quote-menu");
	});
	$("#cart-menu-item").mouseover(function(){
		showthis("#cart-menu");
	});
	
	
	var heights = new Array();
	/*$(".menu").each(function(){
		var id = $(this).attr("id");
		heights[id] = $(this).height();
		//console.log($(this).height());
	});*/
	function showthis(id){
		if(id == "close"){
			$("#stamping-menu").hide();
			$("#cp-menu").hide();
			$("#fab-menu").hide();
			$("#cd-menu").hide();
			$("#quote-menu").hide();
			$("#cart-menu").hide();	
		}
		var menuheight = $(id).height();
		
		if ( $(id).is(':hidden') ) {
			$("#stamping-menu").hide();
			$("#cp-menu").hide();
			$("#fab-menu").hide();
			$("#cd-menu").hide();
			$("#quote-menu").hide();
			$("#cart-menu").hide();
			thismenu = id;
			var pos = $(id+"-item").offset();  
			var itemwidth = $(id+"-item").width();
			var menuwidth = $(id).width();
			//alert(menuwidth);
			var middle = pos.left + (itemwidth / 2) - (menuwidth / 2);
			var left = middle;
			if(left < 0){ left = 0; }
			//show the menu directly over the button
			$(id).css( { "left": left  + "px"} );
			//$(id).css( { "height" : 0 } );
			//$(id).show();
			//$(id).animate( {"height" : menuheight}, "normal");
			$(id).css({"width":menuwidth});
			$(id).fadeIn("fast");
			
		}else{
			//$(id).fadeOut("fast");
			/*$(id).animate( {"height" : 0}, "normal",function(){
				$(id).hide();
				$(id).height(menuheight);										 
			});*/
			
		}
	}
	
	$("#stamping-menu").hover(function(){
				
	},function(){
		$(this).hide();
	});
	
	$("#cp-menu").hover(function(){
				
	},function(){
		$(this).hide();
	});
	
	$("#fab-menu").hover(function(){
				
	},function(){
		$(this).hide();
	});
	
	$("#cd-menu").hover(function(){
				
	},function(){
		$(this).hide();
	});
	
	$("#quote-menu").hover(function(){
				
	},function(){
		$(this).hide();
	});
	
	$("#cart-menu").hover(function(){
				
	},function(){
		$(this).hide();
	});
	
	$(".menuitem").hover(function(){
		$(this).attr("src",$(this).attr("rel")+"-over.jpg");
	},function(){
		$(this).attr("src",$(this).attr("rel")+".jpg");
	});
});