// when the DOM is ready
function hazmeUnZoom (image_name,titulo_zoom) {
			
		
			
  var img = new Image();
  var img_titulo = new Image();
  
  // wrap our new image in jQuery, then:
  $(img)
    // once the image has loaded, execute this code
    .load(function () {
      // set the image hidden by default    
      $(this).hide();
    
      // with the holding div #loader, apply:
      $('#zoom_container_image')
        // remove the loading class (so no background spinner), 
        .removeClass('loading')
        // then insert our image
        .append(this);
    
      // fade our image in to create a nice effect
      $(this).fadeIn();
	  $("div#zoom_loader").fadeOut(100);
	  $("div#close_btn").fadeIn(500);
	  $("div#titulo_zoom").fadeIn(500);
	  $("div#circle_zoom").fadeIn(500);
	  $("div#index_btn").fadeIn(500);
	  
    
	})
    
    // if there was an error loading the image, react accordingly
    .error(function () {
      // notify the user that the image could not be loaded
    })
    
    // *finally*, set the src attribute of the new image to our image
    .attr('src', 'images_estilismo/zooms/'+image_name);
	
	
	document.getElementById("titulo_zoom").innerHTML ="<img src='./images_estilismo/zooms/"+titulo_zoom+"'>";
	
	
	
	
};

function hazmeUnZoomLookbook (image_name, i) {
			
		
			
  var img = new Image();
 // var img_titulo = new Image();
  
  // wrap our new image in jQuery, then:
  $(img)
    // once the image has loaded, execute this code
    .load(function () {
      // set the image hidden by default    
      $(this).hide();
    
      // with the holding div #loader, apply:
      $('#zoom_container_image_'+i)
        // remove the loading class (so no background spinner), 
        .removeClass('loading')
        // then insert our image
        .append(this);
    
      // fade our image in to create a nice effect
      $(this).fadeIn();
	  $("div#zoom_loader_"+i).fadeOut(100);
	  $("div#close_btn_"+i).fadeIn(500);
	  $("div#titulo_zoom_"+i).fadeIn(500);
	  $("div#circle_zoom_"+i).fadeIn(500);
	  $("div#index_btn_"+i).fadeIn(500);
	  
    
	})
    
    // if there was an error loading the image, react accordingly
    .error(function () {
      // notify the user that the image could not be loaded
    })
    
    // *finally*, set the src attribute of the new image to our image
    .attr('src', image_name);
	
	
	//document.getElementById("titulo_zoom").innerHTML ="<img src='./images_estilismo/zooms/"+titulo_zoom+"'>";
	
	
	
	
};