/****

  The following functions are dependant on a global style sheet that defines the following classes in order to achieved desired effect.
    
    1 - visible: shows the element and its contents 
    2 - invisible: hides the element and its contents 
    3 - active: Style for link to other pages
    4 - inactive: Style for link to current page ("you are here")

*****/

function show(id) 
{
  var e = document.getElementById(id);
  var classname = "visible";
  e.className = classname;
}
function hide(id) 
{
  var e = document.getElementById(id);
  var classname = "invisible";
  e.className = classname;
}
function makeshowhide(lang) /* If the user agent understands JavaScript and basic DOM functionality, activate the show/hide descriptions functionality */
{
  if (document.getElementById)
  {
    if(lang == "e")
    {
      document.write('<div class="pagenavtop"><ul><li><a id="showhide" href="#" onclick="showhidedescriptions();">Hide Descriptions</a></li></ul></div>');
    }
    if(lang == "f")
    {
      document.write('<div class="pagenavtop"><ul><li><a id="showhide" href="#" onclick="showhidedescriptions();">Cacher les descriptions</a></li></ul></div>');
    }
  }
}
function showhidedescriptions() /* */
{
  dds = document.getElementsByTagName("dd");
  var e = document.getElementById("showhide").firstChild.data;
  if (e == "Hide Descriptions")
  {
    document.getElementById("showhide").firstChild.data = "Show Descriptions";
  }
  else if (e == "Show Descriptions")
  {
    document.getElementById("showhide").firstChild.data = "Hide Descriptions";
  }
  else if (e == "Cacher les descriptions")
  {
    document.getElementById("showhide").firstChild.data = "Afficher les descriptions";
  }
  else if (e == "Afficher les descriptions")
  {
    document.getElementById("showhide").firstChild.data = "Cacher les descriptions";
  }
  for (var j = 0; j < dds.length; j++)
  {
    if (dds[j].className != "invisible")
    {
     dds[j].className = "invisible"
    }
    else if (dds[j].className = "invisible")
    {
      dds[j].className = "visible"
    }
  }
}
function hideallsections()
{
 var sections = getallsections();
 for(var i=0; i < sections.length; i++) // Hide all sections
  {
    var divtohide = sections[i];
    hide(divtohide);
  }
}
function showallsections()
{
 var sections = getallsections();
 for(var i=0; i < sections.length; i++) // Show all sections
  {
    var divtoshow = sections[i];
    show(divtoshow);
  }
}
function getallsections()  // Returns an array of all div elements who's id contains the word "sec" //
{
  var regex = /sec/;
  var divs = document.getElementsByTagName("div");
  var questions = new Array();
  var j = 0;
  for (var i = 0; i < divs.length; i++)
  {
    var divid = divs[i].id;
	if (regex.test(divid))
	{
	  questions[j] = divid;
	  j++;
	}
  }
  return questions;
}

function activate(id)
{
  deactivate();
  var e = document.getElementById(id);
  e.className = "active"
}
function deactivate(id)
{
  var regex = /navsec/;
  var as = document.getElementsByTagName("a");
  var questions = new Array();
  var j = 0;
  for (var i = 0; i < as.length; i++)
  {
    var asid = as[i].id;
	if (regex.test(asid))
	{
	  as[i].className = "inactive"
	}
  }
  return questions;
}
function hideccbanner()
{
  if(document.getElementById)
  {
    var regexa = /bn_/;
    var regexb = /mn_hm_/;
    var regexc = /mn_sm_/;
    var regexd = /mn_ab_/;
    var regexe = /mn_cn_/;
    var regexf = /mn_spacer/;
    var imgs = new Array();
    var brs = new Array();
    var classname = "invisible";
    imgs = document.getElementsByTagName("img");
    for (var i = 0; i < imgs.length; i++)
    {
      var imgsrc = imgs[i].src;
      if (regexa.test(imgsrc) | regexb.test(imgsrc) | regexc.test(imgsrc) | regexd.test(imgsrc) | regexe.test(imgsrc) | regexf.test(imgsrc))
      {
        imgs[i].className = classname;
      } 
    }
    brs = document.getElementsByTagName("br"); // Hide the br tags that create a gap before the banner. This function could break if the EPIC template changes.
    for(var i = 0; i < brs.length; i++)
    {
      brs[i].className = "invisible";
    }
  }
}
function rewriteheader(stringtochange)
{
  if(document.getElementById)
  { 
    var str = stringtochange;
    alert(str);
    var hones = new Array();
    hones = document.getElementsByTagName("h1");
    hones[0].firstChild.data = str;
  }
}
 

