if (!Atira) var Atira = {}

Atira.FloatingLoader = function(id, loader_id, use) {
	this.use_fade = use;	
	this.id = id;
	this.loader_id = loader_id;
	this.loader_element = document.getElementById(loader_id);
	this.element = document.getElementById(id);
}

Atira.FloatingLoader.prototype.show = function(id) {	
	
	this.loader_element.style.display = 'block';
	
	this.tab_id = id;
	
	if(this.tab_id){
	
		if(this.use_fade){
			var the_element = this.element;
		
			new Effect.Opacity(this.id,
	    	{	duration: 0.5, 
	    		transition: Effect.Transitions.linear, 
	    		fps: 50,
	    		from: 1.0, 
	    		to: 0.0, 
	    		afterFinish: function(){
						Element.setOpacity(the_element, 0.0);
	    				CountSystem.getInstance().doChangeTab(id);
	    			}
	    	});
	    	
	    }else{
 		   	CountSystem.getInstance().doChangeTab(id);	
	    }
   }	
}

Atira.FloatingLoader.prototype.hide = function(tab) {
	
	if(this.use_fade && this.tab_id){
	
	var the_element = this.element;
	var the_loader_element = this.loader_element;
	
	new Effect.Opacity(this.id,
    	{	duration: 0.5, 
    		transition: Effect.Transitions.linear, 
    		fps: 50,
    		from: 0.0, 
    		to: 1.0, 
    		afterFinish: function(){
    		
				Element.setOpacity(the_element, 1.0);
				the_loader_element.style.display = 'none';
    			
    			}
    	});	
    	
    }else{
	 	this.loader_element.style.display = 'none';
    }
	
}