var TabMenu = Class.create();

TabMenu.prototype = {
		initialize : function(){
	this.tabs = $$('ul.tabmenu');
	this.tabs.each(this.initTabMenu.bind(this));
	linkBind = this.showContent.bindAsEventListener(this);	
},

initTabMenu : function(elm){
	elm = $(elm);
	
	elm.menuLinks = elm.select('a');
	elm.relArr = Array();
	elm.menuLinks.each(
			function(s){
			elm.relArr.push(s.rel)	
			})
	//hide all content divs
	this.resetTabs(elm.menuLinks,elm.relArr);
	this.showContent(elm.menuLinks[0])
	
		 elm.menuLinks.each(this.setupTab.bind(this,elm.menuLinks,elm.relArr));	
},

setupTab : function(){
	elm = arguments[2];
	linkArr = arguments[0];
	relArr = arguments[1];
	Event.observe(elm,'click',this.onClick.bindAsEventListener(this,linkArr,relArr),false)
	
},

onClick : function(ev,linkArr,relArr){
		//alert(linkArr)
		Event.stop(ev);
		elm = Event.findElement(ev,"a");
		this.resetTabs(linkArr,relArr)
		this.showContent(elm)
	},

showContent : function(elm){
	var element = $(elm)
$(element).addClassName("active");
	var content = $(element).rel;
	$(content).show();
	},

resetTabs : function(linkArr,divArr){
divArr.each(
		function(s){
			$(s).hide();
			})
	linkArr.each(
				function(s){
					$(s).removeClassName('active');
					})
}
}

Event.observe(window, 'load', function() {
new TabMenu();
									   });