/*** SCRIPT TO CONTROL SHOWING AND HIDING OF ELEMENTS 
     ON A PAGE ***/

var nav;
var links;


function prepareSectionLinks() {
	var defaultDisplay;
	if(!document.getElementsByTagName) return false;
	if(!document.getElementById) return false;
	if(!document.getElementById("sectionLinks")) return false;
	var nav = document.getElementById("sectionLinks");
	links = nav.getElementsByTagName("a");
	for (var i=0; i<links.length; i++) {
		var sectionId = links[i].getAttribute("href").split("#")[1];
		if(!document.getElementById(sectionId)) continue;
		if(links[i].getAttribute("rel")!="defaultDisplay") {		
			document.getElementById(sectionId).style.display = "none";
		}
		links[i].destination = sectionId;
		links[i].href = "#" + sectionId;
		links[i].onclick = function() {
			showSection(this);
			return false;
		}
	}
}


function showSection(linkToShow) {
	  var divs = document.getElementsByTagName("div");
	  var id = linkToShow.destination;
	
	  for( var x=0; x<links.length; x++ ) {		//reset all links to default tab background
			links[x].className = "";
	  }

	  for( var i=0; i<divs.length; i++ ) {
		  if (divs[i].className.indexOf("section") == -1) continue;
		  if (divs[i].getAttribute("id") != id) {
			  divs[i].style.display = "none";  
		  }
		  
		  else {
			  divs[i].style.display = "block";
			  linkToShow.className = "currentTab"; //apply current tab styling
		  }
	  }	
	  

}