$(document).ready(function(){
	
$("#top").animate({marginTop:"0",}, 1500, function(){
	$("#main").animate({opacity:1000,'filter': ''}, 100000 );
	$("#main .middle").animate({marginTop:"0",}, 1000 );
	$("#bottom").animate({opacity:1000,'filter': ''}, 1000, function(){
		
	$("#main #conteudo").animate({"right": "0", opacity:1000,'filter': ''}, 1000 );
		
		
	});
	
});

$('#botao1').mouseover(function() {
$(this).stop();
$(this).animate({marginLeft: "10px",}, 200);
	
	$("#foto_1").stop();
	$("#foto_1").fadeOut(200, function() {
		$(this).attr("style","background:url(images/img_1.png) no-repeat; opacity:0;").animate({opacity: "1",'filter': ''}, 200);
      });
	  
});		
$('#botao1').mouseout(function() {
$(this).stop();
$(this).animate({marginLeft: "0",}, 200);
	
	$("#foto_1").stop();
	$("#foto_1").fadeOut(200, function() {
		$(this).attr("style","background:url(images/img_0.png) no-repeat; opacity:0; cursor:pointer").animate({opacity: "1",'filter': ''}, 200);
      });
	  
});


$('#botao2').mouseover(function() {
$(this).stop();
$(this).animate({marginLeft: "10px",}, 200);
	
	$("#foto_1").stop();
	$("#foto_1").fadeOut(200, function() {
		$(this).attr("style","background:url(images/img_2.png) no-repeat; opacity:0;").animate({opacity: "1",'filter': ''}, 200);
      });
	  
});	
$('#botao2').mouseout(function() {
$(this).stop();
$(this).animate({marginLeft: "0",}, 200);
	
	$("#foto_1").stop();
	$("#foto_1").fadeOut(200, function() {
		$(this).attr("style","background:url(images/img_0.png) no-repeat; opacity:0; cursor:pointer").animate({opacity: "1",'filter': ''}, 200);
      });
	  
});




$('#botao3').mouseover(function() {
$(this).stop();
$(this).animate({marginLeft: "10px",}, 200);
	
	$("#foto_1").stop();
	$("#foto_1").fadeOut(200, function() {
		$(this).attr("style","background:url(images/img_3.png) no-repeat; opacity:0;").animate({opacity: "1",'filter': ''}, 200);
		
      });
	  
});	
$('#botao3').mouseout(function() {
$(this).stop();
$(this).animate({marginLeft: "0",}, 200);

	$("#foto_1").stop();
	$("#foto_1").fadeOut(200, function() {
		$(this).attr("style","background:url(images/img_0.png) no-repeat; opacity:0; cursor:pointer").animate({opacity: "1",'filter': ''}, 200);
      });
	  
});



});