gLoadSpinnerUrl = 'http://static.woolovers.com/spinner.gif';
gFailImage = 'http://static.woolovers.com/spinner.gif';

gImageLoaderVersion = '0.3';

function LoadThisImage(loader, pCallback){
   image_src = loader.attr('src');
   img = $(new Image());
   img.hide();

   img.load(function() {
      cb_js = loader.get(0).getAttribute('onload');
      onload_cb = function(){
	 eval(cb_js);
      }

      loader.html(this);
      loader.removeClass('loadable-image');
      loader.removeAttr('src');
      loader.removeAttr('onload');
      $(this).show();
      if (onload_cb){
	 onload_cb($(this));
      }
      if (pCallback){
	 cb = pCallback;
	 cb($(this));
      }
   })
   .error(function() { $(this).attr('src', gFailImage).show(); })
   .attr('src', image_src)
   .show();

   //alert(img.attr('src') + ' loading/loaded');
}

function LoadImage(pSelector, pCallback){

   var loader = $(pSelector);
   loader.html('<img src="' + gLoadSpinnerUrl + '"/>');
   LoadThisImage(loader, pCallback);
}

function LoadAllImages(){

   $('.loadable-image').each(function(){
      var loader = $(this);
      loader.html('<img src="' + gLoadSpinnerUrl + '"/>');
      
      //Load images asynchronously
      setTimeout(function() { LoadThisImage(loader); }, 10);
      //LoadThisImage(loader);

   });
}