$(document).ready(function(){
    
    $(".o1").click(function(){
		$("#centrador").animate({"left": "-168px","top": "-0px"}, "slow");
		$(".o1").each(function(i){
  					this.src = this.src.replace("/1/","/3/");
		});
	 });

    $(".o2").click(function(){
      $("#centrador").animate({"left": "-0px","top": "-1200px"}, "slow");
	  $(".o2").each(function(i){
  					this.src = this.src.replace("/1/","/3/");
		});
    });
	 $(".o3").click(function(){
      $("#centrador").animate({"left": "-1913px","top": "0px"}, "slow");
	  $(".o3").each(function(i){
  					this.src = this.src.replace("/1/","/3/");
		});
	 
    });

    $(".o4").click(function(){
      $("#centrador").animate({"left": "-1696px","top": "-1019px"}, "slow");
	  $(".o4").each(function(i){
  					this.src = this.src.replace("/1/","/3/");
		});
    });
	$(".o5").click(function(){
      $("#centrador").animate({"left": "-3772px","top": "-110px"}, "slow");
	  $(".o5").each(function(i){
  					this.src = this.src.replace("/1/","/3/");
		});
    });
	$(".o6").click(function(){
      $("#centrador").animate({"left": "-3067px","top": "-1381px"}, "slow");
	  $(".o6").each(function(i){
  					this.src = this.src.replace("/1/","/3/");
		});
    });
	$(".o7").click(function(){
      $("#centrador").animate({"left": "-3074px","top": "-2646px"}, "slow");
	  $(".o7").each(function(i){
  					this.src = this.src.replace("/1/","/3/");
		});
    });
	$(".o8").click(function(){
      $("#centrador").animate({"left": "-4694px","top": "-1537px"}, "slow");
	  $(".o8").each(function(i){
  					this.src = this.src.replace("/1/","/3/");
		});
    });
	$(".o9").click(function(){
      $("#centrador").animate({"left": "-0px","top": "-2671px"}, "slow");
	  $(".o9").each(function(i){
  					this.src = this.src.replace("/1/","/3/");
		});
    });
	$(".o10").click(function(){
      $("#centrador").animate({"left": "-1816px","top": "-2176px"}, "slow");
	  $(".o10").each(function(i){
  					this.src = this.src.replace("/1/","/3/");
		});
    });
	$(".o11").click(function(){
      $("#centrador").animate({"left": "-4694px","top": "-3076px"}, "slow");
	  $(".o11").each(function(i){
  					this.src = this.src.replace("/1/","/3/");
		});
    });
	

  });