<!--

// Code to build tabs in-page
var tabOn = 0;
var tabTextOn = "";
var allTabDivs = new Array;
var allTabTitles = new Array;

function buildTabs() {
	if (document.getElementById("tabArea") && document.getElementById("tabContentArea")) {
		// Get location query (to check for turning tabs on and off)
		var queryArray = new Array;
		queryArray = document.location.search.substring(1).split("&");
		if (queryArray.length > 0) {
			for (var i in queryArray) {
				// Look for tab numbers
				if (queryArray[i].toLowerCase().indexOf("tabnum") >= 0) {
					var querySplit = new Array;
					querySplit = queryArray[i].split("=");
					if (querySplit.length > 0) { tabOn = parseInt(querySplit[1]) - 1; break; }
				}
				// Look for tab names
				if (queryArray[i].toLowerCase().indexOf("tabname") >= 0) {
					var querySplit = new Array;
					querySplit = queryArray[i].split("=");
					if (querySplit.length > 0) { tabTextOn = querySplit[1].toLowerCase(); break; }
				}
			}
		}
		// Look for a text match in the divs and set tabOn if necessary
		var myElements = document.getElementsByTagName("DIV");
		storeCount = 0;
		for (i=0; i<myElements.length; i++) {
			if (myElements[i].className == "tabbedContent") {
				// store this div element + title text
				allTabDivs[storeCount] = myElements[i];
				if(document.all) {
					allTabTitles[storeCount] = myElements[i].getElementsByTagName("H2")[0].innerText.toString();
				} else {
					allTabTitles[storeCount] = myElements[i].getElementsByTagName("H2")[0].textContent.toString();
				}
				// check to see whether title is in url query
				if (tabTextOn != "" && tabTextOn == allTabTitles[storeCount].toLowerCase()) tabOn = storeCount;
				storeCount += 1;
			}
		}
		// Create tab button area first
		document.getElementById("tabArea").innerHTML = "<div id=\"tabButtonArea\"></div>";
		document.getElementById("tabArea").style.display = "block";
		// Hide all content bar active tab content
		for (i=0; i < allTabDivs.length; i++) {
			if(i == tabOn) {
				allTabDivs[i].className = "tabbedContent";
			} else {
				allTabDivs[i].className = "tabbedContent hidden";
			}
		}
		// Build tabs
		var myTabs = "<dl>";
		for (i=0; i < allTabDivs.length; i++) {
			if (i == tabOn) {
				myTabs += "<dd id='tab" + i + "' class='tabOn'>";
			} else {
				myTabs += "<dd id='tab" + i + "' class='tabOff'>";
			}
			myTabs += "<a href='javascript:doTab(" + i + ");'>" + allTabTitles[i] + "<\/a><\/dd>";
		}
		myTabs += "</dl>";
		document.getElementById("tabButtonArea").innerHTML = myTabs;
	}
}

function doTab(getTab) {
	// check tab is different from current active tab
	if(getTab != tabOn) {
		// hide old content and change old tab class
		allTabDivs[tabOn].className = "tabbedContent hidden";
		document.getElementById("tab"+tabOn).className = "tabOff";
		// show new content and chnage new tab class
		allTabDivs[getTab].className = "tabbedContent";
		document.getElementById("tab"+getTab).className = "tabOn";
		// store new tab
		tabOn = getTab;
	}
}


// -->