var tabSwitcher = new Class({
	initialize: function(containerId,defaultPane) {
		this.myPanes = $(containerId).getElements('.pane');
		this.myTabs = $(containerId).getElements('.tabs li a');
		this.myTabs.each(function(tabItem) {
			if (tabItem.hasClass(defaultPane)) {
				tabItem.addClass('on');
			}
			tabItem.addEvent("click", function(event) {
				this.showTab(tabItem);
				return false;	
			}.bind(this));
		}.bind(this));	
		this.myPanes.each(function(paneItem) {
			if (paneItem.hasClass(defaultPane)) {
				paneItem.addClass('on');
			}
		});	
	},
	showTab: function(tabTarget) {
		this.myTabs.each(function(tabItem) {
			tabItem.removeClass('on');
		}.bind(this));
		this.myPanes.each(function(paneItem) {
			if (paneItem.hasClass(tabTarget.className)) {
				paneItem.addClass('on');
			} else {
				paneItem.removeClass('on');	
			}
		}.bind(this));
		tabTarget.addClass('on');
	}
});