/*******************************************************
 *             TAB MENY								   *
 ******************************************************/

	/**
		Logic for handling the meny logic
	*/
	var activeTabId = null;
	function switchTab(tabId) {
		try {
			getById(activeTabId).className = "tabMenyTab";
			getById("tabLinkWindow_" + activeTabId).style.display = "none";
		} catch(e){
			// ignore error;
		}
		getById(tabId).className = "tabMenyTab activeTab";
		activeTabId = tabId;

		getById("tabLinkWindow_" + tabId).style.display = "";

		getById(tabId).blur();

		return false;
	}

	function selectTabLink(tabLinkId) {
        getById(tabLinkId).className = "tabMenyLink tabMenyLinkSelected";
	}

	/**
	 *	Functions to handle the creation of the meny in javascript
	 */

	function TabMeny() {
		this.tabs = new Array();
	}

	TabMeny.prototype.makeMenu = function() {
		document.writeln("<div class=\"tabMenyArea\" style=\"clear:both;\">");

		// The tabs
		document.writeln("<div class=\"tabMenyTabs\">");
		for(i = 0; i < this.tabs.length; i++) {
			var tab = this.tabs[i];
			if(tab.links.length == 0) {
		        continue;   // no links, dont display the tab
		    }
			document.writeln("<a id=\"" + tab.id + "\" class=\"tabMenyTab\" onClick=\"return switchTab(this.id);\" href=\"#\">" + tab.label + "</a>");
		}
		document.writeln("</div>");	// End of tabs

		// The tabLink window
		document.writeln("<div class=\"tabMenyLinkWindow\">");
		for(i = 0; i < this.tabs.length; i++) {
		    var tab = this.tabs[i];
		    if(tab.links.length == 0) {
		        continue;   // no links, dont display the tab
		    }

			document.writeln("<div id=\"tabLinkWindow_" + tab.id + "\" style=\"display:none\">");

			// Display all the links
			for(j = 0; j < tab.links.length; j++) {
				var tabLink = tab.links[j];
				document.writeln("<span style=\"white-space:nowrap; height:18px;\"><a href=\"" + tabLink.url + "\" id=\"" + tab.id + "_" + tabLink.textKey + "\" class=\"tabMenyLink\">" + tabLink.label + "<img src=\"/pan/img/transparent.gif\" height=\"10\" width=\"1\"></a></span>");
			}


			document.writeln("</div>"); // End of tabLinkWindow_*

		}
		document.writeln("</div>");	// End of tabMenyLinkWindow

		document.writeln("</div>");	// End of tabArea
	}


	TabMeny.prototype.addTab = function(tab) {
		this.tabs[this.tabs.length] = tab;
	}



	function Tab(id, label) {
		this.id = id;
		this.label = label;
		this.links = new Array();

		return this;
	}
	Tab.prototype.addLink = function(url, label, textKey) {
		var link = new TabLink(url, label, textKey);
		this.links[this.links.length] = link;
	}

	/* data type */
	function TabLink(url, label, textKey) {
		this.url = url;
		this.label = label;
        this.textKey = textKey;
    }