/*
	File: /scripts/navUI.js
	Author: Miguel Olivarez
	Description: used to manage the tabs throughout the site
*/
function showContent(i){
	var n = document.getElementById('contentNav');
	var h = document.getElementById('contentHolderDiv');
	try{
		var l = n.getElementsByTagName('LI');
		var d = h.getElementsByTagName('DIV');
		//clear styles
		for(var x=0;x<l.length;x++){
			l[x].className = 'tab_notover;'
			d[x].className = 'contentHolder';
		}
	}catch(err){
		alert(err.message);
	}
	//set appropriate style
	document.getElementById(i+'_li').className='tab_over';
	document.getElementById(i+'_div').className = 'contentHolderShow';
}

var tab = '';
window.onload = function(){
	var URL = unescape(window.document.location);
	if (URL.indexOf("?") > -1) { 
		//whether the location contains a "?" or not
		var list1 = URL.split("?");
		//split at "?";
		var list2 = list1[1].split("=");
		//split at "=";
		tab = list2[1];
		selectTab();
		//assignment
	}
	try{init();}
	catch(err){}
}

//select the tab by url variable
selectTab = function(){
	var n = document.getElementById('contentNav');
	var h = document.getElementById('contentHolderDiv');
	try{
		var l = n.getElementsByTagName('LI');
		var d = h.getElementsByTagName('DIV');
		//clear styles
		for(var x=0;x<l.length;x++){
			l[x].className = 'tab_notover;'
			d[x].className = 'contentHolder';
		}
		l[tab].className = 'tab_over';
		d[tab].className = 'contentHolderShow'
		var aTag = l[tab].getElementsByTagName('A');
		var cDiv = document.getElementById('contentDiv');
		var h3Tag = cDiv.getElementsByTagName('H3');
		var bcDiv = document.getElementById('breadCrumbDiv');
		var spanTag = bcDiv.getElementsByTagName('SPAN');
		h3Tag[0].innerHTML = aTag[0].innerText.capitalize();
		spanTag[0].innerHTML = aTag[0].innerText;
	}catch(err){
		alert(err.message);
	}
}
//capitalizes the words
String.prototype.capitalize = function(){ //v1.0
    return this.replace(/\w+/g, function(a){
        return a.charAt(0).toUpperCase() + a.substr(1).toLowerCase();
    });
};