var TabChanger = Class.create({
	
	initialize : function(tabs, tabBodies) {
	
		for(var i = 0; i < tabs.length; i++) {
			
			var tab = tabs[i];
			var body = tabBodies[i];
			
			var cmd = new TabCommand(tab, body);
			$(tab).observe('click', cmd.onChangeTab.bind(cmd));
			
			if(i == 0) {
				
				cmd.onChangeTab();
			}
		};
				
	}
});

var TabCommand = Class.create({
		
		
		initialize : function(myTab, myBody) {
	
			this.myTab = myTab;
			this.myBody = myBody;
		},
		
		onChangeTab : function(meh) {
			
			var myBody = this.myBody;
			var myTab = this.myTab;
			
			// set the current tab to be inactive...
			var tab = $$('li[class="activeTab"]');
			if(tab.length > 0) {
				
				tab[0].removeClassName('activeTab');
			}
			
			var activeTab = $$('div[activeTab="true"]');
			if(activeTab.length > 0) {
				
										
				activeTab[0].writeAttribute('activeTab', 'false');
				activeTab[0].hide();
			}
			
			$($(myTab).parentNode).addClassName('activeTab');
			
			$(myBody).writeAttribute('activeTab', 'true');
			$(myBody).show();						
		}
});