ÿþfunction MainNavWrapper(p_sContainerId) {
	 this.instanceId  = p_sContainerId;
	 this.containerElm = document.getElementById(this.instanceId);
	 this.offsetTop  = this.containerElm.offsetTop;
	 this.offsetLeft  = this.containerElm.offsetLeft;
	 
	 this.items   = {};
	 this.itemsArray  = [];
	 
	 this.init();
	 
	 MainNavWrapper.instances[this.instanceId] = this;
}
MainNavWrapper.instances = {};
MainNavWrapper.destroy = function() {
	for (var sInstanceId in MainNavWrapper.instances) {
	  MainNavWrapper.instances[sInstanceId].destroy();
	  delete MainNavWrapper.instances[sInstanceId];
 }
};

MainNavWrapper.prototype.destroy = function() {
	delete this.items;
	delete this.itemsArray;
	delete this.containerElm;
};
MainNavWrapper.prototype.init = function() {
	var aLinks = this.containerElm.getElementsByTagName('a');
	var nL  = aLinks.length;
	for (var nI = 0; nI < nL; nI ++) this.addLink(aLinks[nI]);
	
	// Clean up
	aLinks  = null;
};
MainNavWrapper.prototype.addLink = function(p_oLink) {
	var bReturn     = false;
	if (p_oLink) {
	var sInstanceId   = this.instanceId, oLink;
	var sLinkId    = p_oLink.parentNode.id;
	if (!this.items[sLinkId]) {
	this.itemsArray.push(p_oLink);
	this.items[sLinkId] = p_oLink;
	
	p_oLink.onmouseover = function(e) { MainNavWrapper.instances[sInstanceId].openItem(e, sLinkId); };
	p_oLink.onmouseout = function(e) { MainNavWrapper.instances[sInstanceId].closeItem(e, sLinkId); };
	}
	
	bReturn     = true;
	}
	return bReturn;
};
MainNavWrapper.prototype.openItem = function(e, p_sItemId) {
	 var oTarget, oRelatedTarget, oItemExpansion, oItem, oNavMainDivider;
	 var sToElmParentId, sInstanceId, nX;
	 
	 try
	 {
	  // Normalize event
	  if (!e) {
	   e    = window.event;
	   oTarget   = e.srcElement;
	   oRelatedTarget = e.toElement;
	  } else {
	   oTarget   = e.target;
	   oRelatedTarget = e.relatedTarget;
	  }
	  
	  _event_stoppropagation(e);
	  _event_preventdefault(e);
	  
	  // If the event and the src/related elements exist
	  // and the element being moused out of is not the same as the item being moused over
	  if (e && oTarget && oRelatedTarget && oRelatedTarget != this.items[p_sItemId]) { //&& isChildOf(oTarget, this.items[p_sItemId]) 
	  
	   sInstanceId      = this.instanceId;
	   
	   // Get the container element (ItemExpansion)
	   oItemExpansion     = document.getElementById('ItemExpansion');
	   
	   // If the container element (ItemExpansion) does not exist,
	   // then create it and set its properties/event handlers else empty it
	   if (!oItemExpansion) {
	    oItemExpansion    = document.createElement('div');
	    oItemExpansion.id   = 'ItemExpansion';
	    oItemExpansion.className = this.instanceId + 'ItemExpansion';
	    document.body.appendChild(oItemExpansion);
	    //if (document.all) {
	     oItemExpansion.onmouseout = function(e) {
	      _event_stoppropagation(e);
	      _event_preventdefault(e);
	      MainNavWrapper.instances[sInstanceId].closeItem(e, '');
	     };
	    //} else {
	    // oItemExpansion.addEventListener('mouseout', function(e) { MainNavWrapper.instances[sInstanceId].closeItem(e, ''); }, false);
	    //}
	   } else {
	    emptyElement(oItemExpansion);
	   }
	   
	   oDrop = document.getElementById("CenterDropdown");
	   if (oDrop) {
	    oDrop.style.display = "none";
	   }
	   
	   // Get the current item
	   oItem       = document.getElementById(p_sItemId);
	   
	   // Calculate the submenus left position basewd upon the current item's left position
	   nX        = (this.instanceId == 'NavMain')? 19 : 0;
	   if (oItem) nX += oItem.offsetLeft;
	   
	   // Get and position the submenu divider element (NavDivider)
	   oNavMainDivider     = document.getElementById('NavMainDivider');
	   if (!oNavMainDivider) {
	    oNavMainDivider    = document.createElement('div');
	    oNavMainDivider.id   = 'NavMainDivider';
	    oNavMainDivider.className = 'NavMainDividerClass';
	    oItemExpansion.appendChild(oNavMainDivider);
	   }
	   oNavMainDivider.style.left  = nX + 'px';
	   
	   // Build the submenu's html
	   this.buildSubMenu(oItemExpansion, p_sItemId, nX);
	  }
	 } catch (ex) {
	  throw ex; //alert(ex.message);
	 } finally {
	  // Clean up
	  oTarget    = null;
	  oRelatedTarget  = null;
	  oItemExpansion  = null;
	  oItem    = null;
	  oNavMainDivider  = null;
	 }
};
MainNavWrapper.prototype.closeItem = function(e, p_sItemId) {
 var oTarget, oRelatedTarget, oItemExpansion, sToElmParentId;
 
 try
 {
  // Normalize event
  if (!e) {
   e    = window.event;
   oTarget   = e.srcElement;
   oRelatedTarget = e.toElement;
  } else {
   oTarget   = e.target;
   oRelatedTarget = e.relatedTarget;
  }
  
  // If the event and the src/related elements exist
  if (e && oTarget && oRelatedTarget) {
   oItemExpansion  = document.getElementById('ItemExpansion');
   
   // If the element being moused over is in the container element (ItemExpansion),
   // or the element being moused over is not the item being moused out of,
   // then do nothing,
   // else if the container element (ItemExpansion) exists, continue the mouseout.
   
   if (
    oRelatedTarget == this.containerElm
    || isChildOf(oRelatedTarget, oItemExpansion)
    // FIX THIS IN MOZILLA
    /*|| isChildOf(oRelatedTarget, this.items[p_sItemId]*/
    || oRelatedTarget == this.items[p_sItemId]) {
   } else if (oItemExpansion) {
    // Get the id of 
    sToElmParentId  = oRelatedTarget.parentNode.id;
    
    emptyElement(oItemExpansion);
   oDrop = document.getElementById("CenterDropdown");
   if (oDrop) {
    oDrop.style.display = "";
   }
    
    if (this.items[sToElmParentId]) {
     if (document.all) {
      this.items[sToElmParentId].fireEvent('onmouseover');
     } else {
      this.items[sToElmParentId].onmouseover();
     }
    } else {
     document.body.removeChild(oItemExpansion);
    }
   }
  }
  
 } catch (ex) {
  throw ex; //alert(ex.message);
 } finally {
  // Clean up
  oTarget    = null;
  oRelatedTarget  = null;
  oItemExpansion  = null;
 }
};
MainNavWrapper.prototype.addSubItem  = function(p_sItemId, p_sSubItemLabel, p_sSubItemHref) {
 var oItem = this.items[p_sItemId];
 if (oItem) {
  if (!oItem.subItems) {
   oItem.subItems  = {};
   oItem.subItemArray = [];
  }
  
  var nSubItemIndex  = oItem.subItemArray.length;
  var sSubItemId   = p_sItemId + '_' + (nSubItemIndex + 1);
  oItem.subItemArray.push((oItem.subItems[sSubItemId] = new MainNavWrapperSubItem(this, p_sItemId, sSubItemId, p_sSubItemLabel, p_sSubItemHref)));
 }
 oItem  = null;
};
MainNavWrapper.prototype.buildSubMenu = function(p_oItemExpansion, p_sItemId, p_nX) {
 var oItemExpansion = document.getElementById('ItemExpansion');
 oItemExpansion.style.width = '800px';   //= (oItemExpansion.offsetWidth - p_nX) + 'px';
 
 //¿Šteo˜:yMOn(-20)
 oItemExpansion.style.paddingLeft = p_nX -20 + 'px';
 var oUL    = document.createElement('ul');
 oUL.className  = 'NavMainSubMenu';
 oItemExpansion.appendChild(oUL);
 
 var oItem   = this.items[p_sItemId];
 var sSubItemHTML = '';
 for (var sId in oItem.subItems) {
  sSubItemHTML += oItem.subItems[sId].buildHTML();
 }
 oUL.innerHTML  = sSubItemHTML;
 var aListItems  = oUL.getElementsByTagName('a');
 var nL    = aListItems.length;
 var nW    = 0, nW_tmp;
 for (var nI = 0; nI < nL; nI++) {
  nW_tmp   = aListItems[nI].scrollWidth;
  if (nW < nW_tmp) nW = nW_tmp;
 };
 
 nW     += 35;//50;
 
 oUL.style.width  = nW + 'px';
 
 aListItems   = oUL.getElementsByTagName('li');
 nL     = aListItems.length;
 for (var nI = 0; nI < nL; nI++) {
  aListItems[nI].style.backgroundPositionX = (nW - 10) + 'px'; //28
 }
 
 // Clean up
 oItemExpansion  = null;
 oUL     = null;
 oItem    = null;
};

function MainNavWrapperSubItem(p_oNavWrapper, p_sParentId, p_sId, p_sLabel, p_sHref) {
 this.navWrapper = p_oNavWrapper;
 this.parentId = p_sParentId;
 this.id   = p_sId;
 this.label  = p_sLabel;
 this.href  = p_sHref;
 
 return this;
}
MainNavWrapperSubItem.prototype.buildHTML = function() {
 return '<li><a href="' + this.href + '" onmouseover="this.parentNode.className=\'NavMainSelected\';" onmouseout="this.parentNode.className=\'\';">' + this.label + '</a></li>';
};