var mooTaboo = new Class({
		Implements: Options,
		
		options: {
		},
		
		initialize: function (tabooNav, tabooContent, options) {
			var self = this;
			this.setOptions(options);
			this.tabNav=tabooNav;
			this.tabContent=tabooContent;			
			this.taboofy(this, this.tabNav, this.tabContent);
			
		},
		
		taboofy: function() {			
			this.tabNav.each(function(tab, index){					
					tab.addEvent('click', this.show.bindWithEvent(this,index));
			},this);
		},
		
		setBoxProperties: function(box) {
				box.setStyles({
					'left':11,
					'top':6,
					'width':3.125,
					'height':3.125,
					'opacity':0,
					'position':'relative',
					'unit':'em'
				});			
		},
		
		show: function(tab,index) {
			tab.stop();			
			$('protect').setStyles({display:'block'});
			this.tabNav.each(function(el){
				el.removeClass('active');
			});
			
			this.tabNav[index].addClass('active');

			this.tabContent.each(function(el){
				el.setStyles({
					'opacity':0,
					'display':'none'					
				});
			});			
			
			myFx = new Fx.Morph($('box'), {unit:'em', link: 'chain', duration: '300', transition: 'linear'});			
			var el = this.tabContent[index];
			myFx.start({top: [index*3.125+6], height:[3.125], opacity:[0.5]});
			myFx.start({left:[11], width:[3.125], opacity:[0]});					
			myFx.start({top: [index*3.125+6], left:[11,18.75], opacity:[0,0.3]});
			myFx.start({top: [6]});
			myFx.start({height: [28], width: [37.5],opacity:[0.3,0.6]});
			myFx.start({opacity:[0.6,1],
				onComplete: function () {	
					el.setStyles({'display':'block','opacity':1});
					$('protect').setStyles({'display':'none'});
				}
			});		
		},
		
		hide: function() {
			myFx = new Fx.Morph($('box'), {unit:'em', link: 'chain', duration: '300', transition: 'linear'});			
			myFx.start({top: [6], height:[3.125], opacity:[0.5]});
			myFx.start({left:[11], width:[3.125], opacity:[0]});			
			this.tabContent.each(function(el){
				el.setStyles({
					'opacity':0,
					'display':'none'					
				});
			});			
		}
	});