$(document).ready(function(){							

	$("#site2").click(function(){
        $("#site1_max").hide(1);
        $('#site1').hide(1);
        $('#site3').hide(1); 
        
        $("#site1 .action").css({width:"", fontSize:"", borderWidth:"", marginLeft:"", marginTop:""});  
        $("#site1 .action img").css({width:"", height:""}); 
        $("#site3 .action").css({width:"", fontSize:"", borderWidth:"", marginLeft:"", marginTop:""});  
        $("#site3 .action img").css({width:"", height:""});
	          
		$("#site2 .action img").animate({
		     width: "368px",
             height: "304px"
        },900);
		$("#site2 .action").animate({
		     width: "400px",
             marginLeft: "-450px", 
             marginTop: "-280px"
        },990).animate({ 
             marginLeft: "-650px"  /* +200px = miniature site */
        },1);
        
        $('#site1').delay(999).show(1);
        $('#site3').delay(999).show(1);
        $("#text_site2").show();
        $("#nom_site2").show();
        $("#text_site1").hide();
        $("#text_site3").hide();
        $("#nom_site1").hide();
        $("#nom_site3").hide();
	});	
    
    
	$("#site1").click(function(){
        $('#site2').hide(1);
        $('#site3').hide(1); 
        
        $("#site2 .action").css({width:"", fontSize:"", borderWidth:"", marginLeft:"", marginTop:""});
        $("#site2 .action img").css({width:"", height:""}); 
        $("#site3 .action").css({width:"", fontSize:"", borderWidth:"", marginLeft:"", marginTop:""});  
        $("#site3 .action img").css({width:"", height:""});

		$("#site1 .action").animate({
		     width: "400px",
             marginLeft: "-450px",  /* +200px = miniature site */
             marginTop: "-280px"
        },1000);
        
		$("#site1 .action img").animate({
		     width: "368px",
             height: "304px"
        },1000);    
        
        $('#site2').delay(1000).show(1);
        $('#site3').delay(1000).show(1);
        $("#text_site1").show();
        $("#nom_site1").show();
        $("#text_site2").hide();
        $("#text_site3").hide();
        $("#nom_site2").hide();
        $("#nom_site3").hide();    
	});							


	$("#site3").click(function(){
        $("#site1_max").hide(1);
        $('#site1').hide(1);
        $('#site2').hide(1); 
        
        $("#site1 .action").css({width:"", fontSize:"", borderWidth:"", marginLeft:"", marginTop:""});  
        $("#site1 .action img").css({width:"", height:""}); 
        $("#site2 .action").css({width:"", fontSize:"", borderWidth:"", marginLeft:"", marginTop:""});  
        $("#site2 .action img").css({width:"", height:""});
	        
		$("#site3 .action img").animate({
		     width: "368px",
             height: "304px"
        },900);
		$("#site3 .action").animate({
		     width: "400px",
             marginLeft: "-450px", 
             marginTop: "-280px"
        },990).animate({ 
             marginLeft: "-850px"  /* +200px = miniature site */
        },1);
        
        $('#site1').delay(999).show(0);
        $('#site2').delay(999).show(0);
        $("#text_site3").show();
        $("#nom_site3").show();
        $("#text_site1").hide();
        $("#text_site2").hide();
        $("#nom_site1").hide();
        $("#nom_site2").hide();
	});	
    


});