/* #########################################
    This file contains JavaScript components 
    that are used in several (or all) pages
    within the site.
   ######################################### */

/*  Use to display browser name and version for testing */ 
  //alert (BrowserDetect.OS + " " +BrowserDetect.browser + " " + BrowserDetect.version);


// BEGIN: Add appropriate style sheets for Windows browsers.
if (BrowserDetect.OS == "Windows")
{

	// BEGIN Explorer includes
	if (BrowserDetect.browser == "Explorer")
	{
		document.write('<link rel="stylesheet" href="../css/screen/browserFixes/pc/ieCommon.css" type="text/css" />');
	  if (BrowserDetect.version <= "6")
	  {
		  document.write('<link rel="stylesheet" href="../css/screen/browserFixes/pc/ielte6.css" type="text/css" />');
	  }
	  if (BrowserDetect.version == "7")
	  {
		  document.write('<link rel="stylesheet" href="../css/screen/browserFixes/pc/ie7.css" type="text/css" />');
	  }
	  if (BrowserDetect.version == "8")
	  {
		  document.write('<link rel="stylesheet" href="../css/screen/browserFixes/pc/ie8.css" type="text/css" />');
	  }
	}
	// END Explorer includes
	
	if ((BrowserDetect.browser == "Firefox") && (BrowserDetect.version <= "2"))
	{
	  // Also fixes Netscape 9, which uses the FF 2 engine
		document.write('<link rel="stylesheet" href="../css/screen/browserFixes/pc/firefox_v2.css" type="text/css" />');
	}
	if (BrowserDetect.browser == "Safari")
	{
		document.write('<link rel="stylesheet" href="../css/screen/browserFixes/pc/safari.css" type="text/css" />');
	}
	if (BrowserDetect.browser == "Opera")
	{
		document.write('<link rel="stylesheet" href="../css/screen/browserFixes/pc/opera.css" type="text/css" />');
	}
	if (BrowserDetect.browser == "Chrome" && BrowserDetect.version >= "1") // For Google Chrome
	{
		document.write('<link rel="stylesheet" href="../css/screen/browserFixes/pc/chrome.css" type="text/css" />');
	}
}
// END: Add appropriate style sheets for Windows browsers.


// BEGIN: Add appropriate style sheets for Mac browsers.
if (BrowserDetect.OS == "Mac")
{
  document.write('<link rel="stylesheet" href="../css/screen/browserFixes/mac/common.css" type="text/css" />');
	if (BrowserDetect.browser == "Safari")
	{
		document.write('<link rel="stylesheet" href="../css/screen/browserFixes/mac/safari.css" type="text/css" />');
	}
	
	// BEGIN Firefox includes
	if (BrowserDetect.browser == "Firefox")
	{
	  if (BrowserDetect.version <= "2")
	  {
		  document.write('<link rel="stylesheet" href="../css/screen/browserFixes/mac/firefox_v2.css" type="text/css" />');
	  }
	  if (BrowserDetect.version == "3")
	  {
		  document.write('<link rel="stylesheet" href="../css/screen/browserFixes/mac/firefox_v3.css" type="text/css" />');
	  }
	}
	// END Firefox includes
}
// END: Add appropriate style sheets for Mac browsers.


// BEGIN: Add appropriate style sheets for iPhone browsers.
if (BrowserDetect.OS == "an unknown OS")
{
	if (BrowserDetect.browser == "Safari")
	{
	  if (BrowserDetect.version >= "500")
	  {
		  document.write('<link rel="stylesheet" href="../css/screen/browserFixes/mac/iPhone.css" type="text/css" />');
	  }
	}
}
// END: Add appropriate style sheets for iPhone browsers.



// Changes the class for button hover effects
function buttonHover(itemID, classNames)
{
  if (itemID != "")
  {
    var thisButton = document.getElementById(itemID);
    thisButton.className = classNames;
  }
}


// Sets and resets the main menu to be in the "active" state
//  when the sub-menu is being hovered over.
function setHoverClass(tagID) {
	var currTabElem = document.getElementById(tagID);

	currTabElem.setAttribute("class", "menuHover");
	currTabElem.setAttribute("className", "menuHover");

	return;
}

function resetHoverClass(tagID) {
	var currTabElem = document.getElementById(tagID);

	currTabElem.setAttribute("class", "");
	currTabElem.setAttribute("className", "");

	return;
}

// Needed to make the menu hover effect work in IE 5.5 and 6.0
sfHover = function () {
	if (document.getElementById("mainnav") != null) {
		var sfEls = document.getElementById("mainnav").getElementsByTagName("LI");
		for (var i = 0; i < sfEls.length; i++) {
			sfEls[i].onmouseover = function () {
				this.className += " sfhover";
			}
			sfEls[i].onmouseout = function () {
				this.className = this.className.replace(new RegExp(" sfhover\\b"), "");
			}
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);