function TabContent(contentDivId) {
	this.contentObj=document.getElementById(contentDivId);
} 

function show() {
	this.contentObj.style.display="block";
	
}

function hide() {
	this.contentObj.style.display="none";
}

TabContent.prototype.show=show;
TabContent.prototype.hide=hide;

function Tab (tabObjId) {
	this.tabObj=document.getElementById(tabObjId);
}

function getTabObj() {
	return this.tabObj;
}

function displayNormal() {
	this.tabObj.style.border="1px solid white";
}

function displayHighlight() {
	this.tabObj.style.border="1px solid #0070C3";
}

Tab.prototype.getTabObj=getTabObj;
Tab.prototype.displayNormal=displayNormal;
Tab.prototype.displayHighlight=displayHighlight;

function TabMenu (startContentId) {	
	this.selectedTabContent=new TabContent(startContentId);
	this.selectedTab=null;
}

function setSelectedTab(tabObj) {
	this.selectedTab=tabObj;
}

function getSelectedTabContent() {
	return this.selectedTabContent;
}

function setSelectedTabContent(tabContentObj) {
	this.selectedTabContent=tabContentObj;
}

function addTab(tab,tabContent) {
	var tabObj=tab.getTabObj();
	var tabMenuObj=this;
	tabObj.onclick=function () {
		if(tabMenuObj.getSelectedTabContent()!=null) {
			tabMenuObj.getSelectedTabContent().hide();
		}
		tabMenuObj.setSelectedTabContent(tabContent);
		tabContent.show();
		if (tabMenuObj.selectedTab!=null) {
			tabMenuObj.selectedTab.displayNormal();
		}
		tab.displayHighlight();
		tabMenuObj.setSelectedTab(tab);		
	}
	tabObj.onmouseover=function() {
		tab.displayHighlight();
	}
	
	tabObj.onmouseout=function() {
		if (tab!=tabMenuObj.selectedTab) {
			tab.displayNormal();
		}
	}
	
}

TabMenu.prototype.getSelectedTabContent=getSelectedTabContent;
TabMenu.prototype.setSelectedTabContent=setSelectedTabContent;
TabMenu.prototype.setSelectedTab=setSelectedTab;
TabMenu.prototype.addTab=addTab;