  activeElement = '';

  function viewNavSection(id){

    if(id != activeElement){

      if(elem = document.getElementById(activeElement)){
        hideNavSection(activeElement);
      }

      if(elem = document.getElementById(id)) {
        elem.style.visibility = 'visible';
        elem.style.display = 'block';
        activeElement = id;
      }

    }

  }     

  function hideNavSection(id){

    if(elem = document.getElementById(id)){
      elem.style.visibility = 'hidden';
      elem.style.display = 'none';
    }

    activeElement = '';

  }

  function toggleNavSection(id){

    if(elem = document.getElementById(id)) {
 
      if(elem.style.visibility == 'visible'){
        hideNavSection(id);
      }
      else{
        viewNavSection(id);
      }
 
    }

  }     

  function viewNavItem(id){

    if(elem = document.getElementById(id + ".on")) {

      if(elem.style.visibility == 'visible'){
        elem.style.visibility = 'hidden';
      }
      else{
        elem.style.visibility = 'visible';
      }
 
    }

  }

  function viewGlobalNavSection(id){

    if(elem = document.getElementById("global." + id)){
      elem.style.backgroundColor = '#CDE2E3';
    }

  }

  function init(title,global_id,section_id,item_id){

    document.title = title;
    viewNavSection(section_id);
    viewNavItem(item_id);
    viewGlobalNavSection(global_id);

  }
