var timerId = null;
var imageNumber = 0;
var actived = '';
var showMenus = true;

window.onload = init;


// Show menu
function showMenu(obj) {
  // hide previous menu

  clearTimeout(timerId);
  hideAllMenus(obj.parentNode);

  // show menu or highlight link
  var navId = obj.parentNode.parentNode.parentNode.id;
  if (obj.parentNode.getElementsByTagName("ul")[0] || navId == "primarynav") obj = obj.parentNode;

  if (obj.parentNode.className != "active" && obj.parentNode.className != "active-over") {
 	 	obj.parentNode.className = "over";
		if (obj.getElementsByTagName("img")[0] && obj.getElementsByTagName("img")[0].src.indexOf("-over.gif") == -1)
	 		obj.getElementsByTagName("img")[0].src=obj.getElementsByTagName("img")[0].src.split(".gif")[0]+"-over.gif";

  }
  else if (obj.parentNode.className == "active")
  {
	  obj.parentNode.className = "active-over";
  }

}

// Hide menus
function hideMenus(obj) {
  // set timer to hide menus
  timeoutHide();

  // remove style from navigation link
  if (obj.tagName.toLowerCase() == "a") {
	  if (obj.parentNode.className != "active" && obj.parentNode.className != "active-over") {
	 	 obj.parentNode.className = "";
	  	 //obj.getElementsByTagName("img")[0].src = obj.getElementsByTagName("img")[0].src.split("-")[0]+".gif";

       obj.getElementsByTagName("img")[0].src = obj.getElementsByTagName("img")[0].src.substring(0, obj.getElementsByTagName("img")[0].src.lastIndexOf("-")) + ".gif";
	  }
	  else if (obj.parentNode.parentNode.className == "active-over")
	  {
		  obj.parentNode.className = "active";
	  }
  }
}

// Hide all menus
function hideAllMenus(obj) {
  var parent = (obj) ? obj.parentNode : document.getElementById("primarynav");
  var navItems = parent.getElementsByTagName("li");

  // hide menus from parent navigation items (ignore current menu)
  for (var i = 0; i < navItems.length; i++) {
    if (parent.id || navItems[i] != obj) navItems[i].className = "";
  }
}

// Set timer to hide menus
function timeoutHide() {
  timerId = window.setTimeout("hideAllMenus()", 10);
}


function openFAQ(ref) {
	var ondivs = ref.parentNode.getElementsByTagName("div");
	var offlis = ref.parentNode.parentNode.getElementsByTagName("li");
	for (var i=0; i< offlis.length; i++)
	{
		var offdivs	= offlis[i].getElementsByTagName("div");
		for (var o=0; o< offdivs.length; o++)
		{
			offdivs[o].className="faqanswer";
		}
	}
	for (var i=0; i< ondivs.length; i++)
	{
		ondivs[i].className="faqansweron";
	}
}


// Initialize
function init() {
  setPrimaryNavEvents();
}

// Set mouseover and tabbing events on primary navigation
function setPrimaryNavEvents() {
  var primarynav = document.getElementById("primarynav");
  var topnav = primarynav.getElementsByTagName("ul")[0];
  var navItems = primarynav.getElementsByTagName("li");

  var theSrc = '';

  // set events on all navigation items
  for (var i = 0; i < navItems.length; i++) {
    // mouse events

    if (navItems[i].getElementsByTagName("ul")[0] || navItems[i].parentNode == topnav) {
      navItems[i].onmouseover = function() {
			if (this.className != "active" && this.className != "active-over") {
				this.className = "over";
				this.getElementsByTagName("a")[0].getElementsByTagName("img")[0].src=this.getElementsByTagName("a")[0].getElementsByTagName("img")[0].src.split(".gif")[0]+"-over.gif";
			}
			else if (this.className == "active")
			{
				this.className = "active-over";
			}
		}
      navItems[i].onmouseout = function() {
			if (this.className != "active" && this.className != "active-over") {
				this.className = "";
				//this.getElementsByTagName("a")[0].getElementsByTagName("img")[0].src = this.getElementsByTagName("a")[0].getElementsByTagName("img")[0].src.split("-")[0]+".gif";

        theSrc = this.getElementsByTagName("a")[0].getElementsByTagName("img")[0].src;
				this.getElementsByTagName("a")[0].getElementsByTagName("img")[0].src = theSrc.substring(0, theSrc.lastIndexOf("-")) + ".gif";
      }
			else if (this.className == "active-over")
			{
				this.className = "active";
			}
		}

    }
    // keyboard events
	if (document.all)
	{
    	navItems[i].getElementsByTagName("a")[0].onfocus = function() { if (showMenus) showMenu(this); }
   		navItems[i].getElementsByTagName("a")[0].onblur = function() { if (hideMenus) hideMenus(this); }
	}

  }
}