// loading images before everything
i = new Image();
i.src = '/images/item_image_loading.gif';

// ii = new Image();
// ii.src = '/images/item_image_loading_cover.gif';


$(document).ready(function(){
  loading_image = new Image();
  loading_image.src = '/images/item_image_loading.gif';
  
  // loading_image_cover = new Image();
  // loading_image_cover.src = '/images/item_image_loading_cover.gif';
  // 
  // lazy_images_counter = $('.lazy_loading').size() + $('.lazy_loading_cover').size();
  // lazy_images_loaded = 0;
  
  // $('#loading_images_loaded').text( lazy_images_loaded );
  // $('#loading_images_counter').text( lazy_images_counter );
  
  // if( lazy_images_loaded < lazy_images_counter ){
  //   $('#loading_div').fadeIn('fast');
  // }
  
  function increment_lazy_images_loaded(){
    lazy_images_loaded++;
    $('#loading_images_loaded').text( lazy_images_loaded );
    if( lazy_images_loaded >= lazy_images_counter ){
      $('#loading_div').fadeOut('fast');
    }
  }
  
  $('.lazy_loading').each(function() { 

    if( !this.complete ){
      var image = $(this);
      var image_original_src = $(this).attr('src');

      image.attr({src: $(loading_image).attr('src')});

      (function() { // New scope hack
        var _image = image;
        $(new Image())
          .load( function(){
            $(this).hide();
            _image.attr({src: $(this).attr('src')});
            // increment_lazy_images_loaded();
          })
          .attr({src: image_original_src});
      })(); // Execute immediately
    } else {
      // increment_lazy_images_loaded();
    }

  });


  // $('.lazy_loading_cover').each(function() {
  //   var div = $(this);
  //   var div_original_background_image = $(this).css('backgroundImage').match(/^url\((.*)\)$/)[1];;
  // 
  //   div.css({backgroundImage: 'url(' + $(loading_image_cover).attr('src') + ')'});
  // 
  //   (function() { // New scope hack
  //     var _div = div;
  //     $(new Image())
  //       .load( function(){
  //         $(this).hide();
  //         _div.css({backgroundImage: 'url(' + $(this).attr('src') + ')'});
  //         increment_lazy_images_loaded();
  //       })
  //       .attr({src: div_original_background_image});
  //   })(); // Execute immediately
  // });
  
  
});