/* 
 * domTab.js 
 * written by Chris Heilmann
 * more info: http://www.onlinetools.org/tools/domtab.php
*/

// Global variables
var currentTab, currentLink;

// Change if you want to use another class for highlighting
var tabHighlightClass = ' tabon'; 

function initTabs(){

	var j = 0;
	if(window.location.search.indexOf('?tab=') != -1){
		j = window.location.search.slice(5) - 1;
	}

// change if you have another main navigation ids for tabbed or normal element id
	var navElement = 'mainnav1';
	var navElementTabbedId = 'mainnavtabbed1';
	
// pattern to check against to identify "back to menu" links
	var backToMenu = /#top/;

	var n, as, id, i, linklength, lastlink;

	if(document.getElementById && document.createTextNode){
		var n = document.getElementById(navElement);
		n.id = navElementTabbedId;
		n = document.getElementById(navElementTabbedId);
		var as = n.getElementsByTagName('a');
		for(var i=0; i < as.length; i++){
			as[i].onclick = function(){showTab(this); return false;}
			//as[i].onkeypress = function(){showTab(this); return false;}
			var id = as[i].href.match(/#(\w.+)/)[1];
			if(i == j){
				currentTab = id;
				currentLink = as[i];
			}
			if(document.getElementById(id)){
				linklength = document.getElementById(id).getElementsByTagName('a').length;
				if(linklength > 0){
					lastlink = document.getElementById(id).getElementsByTagName('a')[linklength-1];
					if(backToMenu.test(lastlink.href)){
						lastlink.parentNode.removeChild(lastlink);
					}
				}
				document.getElementById(id).style.display = 'none';
			}
		}		
		if(document.getElementById(currentTab)){
			document.getElementById(currentTab).style.display = 'block';
		}
		currentLink.className = currentLink.className + tabHighlightClass;
	}
}

function showTab(o){
	var id;
	if(currentTab){
		if(document.getElementById(currentTab)){
			document.getElementById(currentTab).style.display = 'none';
		}
		currentLink.className = currentLink.className.replace(tabHighlightClass, '');
	}
	var id = o.href.match(/#(\w.+)/)[1];
	currentTab = id;
	currentLink = o;
	if(document.getElementById(id))	{
		document.getElementById(id).style.display = 'block';
	}
	o.className = o.className + tabHighlightClass;
}

function flipTab1(n){
	if(currentTab){
		if(document.getElementById(currentTab)){
			document.getElementById(currentTab).style.display = 'none';
		}
		currentLink.className = currentLink.className.replace(tabHighlightClass, '')
	}
	var l = document.getElementById('link'+n);
	currentTab = 'tab'+n;
	currentLink = l;
	if(document.getElementById('tab'+n)){
		document.getElementById('tab'+n).style.display = 'block';
	}
	l.className = l.className + tabHighlightClass;
}

// If you need to call other scripts onload, change this call
window.onload = initTabs;