/* licuit interactive S.L. */
/* tabscripts.js */
/* Created Jan, 2010 */
/* Modified Jan, 2010
--------------------------------------- */


tabsPanel = new Class({
		
		contenedor : null,
		clase : null,
		tabs : null,
		links : null,

		setup: function(id){
			
			var tClass = this;
			
			
			this.links = $(id).getElements(".linktab");
			
			this.tabs =  $(id).getElements(".tab");
			
			for(var a = 0; a < this.links.length; a++){
			
				this.links[a].addEvent("click",function(e){ tClass.showTab(this.title) });
			}	
		
		},
		
	
		showTab : function(id){
			
			var tClass = this;
			
		
					
			for(var a = 0; a < tClass.links.length; a++){
				if(tClass.links[a].title != id )
					$(tClass.links[a]).set('class', 'linktab inactivo')
			}	
			
			for(var a = 0; a < tClass.links.length; a++){
				if(tClass.links[a].title == id )
					$(tClass.links[a]).set('class', 'linktab activo')
			}	
			
			
			for(var a = 0; a < tClass.tabs.length; a++){
					if(tClass.tabs[a].id != id )
					$(tClass.tabs[a].id).setStyle('display', 'none')
			}	
			
			for(var a = 0; a < tClass.tabs.length; a++){
				if(tClass.tabs[a].id == id )
					$(tClass.tabs[a].id).setStyle('display', 'inline')
			}	
			
			
				posicionaFooter();
		}
});

var tabsPanel = new tabsPanel();
window.addEvent("load", function(){	tabsPanel.setup('tabs'); });