$(document).ready(function () {

/*	setTimeout(function() {$("#imatges").fadeIn("slow" )}, 500);
	setTimeout(function() {$("#numeracio").fadeIn("slow" )}, 500);*/
	
  $(".foto1").click(
    function () {
		
		  
		  if (variable == 1){
		  $("#imatges").fadeTo("fast", 1);
		  } else{
		  $("#imatges").fadeTo("normal", 0);
		  }
		  		  
		  if (variable == 2){
		  $("#imatges1").fadeTo("normal", 1);		
		  } else{
		  $("#imatges1").fadeTo("normal", 0);
		  }
		  
		  if (variable == 3){
		  $("#imatges2").fadeTo("normal", 1);		
		  } else{
		  $("#imatges2").fadeTo("normal", 0);
		  }
	  
	$("#imatges").fadeTo("fast", 1);
	  
    },
    function () {
     
    }
  );
  
  $(".foto2").click(
    function () {
		
		  if (variable == 1){
		  $("#imatges").fadeTo("fast", 1);
		  } else{
		  $("#imatges").fadeTo("normal", 0);
		  }
		  
		  if (variable == 2){
		  $("#imatges1").fadeTo("normal", 1);		
		  } else{
		  $("#imatges1").fadeTo("normal", 0);
		  }
		  
		  if (variable == 3){
		  $("#imatges2").fadeTo("normal", 1);		
		  } else{
		  $("#imatges2").fadeTo("normal", 0);
		  }
	  
	$("#imatges1").fadeTo("fast", 1);
	  
    },
    function () {
     
    }
  );
  
  $(".foto3").click(
    function () {
		
		  if (variable == 1){
		  $("#imatges").fadeTo("fast", 1);
		  } else{
		  $("#imatges").fadeTo("normal", 0);
		  }
		  
		  if (variable == 2){
		  $("#imatges1").fadeTo("normal", 1);		
		  } else{
		  $("#imatges1").fadeTo("normal", 0);
		  }
		  
		  if (variable == 3){
		  $("#imatges2").fadeTo("normal", 1);		
		  } else{
		  $("#imatges2").fadeTo("normal", 0);
		  }
	  
	$("#imatges2").fadeTo("fast", 1);	
	  
    },
    function () {
     
    }
  );
  

});