/****

Display covering gif with loading gif animation
based on:
* jQuery Impromptu
* By: Trent Richardson [http://trentrichardson.com]

**/

(function($){
	$.loading = function(on)
	{
		if(on)
		{
		//-------------------------------------------------------------------------------------------------
			var $body = $(document.body);
		
			//tot transparent !!!
// 			var html = '<div id="tapador">';
// 			html += '<div id="loading_quadre">';
// 			html += '<img src="';
// 			html += rutaWeb;
// 			html += 'images/loading.gif" id="loading_image" />';
// 			html += '</div></div>';
			
			
			//fons transparent i quadre no
			var html = '<div id="tapador"></div>';
			html += '<div id="loading_quadre">';
			html += '<img src="';
			html += '/images/';
			html += 'images/loading.gif" id="loading_image" />';
			html += '</div>';
			
			var $ldng = $(html).appendTo($body);
			
			$("#tapador").height($(document).height());
			var y = $(window).height()/2;
			$("#loading_quadre").css({'top':y});
			
			$ldng.show('slow');

// 			$(window).scroll(
// 				function()
// 				{
// 					var y = $(window).height()/2 + $(window).scrollTop();
// 				}
// 			);

		//-------------------------------------------------------------------------------------------------
		}else{
		//-------------------------------------------------------------------------------------------------
			$("#tapador").remove();
			$('#loading_quadre').remove();
		//-------------------------------------------------------------------------------------------------
		}
		//-------------------------------------------------------------------------------------------------
	}
	
	$.loading_element = function(on,id_element)
	{
		if(on)
		{
		//-------------------------------------------------------------------------------------------------
			var $body = $('#' + id_element);
		
			//tot transparent !!!
// 			var html = '<div id="tapador">';
// 			html += '<div id="loading_quadre">';
// 			html += '<img src="';
// 			html += rutaWeb;
// 			html += 'images/loading.gif" id="loading_image" />';
// 			html += '</div></div>';
			
			
			//fons transparent i quadre no
			var html = '<div id="tapador"></div>';
			html += '<div id="loading_quadre">';
			html += '<img src="';
			html += rutaWeb;
			html += 'images/loading.gif" id="loading_image" />';
			html += '</div>';
			
			var $ldng = $(html).appendTo($body);
			
			$("#tapador").height($(document).height());
			var y = $(window).height()/2;
			$("#loading_quadre").css({'top':y});
			
			$ldng.show('slow');

// 			$(window).scroll(
// 				function()
// 				{
// 					var y = $(window).height()/2 + $(window).scrollTop();
// 				}
// 			);

		//-------------------------------------------------------------------------------------------------
		}else{
		//-------------------------------------------------------------------------------------------------
			$("#tapador").remove();
			$('#loading_quadre').remove();
		//-------------------------------------------------------------------------------------------------
		}
		//-------------------------------------------------------------------------------------------------
	}
		
})(jQuery);