window.addEvent('domready', function(){
	new loading_link();
})

var loading_link = new Class({
	initialize: function(){
		this.loading_img = '../assets/js/ajax-loader.gif';
		this.preload_img = new Image();
		this.preload_img.src = this.loading_img;
		this.add_listeners();
	},
	add_listeners: function(){
		$$('a.loading_link').addEvent('click',function(e){
			this.show_loading();
		}.bind(this));
	},
	show_loading: function(){

		new Fx.Scroll(document, {
			offset: {
				'x': 0,
				'y': 0
			}
		}).toTop();

		this.loading_overlay.delay(300,this);

	},

	loading_overlay: function (){

			var overlay_div = new Element('div', {
				id: 'loading_overlay_div',
				styles: {
					'opacity' : '0.0',
					'background-color': '#000000',
					'width': '100%',
					'height': '100%',
					'position': 'absolute',
					'top': '0',
					'bottom': '0',
					'z-index': '1000'
				}
			});

			var overlay_loading_table = new Element('table', {
				'width': '100%',
				'height': '100%',
			});

			var overlay_loading_tr = new Element('tr');
			var overlay_loading_td = new Element('td',{
				styles: {
					'text-align': 'center'
				}
			});

			var overlay_loading_img = new Element('img',{
				src: this.loading_img
			});

			var overlay_loading_text = new Element('div',{
				styles: {
					'color': '#ffffff'
				}
			}).set('html','One Moment Please');

			overlay_loading_td.appendChild(overlay_loading_img);
			overlay_loading_td.appendChild(overlay_loading_text);
			overlay_loading_tr.appendChild(overlay_loading_td);
			overlay_loading_table.appendChild(overlay_loading_tr);
			overlay_div.appendChild(overlay_loading_table);


			document.body.setStyles({
				'margin': '0',
				'padding': '0',
				'width': '100%',
				'height': '100%',
				'overflow': 'hidden'
			});

			document.body.appendChild(overlay_div);

			$('loading_overlay_div').set('tween', {duration: 'long'});
			$('loading_overlay_div').tween('opacity','0.7');

	}

})