(function ($){
$.fn.fakeLoader=function(options){
var settings=$.extend({
timeToHide:1200,
pos:'fixed',
top:'0px',
left:'0px',
width:'100%',
height:'100%',
zIndex: '999',
bgColor: '#2ecc71',
spinner:'spinner7',
imagePath:''
}, options);
var spinner01='<div class="fl spinner1"><div class="double-bounce1"></div><div class="double-bounce2"></div></div>';
var spinner02='<div class="fl spinner2"><div class="spinner-container container1"><div class="circle1"></div><div class="circle2"></div><div class="circle3"></div><div class="circle4"></div></div><div class="spinner-container container2"><div class="circle1"></div><div class="circle2"></div><div class="circle3"></div><div class="circle4"></div></div><div class="spinner-container container3"><div class="circle1"></div><div class="circle2"></div><div class="circle3"></div><div class="circle4"></div></div></div>';
var spinner03='<div class="fl spinner3"><div class="dot1"></div><div class="dot2"></div></div>';
var spinner04='<div class="fl spinner4"></div>';
var spinner05='<div class="fl spinner5"><div class="cube1"></div><div class="cube2"></div></div>';
var spinner06='<div class="fl spinner6"><div class="rect1"></div><div class="rect2"></div><div class="rect3"></div><div class="rect4"></div><div class="rect5"></div></div>';
var spinner07='<div class="fl spinner7"><div class="circ1"></div><div class="circ2"></div><div class="circ3"></div><div class="circ4"></div></div>';
var el=$(this);
var initStyles={
'position':settings.pos,
'width':settings.width,
'height':settings.height,
'top':settings.top,
'left':settings.left
};
el.css(initStyles);
el.each(function(){
var a=settings.spinner;
switch (a){
case 'spinner1':
el.html(spinner01);
break;
case 'spinner2':
el.html(spinner02);
break;
case 'spinner3':
el.html(spinner03);
break;
case 'spinner4':
el.html(spinner04);
break;
case 'spinner5':
el.html(spinner05);
break;
case 'spinner6':
el.html(spinner06);
break;
case 'spinner7':
el.html(spinner07);
break;
default:
el.html(spinner01);
}
if(settings.imagePath!=''){
el.html('<div class="fl"><img src="'+settings.imagePath+'"></div>');
centerLoader();
}});
setTimeout(function(){
$(el).fadeOut();
}, settings.timeToHide);
return this.css({
'backgroundColor':settings.bgColor,
'zIndex':settings.zIndex
});
};
function centerLoader(){
var winW=$(window).width();
var winH=$(window).height();
var spinnerW=$('.fl').outerWidth();
var spinnerH=$('.fl').outerHeight();
$('.fl').css({
'position':'absolute',
'left':(winW/2)-(spinnerW/2),
'top':(winH/2)-(spinnerH/2)
});
}
$(window).load(function(){
centerLoader();
$(window).resize(function(){
centerLoader();
});
});
}(jQuery));