(function($){

   $.fn.jqBgLoader = function(id,url,num)
   {

       var img = new Image();
       img.src = url;

       var intervalId = setInterval(
           function()
           {
               if(img.complete)
               {
                   clearInterval(intervalId);
                   $('#'+id).css('background-image','url("'+img.src+'")').css('opacity',0).css('filter', 'alpha(opacity = 0)');

                   setTimeout(function(){
                       opa(0, 20, 50);
                   },500,true);

               }
           },
           100);

       var opa = function(i, num, time)
       {
           var op = (1/num);

           $('#'+id).css('opacity',op*i).css('filter', 'alpha(opacity = '+(op*i*100)+')');

           if (i < num)
           {
               setTimeout(function(){
                   opa((i+1), num, time);
               },time,true);
           }
       }

   }

})(jQuery);

