$(function() {
		// run the currently selected effect
		function runEffect() {
			// get effect type from 
			var selectedEffect = $( "blind" ).val();

			// most effect types need no options passed by default
			var options = {};
			// some effects have required parameters
			if ( selectedEffect === "scale" ) {
				options = { percent: 100 };
			} else if ( selectedEffect === "size" ) {
				options = { to: { width: 280, height: 185 } };
			}

			// run the effect
			$( "#contact-form" ).show( "blind", { direction: "vertical" }, 1000);
		};

		//callback function to bring a hidden box back
		function callback() {
			setTimeout(function() {
				$( "#contact-form:visible" ).removeAttr( "style" ).fadeOut();
			}, 1000 );
		};

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

		$( "#contact-form" ).hide();
		
		$( "#close" ).click(function() {
		$( "#contact-form" ).hide("blind", { direction: "vertical" }, 1000);
		});


		
	});