<!-- // Catalogue tabs

var tabTitles = new Array();
var subNavTitles = new Array();
var activeTab = 1;
var activeSubArea = 1;

function setupTabs(tabCount) {
	if(tabCount > 0) {
		// hide all content except first, store all h3 titles for tabs
		for(i=1; i<=tabCount; i++) {
			tabTitles[i] = document.getElementById("t"+i).getElementsByTagName("H2")[0].innerHTML;
			document.getElementById("t"+i).getElementsByTagName("H2")[0].style.display = "none";
			if(i>1) document.getElementById("t"+i).style.display = "none";
			// if sub navigation exists, hide all but first sub areas
			if(document.getElementById("t"+i+"_subNav")) {
				subNavTitles[i] = new Array();
				subAreaFound = true;
				subAreaIndex = 1;
				while(subAreaFound) {
					if(document.getElementById("t"+i+"s"+subAreaIndex)) {
						subNavTitles[i][subAreaIndex] = document.getElementById("t"+i+"s"+subAreaIndex).getElementsByTagName("H3")[0].innerHTML;
						document.getElementById("t"+i+"s"+subAreaIndex).getElementsByTagName("H3")[0].style.display = "none";
						if(subAreaIndex > 1) document.getElementById("t"+i+"s"+subAreaIndex).style.display = "none";
						subAreaIndex += 1;
					} else {
						subAreaFound = false;
					}
				}
				// write sub-nav to page
				if(subNavTitles[i].length > 2) {
					tabsCode = "<dl>";
					for(x=1; x<subNavTitles[i].length; x++) {
						if(x==1) {
							tabsCode += "<dd id='t" + i + "nav1' class='navOn'><a href='javascript:doSubNav(" + i + ",1);'>" + subNavTitles[i][1] + "<span class='subNavLeftEdge'><\/span><\/a><\/dd>";
						} else {
							tabsCode += "<dd id='t" + i + "nav" + x + "' class='navOff'><a href='javascript:doSubNav(" + i + "," + x + ");'>" + subNavTitles[i][x] + "<span class='subNavLeftEdge'><\/span><\/a><\/dd>";
						}
					}
					tabsCode += "</dl>";
					document.getElementById("t"+i+"_subNav").innerHTML = tabsCode;
				} else {
					// make h3 visible again
					document.getElementById("t"+i+"s1").getElementsByTagName("H3")[0].style.display = "block";
				}
			}
		}
		// write tabs to page
		tabsCode = "<dl>";
		for(i=1; i<=tabCount; i++) {
			if(i==1) {
				tabsCode += "<dd id='tab1' class='tabOn'><a href='javascript:doTab(1);'><span class='tabTitle'>" + tabTitles[1] + "<\/span><span class='tabLeftEdge'><\/a><\/dd>";
			} else {
				tabsCode += "<dd id='tab" + i + "' class='tabOff'><a href='javascript:doTab(" + i + ");'><span class='tabTitle'>" + tabTitles[i] + "<\/span><span class='tabLeftEdge'><\/span><\/a><\/dd>";
			}
		}
		tabsCode += "</dl>";
		document.getElementById("tabAreaTop").innerHTML = tabsCode;
	}
}

function doTab(getTab) {
	// make sure tabArea is visible
	document.getElementById("tabArea").style.display = "block";
	// check tab is different from current active tab
	if(getTab != activeTab) {
		// hide old content and change old tab class
		document.getElementById("t"+activeTab).style.display = "none";
		document.getElementById("tab"+activeTab).className = "tabOff";
		// show new content and chnage new tab class
		document.getElementById("t"+getTab).style.display = "block";
		document.getElementById("tab"+getTab).className = "tabOn";
		// store new tab
		activeTab = getTab;
	}
}

function doSubNav(getTab,getSubArea) {
	if(getSubArea != activeSubArea) {
		// hide old content and change old tab class
		document.getElementById("t"+getTab+"s"+activeSubArea).style.display = "none";
		document.getElementById("t"+getTab+"nav"+activeSubArea).className = "navOff";
		// show new content and chnage new tab class
		document.getElementById("t"+getTab+"s"+getSubArea).style.display = "block";
		document.getElementById("t"+getTab+"nav"+getSubArea).className = "navOn";
		// store new tab
		activeSubArea = getSubArea;
	}
}

function hideTabArea() {
		document.getElementById("tabArea").style.display = "none";
}

// -->