$(document).ready(function() {
	
	
		function runEffect(){
		
			var options = {};// empty hook
		
			x=$("#sideBar").offset();
			
			$("#effect").css({"left": Math.round(x.left)+271}); // too add more rules, separate with a comma after 271.
			
			$("#effect").show('blind', options, 500, callback);
			
			//alert("Left offset: " + Math.round(x.left) + " Top offset: " + Math.round(x.top));
		};
		
		//callback function to bring a hidden box back
		
		function callback(){
			setTimeout(function(){
				$("#effect:visible").removeAttr('style').fadeOut(); // option .slideUp()
			}, 10000);
		};
		
		//set effect from select menu value
		
		$("#button").click(function(){
			runEffect();
			return false;
		});
		
		//is called first.
		
		$("#effect").hide();
		
	});