var SFMenu = new Object();
SFMenu.iFrameId = "sfMenuIFrame";
SFMenu.offsetX = 0;
SFMenu.offsetY = -4;
SFMenu.preLoadedImages = null;
SFMenu.toggleWeb20Tools = false;

SFMenu.onMouseOverRoot = function()
{
  var i, c, node, iframe, ul;
  
  SFMenu.toggleWeb20Tools = false;
  if (window.Web20Tools)
  {
    if (Web20Tools.status == "visible")
    {
      window.Web20Tools.hideTools();
      SFMenu.toggleWeb20Tools = true;
    }
  }

  this.className +=" over";
  
  for (i = 0, c = this.childNodes.length; i < c; i++)
  {
    node = this.childNodes[i];
if (node)
    {
      if (node.nodeName == "IFRAME")
      {
        iframe = node;
}
      else if (node.nodeName == "UL")
      {
        ul = node;
}
    }
    
    if (ul && iframe)
    {
      iframe.style.width = ul.offsetWidth+"px";
iframe.style.height = ul.offsetHeight+"px";
iframe.style.left = ul.offsetLeft+"px";
iframe.style.top = ul.offsetTop+"px";
iframe.style.display = "block";
    }
  }
}

SFMenu.onMouseOver = function()
{
  this.className +=" over";
}

SFMenu.onMouseOutRoot = function()
{
  var i, c, node;
  this.className = this.className.replace(/\s*over$/, "");
  
  if (window.Web20Tools && SFMenu.toggleWeb20Tools)
  {
    SFMenu.toggleWeb20Tools = false;
window.Web20Tools.showTools();
  }

  for (i = 0, c = this.childNodes.length; i < c; i++)
  {
    node = this.childNodes[i];
if (node)
    {
      if (node.nodeName == "IFRAME")
      {
        node.style.display = "none";
      }
    }
  }
}

SFMenu.onMouseOut = function()
{
  this.className = this.className.replace(/\s*over$/, "");
}

SFMenu.init = function(ulId, menuOffsetH)
{
  var navRoot;
  if ((navigator.appVersion.toLowerCase().indexOf('msie') > -1) &&
      document.getElementById)
  {
    navRoot = document.getElementById(ulId);
    SFMenu.initIter(navRoot, true);
  }
}

SFMenu.initIter = function(navRoot, isRoot)
{
  var i, c, j, d;
  for (i = 0, c = navRoot.childNodes.length; i < c; i++)
  {
    node = navRoot.childNodes[i];
if (node.nodeName=="LI")
{
      if (isRoot)
      {
        node.onmouseover = SFMenu.onMouseOverRoot;
node.onmouseout = SFMenu.onMouseOutRoot;
}
      else
      {
        node.onmouseover = SFMenu.onMouseOver;
node.onmouseout = SFMenu.onMouseOut;
}

      for (j = 0, d = node.childNodes.length; j < d; j++)
      {
        if (node.childNodes[j] && (node.childNodes[j].nodeName == "UL"))
        {
          SFMenu.initIter(node.childNodes[j], false);
        }
      }
    }
  }
}

SFMenu.preLoader = function()
/* preload the menu images - this is a hack, OK */
{
  var img;
  SFMenu.preLoadedImages = new Array();

  img = new Image();
  img.src = "/images/nav/t2nabout.on.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/t2naction.on.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/t2nhome.on.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/t2nnews.on.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/t2nprograms.on.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/t2nresources.on.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/t2nsupport.on.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/t2nwildlife.on.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/tnabout.on.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/tnaction.on.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/tnnews.on.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/tnprograms.on.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/tnresources.on.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/tnsupport.on.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/tnwildlife.on.gif";
  SFMenu.preLoadedImages.push(img);


  img = new Image();
  img.src = "/images/nav/t2nabout.off.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/t2naction.off.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/t2nhome.off.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/t2nnews.off.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/t2nprograms.off.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/t2nresources.off.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/t2nsupport.off.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/t2nwildlife.off.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/tnabout.off.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/tnaction.off.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/tnnews.off.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/tnprograms.off.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/tnresources.off.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/tnsupport.off.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/tnwildlife.off.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/t3nhome.on.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/t3nhome.off.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/t3nabout.on.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/t3nabout.off.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/t3nnews.on.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/t3nnews.off.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/t3nprograms.on.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/t3nprograms.off.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/t3nwildlife.on.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/t3nwildlife.off.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/t3nresources.on.gif";
  SFMenu.preLoadedImages.push(img);

  img = new Image();
  img.src = "/images/nav/t3nresources.off.gif";
  SFMenu.preLoadedImages.push(img);

}
SFMenu.preLoader();

SFMenu.barOver = function(el)
{
  var i, c, node;
  
  for (i = 0, c = el.childNodes.length; i < c; i++)
  {
    node = el.childNodes[i];
if (node && (node.nodeName == "IMG"))
    {
      node.src = node.src.replace(/\.off\.(gif|jpg|jpeg)/i, ".on.$1");
      return;
    }
  }
}

SFMenu.barOut = function(el)
{
  var i, c, node;
  
  for (i = 0, c = el.childNodes.length; i < c; i++)
  {
    node = el.childNodes[i];
if (node && (node.nodeName == "IMG"))
    {
      node.src = node.src.replace(/\.on\.(gif|jpg|jpeg)/i, ".off.$1");
      return;
    }
  }
}