$(document).ready(function () {

	setTimeout(function() {$("#imatges").fadeIn("slow" )}, 500);
	setTimeout(function() {$("#numeracio").fadeIn("slow" )}, 500);

	
  $(".boto1").click(
    function () {
		
		  
		  if (variable == 1){
		  $("#imatges").fadeTo("fast", 1);
          $("#numeracio").fadeTo("fast", 1);
  		  } else{
		  $("#imatges").fadeTo("normal", 0);
		  $("#numeracio").fadeTo("normal", 0);
		  }
		  		  
		  if (variable == 2){
		  $("#mapa").fadeTo("normal", 1);		
		  } else{
		  $("#mapa").fadeTo("normal", 0);
		  }
		  
		  if (variable == 3){
		  $("#opinions").fadeTo("normal", 1);
		  $("#opinions1").fadeTo("normal", 1);
		  } else{
		  $("#opinions").fadeTo("normal", 0);
		  $("#opinions1").fadeTo("normal", 0);
		  }
	  
	$("#imatges").fadeTo("fast", 1);
	$("#mapa").hide() ;
	$("#opinions").hide() ;
	$("#opinions1").hide() ;
	  
    },
    function () {
     
    }
  );
  
  $(".boto2").click(
    function () {
		
		  if (variable == 1){
		  $("#imatges").fadeTo("fast", 1);
		  $("#imatges1").fadeTo("fast", 1);
		  $("#imatges2").fadeTo("fast", 1);
		  $("#numeracio").fadeTo("fast", 1);
		  } else{
		  $("#imatges").fadeTo("normal", 0);
		  $("#imatges1").fadeTo("normal", 1);
		  $("#imatges2").fadeTo("normal", 1);
		  $("#numeracio").fadeTo("normal", 0);
		  }
		  
		  if (variable == 2){
		  $("#mapa").fadeTo("normal", 1);		
		  } else{
		  $("#mapa").fadeTo("normal", 0);
		  }
		  
		  if (variable == 3){
		  $("#opinions").fadeTo("normal", 1);
		  $("#opinions1").fadeTo("normal", 1);
		  } else{
		  $("#opinions").fadeTo("normal", 0);
		  $("#opinions1").fadeTo("normal", 0);
		  }
	  
	$("#mapa").fadeTo("fast", 1);
	$("#imatges").hide();
	$("#imatges1").hide() ;
	$("#imatges2").hide() ;
	$("#opinions").hide();
	$("#opinions1").hide() ;
	  
    },
    function () {
     
    }
  );
  
  $(".boto3").click(
    function () {
		
		  if (variable == 1){
		  $("#imatges").fadeTo("fast", 1);
		  $("#imatges1").fadeTo("fast", 1);
		  $("#imatges2").fadeTo("fast", 1);
		  $("#numeracio").fadeTo("fast", 1);
		  } else{
		  $("#imatges").fadeTo("normal", 0);
		  $("#imatges1").fadeTo("normal", 1);
		  $("#imatges2").fadeTo("normal", 1);
		  $("#numeracio").fadeTo("normal", 0);
		  }
		  
		  if (variable == 2){
		  $("#mapa").fadeTo("normal", 1);		
		  } else{
		  $("#mapa").fadeTo("normal", 0);
		  }
		  
		  if (variable == 3){
		  $("#opinions").fadeTo("normal", 1);
		  $("#opinions1").fadeTo("normal", 1);
		  } else{
		  $("#opinions").fadeTo("normal", 0);
		  $("#opinions1").fadeTo("normal", 0);
		  }
	  
	$("#opinions").fadeTo("fast", 1);
	$("#opinions1").hide() ;
	$("#imatges").hide() ;
	$("#imatges1").hide() ;
	$("#imatges2").hide() ;
	$("#mapa").hide() ;
	  
    },
    function () {
     
    }
  );
  

});