// Preload image
jQuery.preloadImages = function() {
  for(var i = 0; i<arguments.length; i++) {
    jQuery("<img>").attr("src", arguments[i]);
  }
}

// Delay function
jQuery.fn.delay = function(time,func) {
  this.each(function() {
    setTimeout(func,time);
  })
  return this;
};

// Show loader
document.write('<style type="text/css">.noscript{display:none;}</style>');
jQuery.preloadImages("images/loader.gif");
jQuery(document).ready(function(){
  jQuery(this).delay(500,function(){
    var $imgContainerId="div[id^='image-loader-']";
    var $images=jQuery($imgContainerId+' span img');
    var $max=$images.length;jQuery('.loader-image').remove();
    var $loadDiv=null;if($max>0){
      LoadImage(0,$max);
    }
    function LoadImage(index,$max){
      if(index<$max){
        jQuery('<span id="img'+(index+1)+'"></span>').each(function(){
          jQuery(this).appendTo('#image-loader-'+(index+1)+' a.loader-link');
        });
        var $img=new Image();
        var $curr=jQuery("#img"+(index+1));
        jQuery($img).load(function(){
          jQuery(this).css('display','none');
          jQuery($curr).append(this);
          jQuery(this).fadeIn(250,function(){
            jQuery('#image-loader-'+(index+1)).find('.loading').remove();
            if(index==($max-1)){
              // portfolio_img_hover();
            }else{
              LoadImage(index+1,$max);
            }
          });
        }).error(function(){
          jQuery($curr).remove();
          LoadImage(index+1,$max);
        }).attr('src',jQuery($images[index]).attr('src'));
      }
    }
  });
});