
var tabset = new Class( {
	initialize: function(tabNavigation, tabGroup, selectedTab, tabClassSelector) {
		this.tabNavigation = tabNavigation;
		this.tabGroup = tabGroup;
		this.selectedTab = selectedTab;
		this.tabContainers = $$(tabClassSelector);
		
		(this.tabContainers).each(function(el, i) {
			if(el != selectedTab) {
				el.setStyle("display", "none");
			}	
		});
		
		(this.tabNavigation).each(function(el, i) {
			if(el.hash == "#"+selectedTab.id) {
				el.addClass("on");
			}
			el.bindObj = this;
			el.onclick = this.selectTab;
		}, this);
	},
	selectTab: function () {
		this.bindObj.hideAllTabs();
		//var targetTabIDWithHash = $(this).getProperty("href");
		var targetTabIDWithHash = this.getAttribute("href",2);
		var targetTab = $E("div"+targetTabIDWithHash);
		
		$$(targetTabIDWithHash).setStyle("display", "block");
		this.addClass("on");
		return false;
	},
	hideAllTabs: function() {
		(this.tabContainers).each(function(el, i) {
			el.setStyle("display", "none");	
		});
		
		(this.tabNavigation).each(function(el, i) {
			el.removeClass("on");
		});
	}
});
	
window.addEvent('domready', function(){
	var myTabs = new tabset($$("div#openJobs ul.tabNavigation li a"), "mygroup", $("tab1"), $$("div#openJobs div.tab"));
	var myTabs = new tabset($$("div#pola ul.tabNavigation li a"), "mygroup", $("tab1"), $$("div#pola div.tab"));
	var myTabs = new tabset($$("div#morr ul.tabNavigation li a"), "mygroup", $("tab3"), $$("div#morr div.tab"));
});