// JavaScript Document

$(document).ready(function(){
	/*
	$(".menu a").hover(function() {
		$(this).parents("li").find("em").animate({opacity: "show", top: "-75"}, "slow");
	}, function() {
		$(this).parents("li").find("em").animate({opacity: "hide", top: "-85"}, "fast");
	});
	*/
	$("div .menu").find("img").mouseover(function() {
	  $(this).next("div .menu_content").show("slide", { direction: "left" }, 300);
	  /*animate({opacity: "show"}, "slow");*/
	}, function() {
	  $(this).next("div .menu_content").animate({opacity: "hide"}, "fast");
	});
	
});

/*
$(function() {
	
	
	
	// run the currently selected effect
	function runEffect() {
		
		// get effect type from 
		var selectedEffect = $("#effectTypes").val();
			
		// most effect types need no options passed by default
		var options = {};
		// some effects have required parameters
		if ( selectedEffect === "scale" ) {
			options = { percent: 0 };
		} else if ( selectedEffect === "transfer" ) {
			options = { to: "#button", className: "ui-effects-transfer"};
		} else if ( selectedEffect === "size" ) {
			options = { to: { width: 200, height: 60 } };
		}

		// run the effect
		$("#effect").effect( selectedEffect, options, 500, callback );
	};

	// callback function to bring a hidden box back
	function callback() {
		setTimeout(function() {
			$("#effect").removeAttr("style").hide().fadeIn();
		}, 1000 );
	};

	// set effect from select menu value
	$("#button").click(function() {
		runEffect();
		return false;
	});

});
*/