$(function() {

		//run the currently selected effect
		function runEffect(mones){
			//get effect type from 
			var selectedEffect = 'drop';
			var options = '';
			var speed = 'normal';
			//run the effect
			if (mones == 1)
  			{
  				$("#effect1").show(selectedEffect,options,speed,callback);
			}			
			if (mones == 2)
  			{
  				$("#effect2").show(selectedEffect,options,speed,callback);
			}			
			if (mones == 3)
  			{
  				$("#effect3").show(selectedEffect,options,speed,callback);
			}			
			if (mones == 4)
  			{
  				$("#effect4").show(selectedEffect,options,speed,callback);
			}			
  		};
		
		//callback function to bring a hidden box back
		function callback(){
			setTimeout(function(){
//				$("#effect1:visible").removeAttr('style').hide().fadeOut();
			}, 1000);
		};
		
		//set effect from select menu value
		$("#button1").click(function() {
			$("#effect2").hide();
			$("#effect3").hide();
			$("#effect4").hide();
			runEffect(1);
			return false;
		});
		$("#button2").click(function() {
			$("#effect1").hide();
			$("#effect3").hide();
			$("#effect4").hide();
			runEffect(2);
			return false;
		});
		$("#button3").click(function() {
			$("#effect1").hide();
			$("#effect2").hide();
			$("#effect4").hide();
			runEffect(3);
			return false;
		});
		$("#button4").click(function() {
			$("#effect1").hide();
			$("#effect2").hide();
			$("#effect3").hide();
			runEffect(4);
			return false;
		});
		
	//	$("#effect1").hide();
		$("#effect2").hide();
		$("#effect3").hide();
		$("#effect4").hide();
	});