var tabSwitcher = new Class({
	initialize: function(containerId,defaultPane) {
		this.myTabs = $(containerId).getElements('.menu a');
		this.ajaxContainer = $(containerId).getElement('#contentContainer');
		this.myTabs.each(function(tabItem) {
			tabItem.addEvent("click", function(event) {
				new Event(event).stop();
				this.showTab(tabItem);
				this.getData(tabItem.id);
				return false;	
			}.bind(this));
		}.bind(this));	
	
	},
	showTab: function(tabTarget) {
		// clear tabs of style
		this.myTabs.each(function(tabItem) {
			tabItem.removeClass('on');
		}.bind(this));
		tabTarget.addClass('on');
	},
	getData: function(vaultPage) {	
		this.articleData = new Ajax('vaultContent.action?page='+vaultPage, {
			method: 'get',
			evalScripts: true,
			update: this.ajaxContainer
		});
		this.articleData.request();
	}
});


window.addEvent('domready', function() {
	 var myTabSwitcher = new tabSwitcher('vaultMainBlock');
});