// JavaScript Document
$(document).ready( function(){			
	$(".imagem_rodape").click( function(){
		var foto = this.id;
		$(this).css("color","#FF3300");
		$("#foto").fadeOut("normal",function(){  
									var box = $("#imagem_centro");
									$("#carregando").fadeIn("fast");
									box.html("<div id='foto' style='display:none'><img src='fotos/"+foto+".jpg'/></div>");
									setTimeout( function(){										
										$("#carregando").fadeOut("fast", function(){ $("#foto").fadeIn("normal"); });									
									},700);
								});
		
	});
	
	$("#btnContato").toggle( 
		function(){
			$("#imagem_centro").fadeOut("normal", 
				function(){ 					
					$("#box_imagens").css("display","none");
					$("#form_contato").fadeIn("normal");
				})
		},
		function(){
			$("#form_contato").fadeOut("normal", 
				function(){ 
					$("#imagem_centro").fadeIn("normal");					
					$("#box_imagens").css("display","block");
				})
		}																		
	);

});