// JavaScript Document

	
		$(function(){
		
			$("#home-button").css({
				opacity: 1
			});
			$("#galeria-button").css({
				opacity: 0.4
			});
			$("#artistas-button").css({
				opacity: 0.4
			});
			$("#programa-button").css({
				opacity: 0.4
			});
			$("#cafeteria-button").css({
				opacity: 0.4
			});
			$("#links-button").css({
				opacity: 0.4
			});
			$("#contacto-button").css({
				opacity: 0.4
			});
		
			$("#container div.button").click(function(){
				
				$clicked = $(this);
				
				// if the button is not already "transformed" AND is not animated
				if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) {
					
					$clicked.animate({
						opacity: 1,
						borderWidth: 5
					}, 600 );
					
				}
				
				//we reset the other buttons to default style
				$clicked.siblings(".button").animate({
					opacity: 0.4,
					borderWidth: 1
				}, 600 );
				
			});
		});