var MultiCapa = new Class({
	options:{
		tabs: '.tab',
		capas: '.capa'
	},
				
	initialize: function(element, options){
		this.setOptions(options);
		this.elementId = element;

		$$('#' + this.elementId + ' ' + this.options.tabs).each(function(el){
			el.addEvent('click',function(e){
					e = new Event(e).stop();							
					this.cambiarEstado(el.getProperty('id'));						
				}.bind(this));
		}.bind(this));
		
	},

	/*
	 Cambiar la opcin activa
	*/
	cambiarEstado: function(idTabActiva){			
	
		// Activar opcin
		$$('#' + this.elementId + ' ' + this.options.tabs).removeClass('tab-on');
		if ($(idTabActiva)) 
			$(idTabActiva).addClass('tab-on');
		
		//Activar capa				
		$$('#' + this.elementId + ' ' + this.options.capas).removeClass('capa-on');
		if ($('capa-' + idTabActiva))  
			$('capa-' + idTabActiva).addClass('capa-on');

	}
	
});		
MultiCapa.implement(new Options, new Events);