function addEvent(obj, evType, fn, useCapture){

  if (obj.addEventListener){

    obj.addEventListener(evType, fn, useCapture);

    return true;

  } else if (obj.attachEvent){

    var r = obj.attachEvent("on"+evType, fn);

    return r;

  } else {

    alert("Handler could not be attached");

  }

}



/* or

function addLoadEvent(func) {

  var oldonload = window.onload;

  if (typeof window.onload != "function") {

    window.onload = func;

  } else {

    window.onload = function() {

      if (oldonload) {

        oldonload();

      }

      func();

    }

  }

}

*/



var h = function() 

	{

	menu1_1 = "menu1_1";

	menu1_2 = "menu1_2";

	menu1_3 = "menu1_3";

	menu1_4 = "menu1_4";



	menu2_1 = "menu2_1";

	menu2_2 = "menu2_2";

	menu2_3 = "menu2_3";

	menu2_4 = "menu2_4";

	menu2_5 = "menu2_5";

	menu2_6 = "menu2_6";



	menu3_1 = "menu3_1";

	menu3_2 = "menu3_2";

	menu3_3 = "menu3_3";

	menu3_4 = "menu3_4";

	menu3_5 = "menu3_5";

	

	menu4_1 = "menu4_1";

	menu4_2 = "menu4_2";

	menu4_3 = "menu4_3";

	menu4_4 = "menu4_4";

	menu4_5 = "menu4_5";

	

		

	varMenu = "";

	varMenu = varMenu + "<div id='menu1' class='menu' onmouseover='menuMouseover(event)'>"	

	varMenu = varMenu + "<a class='menuItem' href='javascript:void(0)' rel='nofollow' title='Qualifications' onclick='return false;' onmouseover='menuItemMouseover(event, menu1_1);'><span class='menuItemText'>Qualifications</span><span class='menuItemArrow'>&nbsp;</span></a>";

	varMenu = varMenu + "<a class='menuItem' href='javascript:void(0)' rel='nofollow' title='Project Portfolio' onmouseover='menuItemMouseover(event, menu1_2);'><span class='menuItemText'>Project Portfolio</span><span class='menuItemArrow'>&nbsp;</span></a>";

	

	varMenu = varMenu + "</div>";

	

	varMenu = varMenu + "<div id='menu2' class='menu' onmouseover='menuMouseover(event)'>";

	varMenu = varMenu + "<a class='menuItem' href='javascript:void(0)' rel='nofollow' title='Video Displays' onclick='return false;' onmouseover='menuItemMouseover(event, menu2_1);'><span class='menuItemText'>Video Displays</span><span class='menuItemArrow'>&nbsp;</span></a>";

	varMenu = varMenu + "<a class='menuItem' href='javascript:void(0)' rel='nofollow' title='Visual Learning' onclick='return false;' onmouseover='menuItemMouseover(event, menu2_2);'><span class='menuItemText'>Visual Learning</span><span class='menuItemArrow'>&nbsp;</span></a>";

	varMenu = varMenu + "<a class='menuItem' href='javascript:void(0)' rel='nofollow' title='Presentation Products' onclick='return false;' onmouseover='menuItemMouseover(event, menu2_3);'><span class='menuItemText'>Presentation Products</span><span class='menuItemArrow'>&nbsp;</span></a>";
	
	varMenu = varMenu + "<a class='menuItem' href='javascript:void(0)' rel='nofollow' title='Software' onclick='return false;' onmouseover='menuItemMouseover(event, menu2_4);'><span class='menuItemText'>Software</span><span class='menuItemArrow'>&nbsp;</span></a>";

	

	

	

	varMenu = varMenu + "</div>";

	

	varMenu = varMenu + "<div id='menu3' class='menu' onmouseover='menuMouseover(event)'>";

	varMenu = varMenu + "<a class='menuItem' href='javascript:void(0)'title='Service Department' onclick='return false;' onmouseover='menuItemMouseover(event, menu3_1);'><span class='menuItemText'>Service Department</span><span class='menuItemArrow'>&nbsp;</span></a>";
	
	varMenu = varMenu + "<a class='menuItem' href='http://www.frostlineinccomputerrepair.com' target='_blank' title='Computer Repair' onclick='return true;' onmouseover='menuItemMouseover(event, menu3_2);'><span class='menuItemText'>Computer Repair</span><span class='menuItemArrow'>&nbsp;</span></a>";
	
	
    varMenu = varMenu + "<a class='menuItem' href='service-support/audio-video-information.html' title='Articles' onclick='return true;' onmouseover='menuItemMouseover(event, menu3_7);'><span class='menuItemText'>Articles</span><span class='menuItemText'>&nbsp;</span></a>";
	
	varMenu = varMenu + "<a class='menuItem' href='service-support/audio-video-documents.html' title='Documentation' onclick='return true;' onmouseover='menuItemMouseover(event, menu3_8);'><span class='menuItemText'>Documentation</span><span class='menuItemText'>&nbsp;</span></a>";
	

	

	

	

	

	varMenu = varMenu + "</div>";

	

	varMenu = varMenu + "<div id='menu4' class='menu' onmouseover='menuMouseover(event)'>";

	varMenu = varMenu + "<a class='menuItem' href='company/contact.html'   title='Contact Us'><span class='menuItemText'>Contact Us</span></a>";

	varMenu = varMenu + "<a class='menuItem' href='javascript:void(0)'   title='Profile' onclick='return false;' onmouseover='menuItemMouseover(event, menu4_1);'><span class='menuItemText'>Profile</span><span class='menuItemArrow'>&nbsp;</span></a>";
	
	varMenu = varMenu + "<a class='menuItem' href='company/employment.html'  title='Employment Opportunities'><span class='menuItemText'>Employment Opportunities</span></a>";

	

	

	

	

	varMenu = varMenu + "</div>";

	

	varMenu = varMenu + "<!-- Sub menus for menu 1. -->";

	varMenu = varMenu + "<div id='menu1_1' class='menu sub'>";

	varMenu = varMenu + "<a class='menuItem' href='avdesign-integration/index.html'   title='Our Approach'><span class='menuItemText'>Our Approach</span></a>";

	varMenu = varMenu + "<a class='menuItem' href='avdesign-integration/Associations.html'   title='Associations &amp; Certifications'><span class='menuItemText'>Associations &amp; Certifications</span></a>";

	varMenu = varMenu + "<a class='menuItem' href='avdesign-integration/avdesign-analysis.html'   title='Customer AV Site Survey Form'><span class='menuItemText'>Customer AV Site Survey Form</span></a>";

	

	varMenu = varMenu + "</div>";

	

	varMenu = varMenu + "<!-- Sub menus for menu 2. -->";

	varMenu = varMenu + "<div id='menu1_2' class='menu sub'>";

	varMenu = varMenu + "<a class='menuItem' href='avdesign-integration/corporate-installations.html'   title='Corporate'>Corporate</a>";

	varMenu = varMenu + "<a class='menuItem' href='avdesign-integration/educational-installations.html'   title='Education'>Education</a>";

	varMenu = varMenu + "<a class='menuItem' href='avdesign-integration/government-installations.html'   title='Government &amp; Military'>Public Safety</a>";

	varMenu = varMenu + "<a class='menuItem' href='avdesign-integration/healthcare-installations.html' title='Healthcare'>Healthcare</a>";

	varMenu = varMenu + "<a class='menuItem' href='avdesign-integration/houseofworship-installations.html'   title='House of Worship'>House of Worship</a>";

	varMenu = varMenu + "<a class='menuItem' href='avdesign-integration/hospitality-entertainment-installations.html'  title='Hospitality &amp; Entertainment'>Hospitality &amp; Entertainment</a>";
	
	varMenu = varMenu + "<a class='menuItem' href='avdesign-integration/home-theater-installations.html'   title='Residential'>Residential</a>";

	

	varMenu = varMenu + "</div>";



	varMenu = varMenu + "<div id='menu1_3' class='menu sub'>";

	

	varMenu = varMenu + "</div>";



	varMenu = varMenu + "<div id='menu1_4' class='menu sub'>";

	

	varMenu = varMenu + "</div>";



	varMenu = varMenu + "<!-- Sub menus for menu 2. -->";

	varMenu = varMenu + "<div id='menu2_1' class='menu sub' onmouseover='menuMouseover(event)'>";

	varMenu = varMenu + "<a class='menuItem' href='av-products/flat-panels.html' rel='nofollow' title='LCD Displays'>LCD & Plasma Flat Panel Displays</a>";

	varMenu = varMenu + "<a class='menuItem' href='av-products/dlp-lcd-projectors.html' rel='nofollow' title='Plasma Displays'><span class='menuItemNew'>LCD & DLP Projectors</span></a>";

	varMenu = varMenu + "</div>";



	varMenu = varMenu + "<div id='menu2_2' class='menu sub'>";

	varMenu = varMenu + "<a class='menuItem' href='av-products/labeling-systems.html'  title='VariQuest by Varitronics'>Label Makers</a>";

	varMenu = varMenu + "<a class='menuItem' href='av-products/laminating-film.html'  title='Label Maker'><span class='menuItemNew'>Laminating Film</span></a>";

	varMenu = varMenu + "<a class='menuItem' href='av-products/varitronics-poster-printer-paper.html'  title='Laminators'>Poster Printer Supplies</a>";

	varMenu = varMenu + "</div>";



	varMenu = varMenu + "<div id='menu2_3' class='menu sub'>";

	varMenu = varMenu + "<a class='menuItem' href='av-products/av-carts-furniture.html'  title='AV Carts'>AV Carts</a>";

	varMenu = varMenu + "<a class='menuItem' href='av-products/av-rack-systems.html'  title='Cables'>AV Racks</a>";

	

	varMenu = varMenu + "<a class='menuItem' href='av-products/document-cameras.html'  title='Distribution Amplifiers'>Document Cameras</a>";

	varMenu = varMenu + "<a class='menuItem' href='av-products/smart-interactive-whiteboard.html'  title='Document Cameras'>Interactive Whiteboards</a>";

	varMenu = varMenu + "<a class='menuItem' href='av-products/corporate-audio-systems.html'  title='Interactive Whiteboards'>Corporate Audio Systems</a>";

	varMenu = varMenu + "<a class='menuItem' href='av-products/classroom-audio-systems.html'  title='Microphones'>Classroom Audio Systems</a>";

	varMenu = varMenu + "<a class='menuItem' href='av-products/projector-flatpanel-mounts.html'  title='Projector Lamps'>Projector & Panel Mounts</a>";

	varMenu = varMenu + "<a class='menuItem' href='av-products/av-control-switching-systems.html'  title='Projector Mounts'>AV Control & Switching</a>";

	varMenu = varMenu + "<a class='menuItem' href='av-products/projector-screens.html'  title='Projector Software'>Screens</a>";

	varMenu = varMenu + "<a class='menuItem' href='av-products/video-conferencing.html'  title='Remotes'>Video Conferencing</a>";

	varMenu = varMenu + "<a class='menuItem' href='av-products/portable-av-systems.html'  title='Screens'>Portable AV Systems</a>";

	varMenu = varMenu + "<a class='menuItem' href='av-products/luidia-ebeam-system.html'  title='Signal Extenders'>Other Projection Systems</a>";

	varMenu = varMenu + "</div>";
	
	varMenu = varMenu + "<div id='menu2_4' class='menu sub'>";

	varMenu = varMenu + "<a class='menuItem' href='av-products/SMART-software-download.html'  title='SMART Technologies'>SMART Technologies</a>";

	varMenu = varMenu + "<a class='menuItem' href='av-products/faronics-layered-security-solutions.html'  title='Faronics Layered Security Solutions'><span class='menuItemNew'>Faronics Layered Security Solutions</span></a>";


	varMenu = varMenu + "</div>";



	varMenu = varMenu + "<div id='menu2_4' class='menu sub'>";

	

	varMenu = varMenu + "</div>";



	varMenu = varMenu + "<div id='menu2_5' class='menu sub'>";

	

	

	varMenu = varMenu + "<a class='menuItem' href='av-products/request-info.html' rel='nofollow' title='Request Information'>Request Information</a>";

	varMenu = varMenu + "</div>";



	varMenu = varMenu + "<div id='menu2_6' class='menu sub'>";

	

	varMenu = varMenu + "</div>";



	varMenu = varMenu + "<!-- Sub menus for menu 3. -->"

	varMenu = varMenu + "<div id='menu3_1' class='menu sub'>";

	varMenu = varMenu + "<a class='menuItem' href='company/contact.html' rel='nofollow' title='Contact Us'>Contact Us</a>";
	
	varMenu = varMenu + "<a class='menuItem' href='service-support/projector-cleaning.html' title='Projectors'>Projectors</a>";

	varMenu = varMenu + "<a class='menuItem' href='service-support/repair-warranty.html'  title='Repair &amp; Warranty'>Repair &amp; Warranty</a>";

	varMenu = varMenu + "<a class='menuItem' href='service-support/ourpolicy.pdf' rel='nofollow' title='Presentaion Tips'>Frostline Policy</a>";

	

	

	varMenu = varMenu + "</div>";



	varMenu = varMenu + "<div id='menu3_2' class='menu sub'>";

	

	varMenu = varMenu + "</div>";



	varMenu = varMenu + "<div id='menu3_3' class='menu sub'>";

	varMenu = varMenu + "<a class='menuItem' href='service-support/Projector-Troubleshooting.html' rel='nofollow' title='Projector Troubleshooting'>Projector Troubleshooting</a>";

	varMenu = varMenu + "<a class='menuItem' href='service-support/projector-setup-guide.html' rel='nofollow' title='Projector Setup'>Projector Setup Guide</a>";

	varMenu = varMenu + "<a class='menuItem' href='service-support/projector-lamp-care.html' rel='nofollow' title='Projector and Lamp Care'>Projector &amp; Lamp Care</a>";

	varMenu = varMenu + "<a class='menuItem' href='service-support/presentation-tips.html' rel='nofollow' title='Presentaion Tips'>Presentation Tips</a>";

	

	varMenu = varMenu + "</div>";



	varMenu = varMenu + "<div id='menu3_4' class='menu sub'>";

	varMenu = varMenu + "<a class='menuItem' href='service-support/ourpolicy.pdf' rel='nofollow' title='Presentaion Tips'>Frostline Policy</a>";

	

	varMenu = varMenu + "</div>";



	varMenu = varMenu + "<div id='menu3_5' class='menu sub'>";

	

	varMenu = varMenu + "</div>";



	varMenu = varMenu + "<!-- Sub menus for menu 4. -->"

	varMenu = varMenu + "<div id='menu4_1' class='menu sub'>";

	varMenu = varMenu + "<a class='menuItem' href='company/index.html' rel='nofollow' title='About Us'>About Us</a>";

	

	varMenu = varMenu + "<a class='menuItem' href='company/manufacturer-partners.html' rel='nofollow' title='Supplier Partnerships'>Supplier Partnerships</a>";

	

	varMenu = varMenu + "</div>";



	varMenu = varMenu + "<div id='menu4_2' class='menu sub'>";

	

	varMenu = varMenu + "</div>";

	

	varMenu = varMenu + "<div id='menu4_3' class='menu sub'>";

	

	varMenu = varMenu + "</div>";

	

	varMenu = varMenu + "<div id='menu4_4' class='menu sub'>";

	

	varMenu = varMenu + "</div>";



	varMenu = varMenu + "<div id='menu4_5' class='menu sub'>";

	

	varMenu = varMenu + "</div>";



	return varMenu;

	};



insertdiv = function () 

	{ 

	document.getElementById("menutocc").innerHTML = h(); 

	};



addEvent(window, "load", insertdiv, false);



//*****************************************************************************

// Do not remove this notice.

//

// Copyright 2000-2004 by Mike Hall.

// See http://www.brainjar.com for terms of use.

//*****************************************************************************



//----------------------------------------------------------------------------

// Code to determine the browser and version.

//----------------------------------------------------------------------------



function Browser() {



  var ua, s, i;



  this.isIE    = false;  // Internet Explorer

  this.isOP    = false;  // Opera

  this.isNS    = false;  // Netscape

  this.version = null;



  ua = navigator.userAgent;



  s = "Opera";

  if ((i = ua.indexOf(s)) >= 0) {

    this.isOP = true;

    this.version = parseFloat(ua.substr(i + s.length));

    return;

  }



  s = "Netscape6/";

  if ((i = ua.indexOf(s)) >= 0) {

    this.isNS = true;

    this.version = parseFloat(ua.substr(i + s.length));

    return;

  }



  // Treat any other "Gecko" browser as Netscape 6.1.



  s = "Gecko";

  if ((i = ua.indexOf(s)) >= 0) {

    this.isNS = true;

    this.version = 6.1;

    return;

  }



  s = "MSIE";

  if ((i = ua.indexOf(s))) {

    this.isIE = true;

    this.version = parseFloat(ua.substr(i + s.length));

    return;

  }

}



var browser = new Browser();



//----------------------------------------------------------------------------

// Code for handling the menu bar and active button.

//----------------------------------------------------------------------------



var activeButton = null;



/* [MODIFIED] This code commented out, not needed for activate/deactivate

   on mouseover.



// Capture mouse clicks on the page so any active button can be

// deactivated.



if (browser.isIE)

  document.onmousedown = pageMousedown;

else

  document.addEventListener("mousedown", pageMousedown, true);



function pageMousedown(event) {



  var el;



  // If there is no active button, exit.



  if (activeButton == null)

    return;



  // Find the element that was clicked on.



  if (browser.isIE)

    el = window.event.srcElement;

  else

    el = (event.target.tagName ? event.target : event.target.parentNode);



  // If the active button was clicked on, exit.



  if (el == activeButton)

    return;



  // If the element is not part of a menu, reset and clear the active

  // button.



  if (gettoccWith(el, "DIV", "menu") == null) {

    resetButton(activeButton);

    activeButton = null;

  }

}



[END MODIFIED] */



function buttonClick(event, menuId) {



  var button;



  // Get the target button element.



  if (browser.isIE)

    button = window.event.srcElement;

  else

    button = event.currentTarget;



  // Blur focus from the link to remove that annoying outline.



  button.blur();



  // Associate the named menu to this button if not already done.

  // Additionally, initialize menu display.



  if (button.menu == null) {

    button.menu = document.getElementById(menuId);

    if (button.menu.isInitialized == null)

      menuInit(button.menu);

  }



  // [MODIFIED] Added for activate/deactivate on mouseover.



  // Set mouseout event handler for the button, if not already done.



  if (button.onmouseout == null)

    button.onmouseout = buttonOrMenuMouseout;



  // Exit if this button is the currently active one.



  if (button == activeButton)

    return false;



  // [END MODIFIED]



  // Reset the currently active button, if any.



  if (activeButton != null)

    resetButton(activeButton);



  // Activate this button, unless it was the currently active one.



  if (button != activeButton) {

    depressButton(button);

    activeButton = button;

  }

  else

    activeButton = null;



  return false;

}



function buttonMouseover(event, menuId) {



  var button;



  // [MODIFIED] Added for activate/deactivate on mouseover.



  // Activates this button's menu if no other is currently active.



  if (activeButton == null) {

    buttonClick(event, menuId);

    return;

  }



  // [END MODIFIED]



  // Find the target button element.



  if (browser.isIE)

    button = window.event.srcElement;

  else

    button = event.currentTarget;



  // If any other button menu is active, make this one active instead.



  if (activeButton != null && activeButton != button)

    buttonClick(event, menuId);

}



function depressButton(button) {



  var x, y;



  // Update the button's style class to make it look like it's

  // depressed.



  button.className += " menuButtonActive";



  // [MODIFIED] Added for activate/deactivate on mouseover.



  // Set mouseout event handler for the button, if not already done.



  if (button.onmouseout == null)

    button.onmouseout = buttonOrMenuMouseout;

  if (button.menu.onmouseout == null)

    button.menu.onmouseout = buttonOrMenuMouseout;



  // [END MODIFIED]



  // Position the associated drop down menu under the button and

  // show it.



  x = getPageOffsetLeft(button);

  y = getPageOffsetTop(button) + button.offsetHeight;



  // For IE, adjust position.



  if (browser.isIE) {

    x += button.offsetParent.clientLeft;

    y += button.offsetParent.clientTop;

  }



  button.menu.style.left = x + "px";

  button.menu.style.top  = y + "px";

  button.menu.style.visibility = "visible";



  // For IE; size, position and show the menu's IFRAME as well.



  if (button.menu.iframeEl != null)

  {

    button.menu.iframeEl.style.left = button.menu.style.left;

    button.menu.iframeEl.style.top  = button.menu.style.top;

    button.menu.iframeEl.style.width  = button.menu.offsetWidth + "px";

    button.menu.iframeEl.style.height = button.menu.offsetHeight + "px";

    button.menu.iframeEl.style.display = "";

  }

}



function resetButton(button) {



  // Restore the button's style class.



  removeClassName(button, "menuButtonActive");



  // Hide the button's menu, first closing any sub menus.



  if (button.menu != null) {

    closeSubMenu(button.menu);

    button.menu.style.visibility = "hidden";



    // For IE, hide menu's IFRAME as well.



    if (button.menu.iframeEl != null)

      button.menu.iframeEl.style.display = "none";

  }

}



//----------------------------------------------------------------------------

// Code to handle the menus and sub menus.

//----------------------------------------------------------------------------



function menuMouseover(event) {



  var menu;



  // Find the target menu element.



  if (browser.isIE)

    menu = gettoccWith(window.event.srcElement, "DIV", "menu");

  else

    menu = event.currentTarget;



  // Close any active sub menu.



  if (menu.activeItem != null)

    closeSubMenu(menu);

}



function menuItemMouseover(event, menuId) {



  var item, menu, x, y;



  // Find the target item element and its parent menu element.



  if (browser.isIE)

    item = gettoccWith(window.event.srcElement, "A", "menuItem");

  else

    item = event.currentTarget;

  menu = gettoccWith(item, "DIV", "menu");



  // Close any active sub menu and mark this one as active.



  if (menu.activeItem != null)

    closeSubMenu(menu);

  menu.activeItem = item;



  // Highlight the item element.



  item.className += " menuItemHighlight";



  // Initialize the sub menu, if not already done.



  if (item.subMenu == null) {

    item.subMenu = document.getElementById(menuId);

    if (item.subMenu.isInitialized == null)

      menuInit(item.subMenu);

  }



  // [MODIFIED] Added for activate/deactivate on mouseover.



  // Set mouseout event handler for the sub menu, if not already done.



  if (item.subMenu.onmouseout == null)

    item.subMenu.onmouseout = buttonOrMenuMouseout;



  // [END MODIFIED]



  // Get position for submenu based on the menu item.



  x = getPageOffsetLeft(item) + item.offsetWidth;

  y = getPageOffsetTop(item);



  // Adjust position to fit in view.



  var maxX, maxY;



  if (browser.isIE) {

    maxX = Math.max(document.documentElement.scrollLeft, document.body.scrollLeft) +

      (document.documentElement.clientWidth != 0 ? document.documentElement.clientWidth : document.body.clientWidth);

    maxY = Math.max(document.documentElement.scrollTop, document.body.scrollTop) +

      (document.documentElement.clientHeight != 0 ? document.documentElement.clientHeight : document.body.clientHeight);

  }

  if (browser.isOP) {

    maxX = document.documentElement.scrollLeft + window.innerWidth;

    maxY = document.documentElement.scrollTop  + window.innerHeight;

  }

  if (browser.isNS) {

    maxX = window.scrollX + window.innerWidth;

    maxY = window.scrollY + window.innerHeight;

  }

  maxX -= item.subMenu.offsetWidth;

  maxY -= item.subMenu.offsetHeight;



  if (x > maxX)

    x = Math.max(0, x - item.offsetWidth - item.subMenu.offsetWidth

      + (menu.offsetWidth - item.offsetWidth));

  y = Math.max(0, Math.min(y, maxY));



  // Position and show the sub menu.



  item.subMenu.style.left       = x + "px";

  item.subMenu.style.top        = y + "px";

  item.subMenu.style.visibility = "visible";



  // For IE; size, position and display the menu's IFRAME as well.



  if (item.subMenu.iframeEl != null)

  {

    item.subMenu.iframeEl.style.left    = item.subMenu.style.left;

    item.subMenu.iframeEl.style.top     = item.subMenu.style.top;

    item.subMenu.iframeEl.style.width   = item.subMenu.offsetWidth + "px";

    item.subMenu.iframeEl.style.height  = item.subMenu.offsetHeight + "px";

    item.subMenu.iframeEl.style.display = "";

  }



  // Stop the event from bubbling.



  if (browser.isIE)

    window.event.cancelBubble = true;

  else

    event.stopPropagation();

}



function closeSubMenu(menu) {



  if (menu == null || menu.activeItem == null)

    return;



  // Recursively close any sub menus.



  if (menu.activeItem.subMenu != null) {

    closeSubMenu(menu.activeItem.subMenu);

    menu.activeItem.subMenu.style.visibility = "hidden";



    // For IE, hide the sub menu's IFRAME as well.



    if (menu.activeItem.subMenu.iframeEl != null)

      menu.activeItem.subMenu.iframeEl.style.display = "none";



    menu.activeItem.subMenu = null;

  }



  // Deactivate the active menu item.



  removeClassName(menu.activeItem, "menuItemHighlight");

  menu.activeItem = null;

}



// [MODIFIED] Added for activate/deactivate on mouseover. Handler for mouseout

// event on buttons and menus.



function buttonOrMenuMouseout(event) {



  var el;



  // If there is no active button, exit.



  if (activeButton == null)

    return;



  // Find the element the mouse is moving to.



  if (browser.isIE)

    el = window.event.toElement;

  else if (event.relatedTarget != null)

      el = (event.relatedTarget.tagName ? event.relatedTarget : event.relatedTarget.parentNode);



  // If the element is not part of a menu, reset the active button.



  if (gettoccWith(el, "DIV", "menu") == null) {

    resetButton(activeButton);

    activeButton = null;

  }

}



// [END MODIFIED]



//----------------------------------------------------------------------------

// Code to initialize menus.

//----------------------------------------------------------------------------



function menuInit(menu) {



  var itemList, spanList;

  var textEl, arrowEl;

  var itemWidth;

  var w, dw;

  var i, j;



  // Find the width of a menu item.



  itemList = menu.getElementsByTagName("A");

  if (itemList.length > 0)

    itemWidth = itemList[0].offsetWidth;

  else

    return;



  // For items with arrows, add padding to item text to make the

  // arrows flush right.



  for (i = 0; i < itemList.length; i++) {

    spanList = itemList[i].getElementsByTagName("SPAN");

    textEl  = null;

    arrowEl = null;

    for (j = 0; j < spanList.length; j++) {

      if (hasClassName(spanList[j], "menuItemText"))

        textEl = spanList[j];

      if (hasClassName(spanList[j], "menuItemArrow"))

        arrowEl = spanList[j];

    }

    if (textEl != null && arrowEl != null) {

      textEl.style.paddingRight = (itemWidth 

        - (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";

      // For Opera, remove the negative right margin to fix a display bug.

      if (browser.isOP)

        arrowEl.style.marginRight = "0px";

    }

  }



  // Fix IE hover problem by setting an explicit width on first item of

  // the menu.



  if (browser.isIE) {

    w = itemList[0].offsetWidth;

    itemList[0].style.width = w + "px";

    dw = itemList[0].offsetWidth - w;

    w -= dw;

    itemList[0].style.width = w + "px";

  }



  // Fix the IE display problem (SELECT elements and other windowed controls

  // overlaying the menu) by adding an IFRAME under the menu.



  if (browser.isIE) {

    var iframeEl = document.createElement("IFRAME");

    iframeEl.frameBorder = 0;

    iframeEl.src = "javascript:;";

    iframeEl.style.display = "none";

    iframeEl.style.position = "absolute";

    iframeEl.style.filter = "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";

    menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);

  }



  // Mark menu as initialized.



  menu.isInitialized = true;

}



//----------------------------------------------------------------------------

// General utility functions.

//----------------------------------------------------------------------------



function gettoccWith(node, tagName, className) {



  // Starting with the given node, find the nearest containing element

  // with the specified tag name and style class.



  while (node != null) {

    if (node.tagName != null && node.tagName == tagName &&

        hasClassName(node, className))

      return node;

    node = node.parentNode;

  }



  return node;

}



function hasClassName(el, name) {



  var i, list;



  // Return true if the given element currently has the given class

  // name.



  list = el.className.split(" ");

  for (i = 0; i < list.length; i++)

    if (list[i] == name)

      return true;



  return false;

}



function removeClassName(el, name) {



  var i, curList, newList;



  if (el.className == null)

    return;



  // Remove the given class name from the element's className property.



  newList = new Array();

  curList = el.className.split(" ");

  for (i = 0; i < curList.length; i++)

    if (curList[i] != name)

      newList.push(curList[i]);

  el.className = newList.join(" ");

}



function getPageOffsetLeft(el) {



  var x;



  // Return the x coordinate of an element relative to the page.



  x = el.offsetLeft;

  if (el.offsetParent != null)

    x += getPageOffsetLeft(el.offsetParent);



  return x;

}



function getPageOffsetTop(el) {



  var y;



  // Return the x coordinate of an element relative to the page.



  y = el.offsetTop;

  if (el.offsetParent != null)

    y += getPageOffsetTop(el.offsetParent);



  return y;

}





//----------------------------------------------------------------------------

// APPENDED Code - August 10, 07

//----------------------------------------------------------------------------





function menuItemMouseover(event, menuId) {

 var item, menu, x, y;



 // Find the target item element and its parent menu element.



 if (browser.isIE)

 item = gettoccWith(window.event.srcElement, "A", "menuItem");

 else

 item = event.currentTarget;

 menu = gettoccWith(item, "DIV", "menu");



 // Close any active sub menu and mark this one as active.



 if (menu.activeItem != null)

 closeSubMenu(menu);

 menu.activeItem = item;



 // Highlight the item element.



 item.className += " menuItemHighlight";



 // Initialize the sub menu, if not already done.



 if (item.subMenu == null) {

 item.subMenu = document.getElementById(menuId);

 if (item.subMenu.isInitialized == null)

 menuInit(item.subMenu);

 }



 // [MODIFIED] Added for activate/deactivate on mouseover.



 // Set mouseout event handler for the sub menu, if not already done.



 if (item.subMenu.onmouseout == null)

 item.subMenu.onmouseout = buttonOrMenuMouseout;



 // [END MODIFIED]



 // Get position for submenu based on the menu item.



 x = getPageOffsetLeft(item) + item.offsetWidth;

 y = getPageOffsetTop(item);



 // Adjust position to fit in view.



 var maxX, maxY;



 if (browser.isIE) {

 maxX = Math.max(document.documentElement.scrollLeft, document.body.scrollLeft) +

 (document.documentElement.clientWidth != 0 ? document.documentElement.clientWidth : document.body.clientWidth);

 maxY = Math.max(document.documentElement.scrollTop, document.body.scrollTop) +

 (document.documentElement.clientHeight != 0 ? document.documentElement.clientHeight : document.body.clientHeight);

 }

 if (browser.isOP) {

 maxX = document.documentElement.scrollLeft + window.innerWidth;

 maxY = document.documentElement.scrollTop + window.innerHeight;

 }

 if (browser.isNS) {

 maxX = window.scrollX + window.innerWidth;

 maxY = window.scrollY + window.innerHeight;

 }

 maxX -= item.subMenu.offsetWidth;

 maxY -= item.subMenu.offsetHeight;



 if (x > maxX)

 x = Math.max(0, x - item.offsetWidth - item.subMenu.offsetWidth

 + (menu.offsetWidth - item.offsetWidth));

 y = Math.max(0, Math.min(y, maxY));



 // Position and show the sub menu.



 item.subMenu.style.left = x + "px";

 item.subMenu.style.top = y + "px";

 item.subMenu.style.visibility = "visible";



 // For IE; size, position and display the menu's IFRAME as well.



 if (item.subMenu.iframeEl != null)

 {

 item.subMenu.iframeEl.style.left = item.subMenu.style.left;

 item.subMenu.iframeEl.style.top = item.subMenu.style.top;

 item.subMenu.iframeEl.style.width = item.subMenu.offsetWidth + "px";

 item.subMenu.iframeEl.style.height = item.subMenu.offsetHeight + "px";

 item.subMenu.iframeEl.style.display = "";

 }



 // Stop the event from bubbling.



 if (browser.isIE)

 window.event.cancelBubble = true;

 else

 event.stopPropagation();

}




