$(function (){
	$('body').append('<div id="overlay"></div>');
	$('body').append('<div id="loading"></div>');
	$('body').append('<div id="popup"></div>');
});

function ClassLoader(){

}
ClassLoader.ShowBigLoader = function(invisible){
	var yScroll = $.browser.msie ? document.documentElement.scrollTop : self.pageYOffset;
  var windowHeight = $.browser.msie ? document.documentElement.clientHeight : window.innerHeight;
  var posTop = Math.round((windowHeight/2) + yScroll);

	var visibility = typeof(invisible) == 'undefined' ? 0.5 : 0;
	
  $('#loading').css({display:'block', 'z-index':99999,top:posTop+'px'});
	$('#overlay').css({
					opacity:  visibility,
					width: $(window).width(),
					height: $(document).height()
				}).fadeIn('slow');
};

ClassLoader.HideBigLoader = function(){
	$('#loading').css('display', 'none');
	$('#overlay').fadeOut('slow');
};

ClassLoader.overlayFit = function(){
  $('#overlay').css({
    width: $(window).width(),
    height: $(document).height()
    });
};

ClassLoader.popupFit = function(){

	var yScroll = $.browser.msie ? document.documentElement.scrollTop : self.pageYOffset;
  var windowHeight = $.browser.msie ? document.documentElement.clientHeight : window.innerHeight;
  var posTop = Math.round((windowHeight/2) + yScroll);

  $('#loading').stop().animate({top: posTop+'px'},500);
};

$.onresize = ClassLoader.overLayFit;
window.onscroll = ClassLoader.popupFit;

//--- For small loading indicators

ClassLoader.ShowSmallLoader = function(idToHide){
		$(idToHide).empty();
	  $(idToHide).append('<div id="smallLoader">&nbsp;</div>');
};

ClassLoader.HideSmallLoader = function(){
	  $('#smallLoader').remove();
};