// JavaScript Document

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}


function addClass(element,value) {
  if (!element.className) {
    element.className = value;
  } else {
    newClassName = element.className;
    newClassName+= " ";
    newClassName+= value;
    element.className = newClassName;
  }
}

function showSection(id) {
  var divs = document.getElementsByTagName("div");

  for (var i=0; i<divs.length; i++ ) {
   // if (divs[i].className.indexOf("slim") == -1) continue;  
    if (divs[i].getAttribute("id").indexOf("step") == -1) continue;
	if (divs[i].getAttribute("id") != id) {
      divs[i].style.display = "none";
	  var oNav = "r-" + divs[i].getAttribute("id");
	  var navli = document.getElementById(oNav);
	  navli.className = "";
    } else {
      divs[i].style.display = "block";
	  var cNav = "r-" + id;
	  var navli = document.getElementById(cNav);
      var dtTag = navli.tagName;
	  navli.className = (dtTag =="DT") ? "" : "lnav-this";
    }
  }
  /*
  var currNav = "r-" + id;
  
	 if (document.getElementById(currNav) != -1) {
	  var navli = document.getElementById(currNav);
	  navli.className = "lnav-this";
	 }
  */
}

function prepareInternalnav() {
  if (!document.getElementsByTagName) return false;
  if (!document.getElementById) return false;
  if (!document.getElementById("loc-nav")) return false;
  var nav = document.getElementById("loc-nav");
  var 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;
    document.getElementById(sectionId).style.display = (i==0) ? "block" : "none";
    links[i].destination = sectionId;
    links[i].onclick = function() {
      showSection(this.destination);
      return false;
    }
  }
}

function highlightPage() {
  if (!document.getElementsByTagName) return false;
  if (!document.getElementById) return false;
  if (!document.getElementById("glob-nav")) return false;
  var secId = document.body.getAttribute("id");
  var nav = document.getElementById("glob-nav");
  var lists = nav.getElementsByTagName("li");
  for (var i=0; i<lists.length; i++) {
	var liId = lists[i].getAttribute("id");
	 if (liId.indexOf(secId) != -1) {
	  //var links = lists[i].getElementsByTagName("a");
      //links.className = "this-nav";
	  lists[i].className = "gnav-this";
	 }
  }
}

addLoadEvent(prepareInternalnav);
addLoadEvent(highlightPage); //For glob-nav => gnav-this css class needed and body id