/********************************************************************
   TwoLvlMenu 3.11                                         2003-04-15

	Two level menu for IE4, NS4 or later. Uses version 2.13 of Slider.

   // Markus Gemstad
   gemstad@hotmail.com
   http://www.gemstad.com (references, samples etc)
********************************************************************/

//Hide status bar msg II script- by javascriptkit.com
//Visit JavaScript Kit (http://javascriptkit.com) for script
//Credit must stay intact for use

function hidestatus(){
window.status=''
return true
}
if (document.layers)
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT)

document.onmouseover=hidestatus
document.onmouseout=hidestatus

// Global variables
var g_arrTwoLvlMenus = new Array();

// TwoLvlMenu(iTop, iLeft, iWidth, iZIndex, [iLvl2Offset])
function TwoLvlMenu(iTop, iLeft, iWidth, iZIndex, iLvl2Offset)
{
   // Public variables (settings)
   this.m_bSlide   = true; // Use slider (required that the slider.js file is included as well as this js file).
   this.m_bFormGet = true; // The menu posts a form when going to an url, the method 
                           // is "get" by default. Set to false to use "post" instead.

   this.m_iLvl1Space       = 2; // Space between level 1 items
   this.m_iLvl1ToLvl2Space = 4; // Space between level 1 and underlying level 2 item
   this.m_iLvl2Space       = 2; // Space between level 2 items
   this.m_iLvl2ToLvl1Space = 4; // Space between level 2 and underlying level 1 item

   // Slider settings
   this.m_iSliderSpeed           = 10; // How often the slider should update.
   this.m_iSliderCounterIncrease = 6;  // How long (pixels) the slider should move per update.

   // HTML code for menuitems. [menulink] will be replaced by the menu link.
   this.m_sLvl1Html    = "[menulink]";
   this.m_sLvl1HtmlSel = "[menulink]";
   this.m_sLvl2Html    = "[menulink]";
   this.m_sLvl2HtmlSel = "[menulink]";

   // Stylesheet classes for menuitems.
   this.m_sLvl1Class    = "txtLvl1";
   this.m_sLvl1ClassSel = "txtLvl1Selected";
   this.m_sLvl2Class    = "txtLvl2";
   this.m_sLvl2ClassSel = "txtLvl2Selected";
   
   // Private variables
   this.m_iObjIndex = g_arrTwoLvlMenus.length;
   g_arrTwoLvlMenus[g_arrTwoLvlMenus.length] = this;

   this.m_arrItems  = new Array();
   this.m_arrStore  = null;
   this.m_oMenuDiv  = null;
   this.m_bDisabled = false;

   this.m_iTop    = iTop;
   this.m_iLeft   = iLeft;
   this.m_iWidth  = iWidth;
   this.m_iZIndex = iZIndex;

   this.m_iLvl2Offset = (iLvl2Offset != null) ? iLvl2Offset : 0;

   this.m_iLvl1IdSel = null;
   this.m_iLvl2IdSel = null;

   // Public functions
   this.draw        = TwoLvlMenuDraw;        // Draw the menu. Call on this inside the body tag of your webpage.
   this.addLvl1Item = TwoLvlMenuAddLvl1Item; // Add level 1 item.
   this.addLvl2Item = TwoLvlMenuAddLvl2Item; // Add level 2 item.
   this.collapseAll = TwoLvlMenuCollapseAll; // Close all open level 1 items and deselect.
   this.sync        = TwoLvlMenuSync;        // Sync menu with an id

   // Private functions
   this.drawItem   = TwoLvlMenuDrawItem;
   this.getDivRef  = TwoLvlMenuGetDivRef;
   this.open       = TwoLvlMenuOpen;
   this.close      = TwoLvlMenuClose;
   this.click      = TwoLvlMenuClick;
   this.select     = TwoLvlMenuSelect;
   this.deSelect   = TwoLvlMenuDeSelect;
   this.getItem    = TwoLvlMenuGetItem;
   this.afterSlide = TwoLvlMenuAfterSlide;
}

// Do stuff after a slide, like showing children and opening level 1 item
function TwoLvlMenuAfterSlide(bOpen, iOpenId)
{
   if(this.m_arrStore != null)
   {
      for(var i=0; i<this.m_arrStore.length; i++)
      {
         this.m_arrStore[i][0].setTop(this.m_arrStore[i][1]);
         this.m_arrStore[i][0].setVisible(true);
      }
      this.m_arrStore  = null;
   }
   this.m_bDisabled = false;
   if(bOpen)
      this.open(iOpenId);
}

// Get reference to menuitem
function TwoLvlMenuGetItem(iId)
{
   if(iId == null) return;
   var oRetItem = null;
   var oItem    = null;
   for(var i=0; i<this.m_arrItems.length; i++)
   {
      oItem = this.m_arrItems[i];
      if(oItem.m_iId == iId)
      {
         oRetItem = oItem;
         break;
      }
      else
      {
         for(var i2=0; i2<oItem.m_arrChildren.length; i2++)
         {
            if(oItem.m_arrChildren[i2].m_iId == iId)
            {
               oRetItem = oItem.m_arrChildren[i2];
               break;
            }
         }
      }
   }
   return oRetItem;
}

// Add level 1 menu item
function TwoLvlMenuAddLvl1Item(iId, sName, sUrl, sTarget, sRunOnClick)
{
   var i = this.m_arrItems.length;
   this.m_arrItems[i] = new TwoLvlMenuItem(null, iId, sName, sUrl, sTarget, sRunOnClick);
}

// Add level 2 item
function TwoLvlMenuAddLvl2Item(iParentId, iId, sName, sUrl, sTarget, sRunOnClick)
{
   var oParent = this.getItem(iParentId);
   oParent.m_arrChildren[oParent.m_arrChildren.length] = new TwoLvlMenuItem(iParentId, iId, sName, sUrl, sTarget, sRunOnClick);
}

// Get reference to div tag
function TwoLvlMenuGetDivRef(sID)
{
   var oDiv;
   if(document.layers)
      oDiv = document.layers[sID];
   else if(document.getElementById)
      oDiv = document.getElementById(sID);
   else if(document.all)
      oDiv = document.all(sID);
   return oDiv;
}

// Close all open items
function TwoLvlMenuCollapseAll()
{
   var oItem = null;
   for(var i=0; i<this.m_arrItems.length; i++)
   {
      if(this.m_arrItems[i].m_bIsOpen)
         this.close(this.m_arrItems[i].m_iId);
   }
   this.deSelect(this.m_iLvl1IdSel, null, true);
   this.deSelect(this.m_iLvl2IdSel, null, true);
}

function TwoLvlMenuSync(iId)
{
   var oItem = this.getItem(iId);
   var bSlide = this.m_bSlide;
   if(oItem.m_iParentId != null) // Lvl2
   {
      this.m_bSlide = false;
      var oParent = this.getItem(oItem.m_iParentId);
      this.close(this.m_iLvl1IdSel, true, oParent.m_iId);
      this.deSelect(this.m_iLvl2IdSel, null, true);
      this.deSelect(this.m_iLvl1IdSel, null, true);
      this.select(null, oParent, false, true);
      this.select(null, oItem, false, true);
      this.m_bSlide = bSlide;
   }
   else // Lvl1
   {
      this.m_bSlide = false;
      this.close(this.m_iLvl1IdSel, true, iId);
      this.deSelect(this.m_iLvl2IdSel, null, true);
      this.deSelect(this.m_iLvl1IdSel, null, true);
      this.select(null, oItem, false, true);
      this.m_bSlide = bSlide;
   }
}

// Open item (show subitems)
function TwoLvlMenuOpen(iId)
{
   if(iId == null) return;

   var iStorePos, oItem, oChild, oSlider;

   var bItemAfter    = false;
   var iTop          = 0;
   var sRunOnDone    = "";
   var arrItemsAfter = new Array();

   // Find item
   for(var i=0; i<this.m_arrItems.length; i++)
   {
      oItem = this.m_arrItems[i];

      // If item has been found bItemAfter is true, add following items to arrItemsAfter array
      if(bItemAfter)
         arrItemsAfter[arrItemsAfter.length] = oItem;

      // If itemid=id and item has children
      if(oItem.m_iId == iId && oItem.m_arrChildren.length > 0)
      {
         bItemAfter      = true;
         oItem.m_bIsOpen = true;
         this.m_arrStore = new Array();

         iTop = oItem.m_iTop + oItem.m_iHeight + this.m_iLvl1ToLvl2Space;

         // We go through this to find out top for items after to slide/move to
         for(var i2=0; i2<oItem.m_arrChildren.length; i2++)
         {
            oChild    = oItem.m_arrChildren[i2];
            iStorePos = this.m_arrStore.length;

            // Store items and their top position for user after slide is complete
            this.m_arrStore[iStorePos]    = new Array();
            this.m_arrStore[iStorePos][0] = oChild;
            this.m_arrStore[iStorePos][1] = iTop;

            if(i2 < oItem.m_arrChildren.length-1)
               iTop += oChild.m_iHeight + this.m_iLvl2Space;
            else // If last child
               iTop += oChild.m_iHeight + this.m_iLvl2ToLvl1Space;
         }
      }
   }

   // Move/start slide of items after the one being opened
   if(arrItemsAfter.length > 0)
   {
      for(var i=0; i<arrItemsAfter.length; i++)
      {
         oItem = arrItemsAfter[i];
         if(this.m_bSlide)
         {
            if(i >= arrItemsAfter.length-1) // If last item in arrItemsAfter
            {
               sRunOnDone = "g_arrTwoLvlMenus["+this.m_iObjIndex+"].afterSlide(false,null);";
               this.m_bDisabled = true; // disable menu during slide
            }
            oSlider = new Slider(oItem.m_oDiv.id, sRunOnDone);
            oSlider.m_iSpeed           = this.m_iSliderSpeed;
            oSlider.m_iCounterIncrease = this.m_iSliderCounterIncrease;
            oSlider.m_iDegrees         = 90;
            oSlider.startSlide(null, iTop);
         }
         else
            oItem.setTop(iTop);
         iTop += oItem.m_iHeight + this.m_iLvl1Space;
      }
   }
   if(arrItemsAfter.length == 0 || !this.m_bSlide)
      this.afterSlide(false,null);
}

// Close item (hide subitems) - can call open on another item directly after slide
function TwoLvlMenuClose(iId, bOpenAfter, iOpenId)
{
   if(iId == null)
   {
      if(bOpenAfter && iOpenId != null)
         this.open(iOpenId);
      return;
   }
   if(bOpenAfter == null) // Fix for ie5
   {
      bOpenAfter = false;
      iOpenId = 0;
   }

   var iStorePos, oItem, oChild, oSlider;

   var bItemAfter    = false;
   var iTop          = 0;
   var sRunOnDone    = "";
   var arrItemsAfter = new Array();

   // Find item
   for(var i=0; i<this.m_arrItems.length; i++)
   {
      oItem = this.m_arrItems[i];

      // If item has been found bItemAfter is true, add following items to arrItemsAfter array
      if(bItemAfter)
         arrItemsAfter[arrItemsAfter.length] = oItem;

      if(oItem.m_iId == iId) // If itemid = id
      {
         iTop += oItem.m_iTop + oItem.m_iHeight + this.m_iLvl1Space;
         if(oItem.m_arrChildren.length > 0) // If item has children
         {
            bItemAfter      = true;
            oItem.m_bIsOpen = false;

            // Move children outside screen and hide
            for(var i2=0; i2<oItem.m_arrChildren.length; i2++)
            {
               oChild = oItem.m_arrChildren[i2];
               oChild.setTop(this.m_iTop);
               oChild.setVisible(false);
            }
         }
      }
   }

   // Move/start slide of items after the one being closed
   if(arrItemsAfter.length > 0)
   {
      for(var i=0; i<arrItemsAfter.length; i++)
      {
         oItem = arrItemsAfter[i];
         if(this.m_bSlide)
         {
            if(i >= arrItemsAfter.length-1) // If last item in arrItemsAfter
            {
               sRunOnDone = "g_arrTwoLvlMenus["+this.m_iObjIndex+"].afterSlide("+bOpenAfter+","+iOpenId+");";
               this.m_bDisabled = true; // disable menu during slide
            }
            oSlider = new Slider(oItem.m_oDiv.id, sRunOnDone);
            oSlider.m_iSpeed           = this.m_iSliderSpeed;
            oSlider.m_iCounterIncrease = this.m_iSliderCounterIncrease;
            oSlider.m_iDegrees         = 90;
            oSlider.startSlide(null, iTop);
            oItem.m_iTop = iTop;
         }
         else
            oItem.setTop(iTop);
         iTop += oItem.m_iHeight + this.m_iLvl1Space;
      }
   }
   if(arrItemsAfter.length == 0 || !this.m_bSlide)
      this.afterSlide(bOpenAfter,iOpenId);
}

// Select item (redraw and go to url)
function TwoLvlMenuSelect(iId, oTheItem, bGoToUrl, bDraw)
{
   if(iId == null && oTheItem == null) return;
   var oItem = (oTheItem == null) ? this.getItem(iId) : oTheItem;
   oItem.m_bIsSelected = true;
   if(bDraw && !document.layers) this.drawItem(null, oItem);
   if(bGoToUrl) oItem.click();
   (oItem.m_iParentId == null) ? this.m_iLvl1IdSel = oItem.m_iId : this.m_iLvl2IdSel = oItem.m_iId;
}

// Deselect item (redraw and go to url)
function TwoLvlMenuDeSelect(iId, oTheItem, bDraw)
{
   if(iId == null && oTheItem == null) return;
   var oItem = (oTheItem == null) ? this.getItem(iId) : oTheItem;
   oItem.m_bIsSelected = false;
   if(bDraw && !document.layers) this.drawItem(null, oItem);
   (oItem.m_iParentId == null) ? this.m_iLvl1IdSel = null : this.m_iLvl2IdSel = null;
}

// OnClick for menu items
function TwoLvlMenuClick(iId, bGoToUrl)
{
   if(this.m_bDisabled) return;

   var oItem = this.getItem(iId);
   if(oItem.m_iParentId == null) // Lvl1
   {
      if(iId == this.m_iLvl1IdSel && 
         oItem.m_arrChildren.length > 0) // Same as selected and has children
      {
         this.close(iId);
         this.deSelect(null, oItem, true);
      }
      else if(iId != this.m_iLvl1IdSel) // Not same as selected
      {
         this.close(this.m_iLvl1IdSel, true, iId); // Does open as well (after slide)
         this.deSelect(this.m_iLvl1IdSel, null, true);
         this.select(null, oItem, bGoToUrl, true);
      }
      else if(iId == this.m_iLvl1IdSel && bGoToUrl) // Same as selected without children
         oItem.click();
      this.deSelect(this.m_iLvl2IdSel, null, true);
   }
   else // Lvl2
   {
      if(!oItem.m_bIsSelected)
      {
         this.deSelect(this.m_iLvl2IdSel, null, true);
         this.select(null, oItem, bGoToUrl, true);
      }
      else if(bGoToUrl)
         oItem.click();
   }
}

// Draw a menu item
function TwoLvlMenuDrawItem(iId, oTheItem)
{
   var oItem     = (oTheItem == null) ? this.getItem(iId) : oTheItem;
   var oDiv      = oItem.m_oDiv;
   var sSel      = (oItem.m_bIsSelected) ? "Sel" : "";
   var sItemHtml = (oItem.m_iParentId == null) ? eval("this.m_sLvl1Html"+sSel)  : eval("this.m_sLvl2Html"+sSel);
   var sClass    = (oItem.m_iParentId == null) ? eval("this.m_sLvl1Class"+sSel) : eval("this.m_sLvl2Class"+sSel);
   var sHtml     = oItem.createInnerHtml(this.m_iObjIndex, sItemHtml, sClass);

   if(document.layers)
   {
      oDiv.document.open();
      oDiv.document.writeln(sHtml);
      oDiv.document.close();
   }
   else
      oDiv.innerHTML = sHtml;
}

// Draw the entire menu
function TwoLvlMenuDraw()
{
   var sMethod = (!this.m_bFormGet) ? "post" : "get";
   var sHtml   = "<FORM NAME=frmTwoLvlMenu METHOD="+sMethod+"><INPUT TYPE=hidden></FORM>";
   var sNsFix  = (document.layers) ? "<DIV ID=divTwoLvlMenuNs4Fix style=\"position:absolute; left:-1px; top:-1px; height:1px; width:1px\"></div>" : "";
   var oItem   = null;
   var oChild  = null;

   for(var i=0; i<this.m_arrItems.length; i++)
   {
      oItem = this.m_arrItems[i];
      sHtml += oItem.createDivHtml(this.m_iObjIndex, this.m_iTop, this.m_iLeft, this.m_iWidth, this.m_iZIndex, this.m_sLvl1Html, this.m_sLvl1Class);
      for(var i2=0; i2<oItem.m_arrChildren.length; i2++)
      {
         oChild = oItem.m_arrChildren[i2];
         sHtml += oChild.createDivHtml(this.m_iObjIndex, this.m_iTop, this.m_iLeft+this.m_iLvl2Offset, this.m_iWidth-this.m_iLvl2Offset, this.m_iZIndex, this.m_sLvl2Html, this.m_sLvl2Class);
      }
   }

   // Draw menu (all is hidden)
   document.writeln(sNsFix + sHtml);

   // Fix position, get/set height and show items
   var iItemTop = this.m_iTop;
   var iHeight  = 0;
   for(var i=0; i<this.m_arrItems.length; i++)
   {
      oItem        = this.m_arrItems[i];
      oItem.m_oDiv = this.getDivRef("divTwoLvlMenu"+oItem.m_iId);

      oItem.setTop(iItemTop);
      oItem.m_iHeight = (document.layers) ? oItem.m_oDiv.clip.height : oItem.m_oDiv.offsetHeight;

      for(var i2=0; i2<oItem.m_arrChildren.length; i2++)
      {
         oChild = oItem.m_arrChildren[i2];
         oChild.m_oDiv = this.getDivRef("divTwoLvlMenu"+oChild.m_iId);
         oChild.m_iHeight = (document.layers) ? oChild.m_oDiv.clip.height : oChild.m_oDiv.offsetHeight;
      }

      iItemTop = iItemTop + oItem.m_iHeight + this.m_iLvl1Space;
      oItem.setVisible(true);
   }
}

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

// TwoLvlMenuItem class constructor
function TwoLvlMenuItem(iParentId, iId, sName, sUrl, sTarget, sRunOnClick)
{
   this.m_iParentId   = iParentId;
   this.m_iId         = iId;
   this.m_sName       = sName;
   this.m_sUrl        = sUrl;
   this.m_sTarget     = sTarget;
   this.m_sRunOnClick = sRunOnClick;

   this.m_oDiv        = null;
   this.m_iHeight     = null;
   this.m_iTop        = null;

   this.m_bIsOpen     = false;
   this.m_bIsSelected = false;
   this.m_arrChildren = new Array();

   this.createDivHtml   = TwoLvlMenuItemCreateDivHtml;
   this.createInnerHtml = TwoLvlMenuItemCreateInnerHtml;
   this.click           = TwoLvlMenuItemClick;
   this.setTop          = TwoLvlMenuItemSetTop;
   this.setVisible      = TwoLvlMenuItemSetVisible;
}

function TwoLvlMenuItemSetVisible(bShow)
{
   var oDiv = (document.layers) ? this.m_oDiv : this.m_oDiv.style;
   if(bShow)
      oDiv.visibility = (document.layers) ? "show" : "visible";
   else
      oDiv.visibility = (document.layers) ? "hide" : "hidden";
}

function TwoLvlMenuItemSetTop(iTop)
{
   if(document.layers)
      this.m_oDiv.top = iTop;
   else
      this.m_oDiv.style.top = iTop;
   this.m_iTop = iTop;
}

// Go to url and run sRunOnClick
function TwoLvlMenuItemClick()
{
   // Use form to goto url (in target)
   if(this.m_sUrl)
   {
      var oForm = document.forms["frmTwoLvlMenu"];
      oForm.action = this.m_sUrl;
      if(this.m_sTarget)
         oForm.target = this.m_sTarget;
      oForm.submit();
   }

   // Run extra function
   if(this.m_sRunOnClick)
      eval(this.m_sRunOnClick);
}

// Make the divs inner html for this item
function TwoLvlMenuItemCreateInnerHtml(iObjIndex, sItemHtml, sClass)
{
   var sHtml     = "";
   var sLinkHtml = "";
   var sOnClick  = "return false;";
   var oRe       = /\[menulink\]/g;

   sOnClick  = "g_arrTwoLvlMenus["+iObjIndex+"].click('" + this.m_iId + "', true);" + sOnClick;
   sLinkHtml = "<A HREF=\"#\" onClick=\"" + sOnClick + "\" onFocus=\"this.blur();\" CLASS=\"" + sClass + "\">" + this.m_sName + "</A>";

   sHtml = sItemHtml.replace(oRe, sLinkHtml);

   return sHtml;
}

// Make the html for the div
function TwoLvlMenuItemCreateDivHtml(iObjIndex, iTop, iLeft, iWidth, iZIndex, sItemHtml, sClass)
{
   var sStyle     = ""
   var sDiv       = "";
   var sInnerHtml = this.createInnerHtml(iObjIndex, sItemHtml, sClass);

   // DIV style properties
   sStyle  = "position:absolute;";
   sStyle += "top:" + iTop + "px;";
   sStyle += "left:" + iLeft + "px;";
   sStyle += "width:" + iWidth + "px;";
   sStyle += "z-index:" + iZIndex + ";";
   sStyle += "visibility:hidden;";

   // Put them all together
   sDiv = "<DIV ID=\"divTwoLvlMenu" + this.m_iId + "\" STYLE=\"" + sStyle + "\">" + sInnerHtml + "</DIV>\n"

   return sDiv;
}