
<!-------------------------------------------------------------------------------------------------
//
//  ASP.NET Menu client-side script for IE4+. 
//  Copyright 2002-2003 CYBERAKT INC. All Rights Reserved.
//  Version 1.1
//
//------------------------------------------------------------------------------------------------>

// Event handlers ---------------------------------------------------------------------------------

// Positions the subgroup for the given item, and initiates its expansion 
function viscomn_itemMsOver(item, subGroup, expandDirection, horAdj, verAdj, expandDelay, effect) 
{
  var newLeft = 0; 
  var newTop = 0; 
  var oItem = document.all[item]; 
  var oSubGroup = document.all[subGroup]; 

  if (viscomn_curItem != item)
  {
    viscomn_curItem = item; 
  
		if (viscomn_mac && oItem.tagName=="TABLE")
			oItem = oItem.parentElement;
		
    switch (expandDirection)
    {
      case 'belowleft': 
        newLeft = viscomn_pageX(oItem); 
        if (newLeft + oSubGroup.offsetWidth > window.document.body.clientWidth)
          newLeft = viscomn_pageX(oItem) + oItem.offsetWidth - oSubGroup.offsetWidth; 
        newTop = viscomn_pageY(oItem) + oItem.offsetHeight; 
        break; 
      case 'belowright': 
        newLeft = viscomn_pageX(oItem) + oItem.offsetWidth - oSubGroup.offsetWidth; 
        newTop =  viscomn_pageY(oItem) + oItem.offsetHeight; 
        break; 
      case 'aboveleft': 
        newLeft = viscomn_pageX(oItem); 
        newTop =  viscomn_pageY(oItem) - oSubGroup.offsetHeight; 
        break; 
      case 'aboveright': 
        newLeft = viscomn_pageX(oItem) + oItem.offsetWidth - oSubGroup.offsetWidth; 
        newTop =  viscomn_pageY(oItem) - oSubGroup.offsetHeight; 
        break; 
      case 'rightdown': 
        newLeft = viscomn_pageX(oItem) + oItem.offsetWidth; 
        if (newLeft + oSubGroup.offsetWidth > window.document.body.clientWidth)
          newLeft = viscomn_pageX(oItem) - oSubGroup.offsetWidth; 
        newTop = viscomn_pageY(oItem); 
        if (newTop + oSubGroup.offsetHeight > window.document.body.clientHeight)
          newTop = viscomn_pageY(oItem) - oSubGroup.offsetHeight + oItem.offsetHeight; 
        break; 
      case 'rightup': 
        newLeft = viscomn_pageX(oItem) + oItem.offsetWidth; 
        newTop = viscomn_pageY(oItem) - oSubGroup.offsetHeight + oItem.offsetHeight; 
        break; 
      case 'leftdown': 
        newLeft = viscomn_pageX(oItem) - oSubGroup.offsetWidth; 
        newTop = viscomn_pageY(oItem); 
        break; 
      case 'leftup': 
        newLeft = viscomn_pageX(oItem) - oSubGroup.offsetWidth; 
        newTop = viscomn_pageY(oItem) - oSubGroup.offsetHeight + oItem.offsetHeight; 
        break; 
      default: 
        newLeft = viscomn_pageX(oItem) + oItem.offsetWidth; 
        newTop = viscomn_pageY(oItem); 
        break; 
    }  
    newLeft += horAdj;
    newTop += verAdj; 
    if (newTop < 0) 
			newTop = 0; 
    if (newLeft < 0) 
			newLeft = 0; 
    
    oSubGroup.style.left = newLeft + 'px'; 
    oSubGroup.style.top = newTop + 'px';
      
    viscomn_startExpand(subGroup, expandDelay, effect); 
  }
}

// If the mouse pointer is not over the given item or its subGroup, 
// this function initiates the collapse of the subGroup. 
function viscomn_itemMsOut(item, group, subGroup, expandDelay, effect)
{
  if ((!(viscomn_isMouseOnObject(item))) && subGroup) 
    if (!(viscomn_isMouseOnObject(subGroup)))
    {
      viscomn_curItem = ''; 
      viscomn_startCollapse(subGroup, expandDelay, effect);
    }  
}

// This event handler is only called on expandable groups. If collapseAll is pending, it sets the 
// global variable viscomn_restoredGroup to the given group, so that the group and its parent groups 
// are not collapsed. It also stops the collapse if it has been issued for this group. 
function viscomn_groupMsOver(group)
{
  if (viscomn_collapsingAll) viscomn_restoredGroup = group;

  if (viscomn_collapsingGroup == group) 
  {
    viscomn_stopCollapse(); 
    viscomn_stopExpand(); 
  }
}

// If the mouse pointer is on the given group, its subGroup, or its parent item this function 
// does nothing. If the pointer is over the parent group, but outside the parent item, then it
// initiates the collapse of itself and its subGroup (if any). 
// Otherwise, the pointer is outside the menu structure and it initiates the collapse of all 
// expanded objects. 
function viscomn_groupMsOut(group, parentItem, parentGroup, expandDelay, effect)
{ 
  if (!(viscomn_isMouseOnObject(group)))
  {
    viscomn_curItem = ''; 

    var subGroup = viscomn_expandedObjects[viscomn_expandCount]; 
    if (subGroup == group) subGroup = null; 

    if (parentItem == null && parentGroup == null && !(viscomn_isMouseOnObject(group)))
      viscomn_startCollapseAll(expandDelay, effect);     
    else if (viscomn_isMouseOnObject(group) || viscomn_isMouseOnObject(subGroup) || viscomn_isMouseOnObject(parentItem))
      ; // do nothing 
    else if (viscomn_isMouseOnObject(parentGroup))
    {
      viscomn_startCollapse(group, expandDelay, effect); 
      viscomn_startCollapse(subGroup, expandDelay, effect); 
    }
    else
      viscomn_startCollapseAll(expandDelay, effect);     
  }
}

// Expand/collapse timer functinos ----------------------------------------------------------------

// Initiates the expand of the given group. 
function viscomn_startExpand(group, interval, effect)
{
  if (group == viscomn_collapsingGroup) viscomn_stopCollapse(); 
  if (group != viscomn_expandingGroup) viscomn_stopExpand();  
  
  viscomn_restoredGroup = group; 
  
  viscomn_expandingGroup = group; 
  if (group) group += '.id'; 
  if (effect) effect = "'" + effect + "'";  
  viscomn_expandTimerID = setTimeout('viscomn_expand(' + group + ', ' + effect + ')', interval); 
}

// Initiates the collapse of the given group. 
function viscomn_startCollapse(group, interval, effect)
{
  if (group == viscomn_expandingGroup) viscomn_stopExpand(); 

  if (group) 
    if (document.all[group].style.visibility == 'visible') 
    {
      viscomn_collapsingGroup = group; 
      group += '.id'; 
      if (effect) effect = "'" + effect + "'";  
      viscomn_collapseTimerID = setTimeout('viscomn_collapse(' + group + ', ' + effect + ')', interval); 
    }  
}

// Initiates the collapse of all expanded objects. 
function viscomn_startCollapseAll(interval, effect)
{
  viscomn_stopCollapse(); 
  viscomn_stopExpand(); 
  viscomn_stopCollapseAll(); 

  viscomn_collapsingAll = true; 
  if (effect) 
  {
    effect = "'" + effect + "'";  
    viscomn_collapseAllTimerID = setTimeout('viscomn_collapseAll(' + effect + ')', interval); 
  }
  else
    viscomn_collapseAllTimerID = setTimeout('viscomn_collapseAll(null)', interval); 
}

// Stops the expand of the currently expanding group. 
function viscomn_stopExpand()
{
  clearTimeout(viscomn_expandTimerID); 
  viscomn_expandingGroup = ''; 
}

// Stops the collapse of the currently collapsing group. 
function viscomn_stopCollapse()
{
  clearTimeout(viscomn_collapseTimerID); 
  viscomn_collapsingGroup = ''; 
}

// Stops the collapse of all currently expanding objects. 
function viscomn_stopCollapseAll()
{
  clearTimeout(viscomn_collapseAllTimerID); 
  viscomn_restoredGroup = '';
}


// Core functions ---------------------------------------------------------------------------------

// Expands the given menu group 
function viscomn_expand(group, effect)
{
  if (document.all[group].style.visibility != 'visible')
  {
    viscomn_hideSelectElements(group); 
    viscomn_showOverlay(document.all[group]);
    if (effect) 
    {
      document.all[group].style.filter = effect; 
      document.all[group].filters[0].Apply(); 
    }  
    document.all[group].style.visibility = 'visible'; 
    viscomn_makeDropShadow(group); 
    if (effect) document.all[group].filters[0].Play(); 
    viscomn_expandCount++; 
    viscomn_expandedObjects[viscomn_expandCount] = group; 
  }  
}

// Collapses the given menu group 
function viscomn_collapse(group, effect)
{
  if (group) 
  {
    if (document.all[group].style.visibility != 'hidden')
    {
      if (effect)
      {
        document.all[group].style.filter = effect; 
        document.all[group].filters[0].Apply(); 
      }
      document.all[group].style.visibility = 'hidden';     
      if (effect) document.all[group].filters[0].Play();
      if (viscomn_expandedObjects[viscomn_expandCount] != group)
				for (var i=0; i<viscomn_expandCount; i++)
					if (viscomn_expandedObjects[i] == group)
						viscomn_expandedObjects[i] = viscomn_expandedObjects[viscomn_expandCount];
      viscomn_expandCount--; 
      viscomn_hideOverlay(document.all[group]);
      viscomn_clearDropShadow(group); 
    }      
  }
  if (!(viscomn_contextUp) && viscomn_expandCount == 0) 
    viscomn_restoreSelectElements(); 
}

// Collapses all expanded menu groups 
function viscomn_collapseAll(effect)
{
  for (var i = viscomn_expandCount; i >= 1; i--)
  {
    if (viscomn_expandedObjects[i] == viscomn_restoredGroup) break; 

    if (effect)
    {
      document.all[viscomn_expandedObjects[i]].style.filter = effect; 
      document.all[viscomn_expandedObjects[i]].filters[0].Apply(); 
    }
    document.all[viscomn_expandedObjects[i]].style.visibility = 'hidden';
    viscomn_hideOverlay(document.all[viscomn_expandedObjects[i]]);
    viscomn_clearDropShadow(viscomn_expandedObjects[i]); 
    if (effect) document.all[viscomn_expandedObjects[i]].filters[0].Play(); 
  }

  viscomn_collapsingAll = false; 
  viscomn_expandCount = i;
  viscomn_restoredGroup = ''; 
  if (!(viscomn_contextUp) && viscomn_expandCount == 0) 
    viscomn_restoreSelectElements(); 
}

// Hides all menu groups prior to calling ClientSideOnClick event handler
function viscomn_hideAllGroups()
{
  viscomn_curItem = ''; 
  viscomn_restoredGroup = ''; 
  viscomn_collapseAll(null); 
}

// Utilities --------------------------------------------------------------------------------------

// Updates menu item class, left icon, and right icon 
function viscomn_updateCell(Element, NewClassName, LeftImage, LeftImageSrc, RightImage, RightImageSrc, direction)
{  
  if (direction == 'out' && viscomn_isMouseOnObject(Element))    
    ;   
  else  
  {    
    if (Element != null & NewClassName != '') document.all[Element].className = NewClassName;
    if (LeftImage != null  && LeftImageSrc != '') document.images[LeftImage].src = LeftImageSrc;     
    if (RightImage != null && RightImageSrc != '') document.images[RightImage].src = RightImageSrc;   
  }
}

// Determines whether the mouse pointer is currently over the given object 
function viscomn_isMouseOnObject(objName)
{
  if (objName)
  {
		var obj = document.all[objName];
		
		if (viscomn_mac && obj.tagName=="TABLE" && obj.parentElement.tagName=="TD")
			obj = obj.parentElement;
  
    var objLeft = viscomn_pageX(obj) - window.document.body.scrollLeft + 1; 
    var objTop = viscomn_pageY(obj) - window.document.body.scrollTop + 1; 
    var objRight = objLeft + obj.offsetWidth - 1; 
    var objBottom = objTop + obj.offsetHeight - 1;
      
    var ex = (viscomn_mac) ? event.x+2 : event.x;
    var ey = (viscomn_mac) ? event.y+2 : event.y;
    
    if ((ex > objLeft) && (ex < objRight) && 
        (ey > objTop) && (ey < objBottom))
      return true; 
    else  
      return false; 
  }
  else
    return false; 
}

// Calculates the absolute page x coordinate of any element
function viscomn_pageX(o)
{
  return ( viscomn_mac ? viscomn_macX(o) : viscomn_winX(o) );
}

// Calculates the absolute page x coordinate of given element for Windows clients
function viscomn_winX(o)
{
  var x = 0;
  while (o != document.body)
  {
    x += o.offsetLeft;
    o = o.offsetParent;
  }
  return x;
}

// Calculates the absolute page x coordinate of given element for Mac clients
function viscomn_macX(o)
{
  var x = 0;
  while (o.offsetParent != document.body)
  {
    if ((o.tagName=="TABLE") && (o.offsetParent.tagName=="TD"))
      x += o.clientLeft;
    else
      x += o.offsetLeft;
    o = o.offsetParent;
  }
  x += (o.offsetLeft + viscomn_pgMrgX());
  return x;
}

// Returns the body's left margin in pixels
function viscomn_pgMrgX()
{
  if (!viscomn_marginX)
  {
    if (!document.all["viscomn_pgMrgMsr"])
			viscomn_createPgMrgMsr();
		viscomn_marginX = -document.all["viscomn_pgMrgMsr"].offsetLeft;
  }
  return viscomn_marginX;
}

// Calculates the absolute page y coordinate of any element
function viscomn_pageY(o)
{
  return ( viscomn_mac ? viscomn_macY(o) : viscomn_winY(o) );
}

// Calculates the absolute page y coordinate of given element for Windows clients
function viscomn_winY(o)
{
  var y = 0;
  while (o != document.body)
  {
    y += o.offsetTop;
    o = o.offsetParent;
  }
  return y;
}

// Calculates the absolute page y coordinate of given element for Mac clients
function viscomn_macY(o)
{
  var y = 0;
  while (o.offsetParent != document.body)
  {
    if ((o.tagName=="TABLE") && (o.offsetParent.tagName=="TD"))
      y += o.clientTop;
    else
      y += (o.tagName!="TD") ? o.offsetTop : o.parentElement.offsetTop;
    o = o.offsetParent;
  }
  y += (o.offsetTop + viscomn_pgMrgY());
  return y;
}

// Returns the body's top margin in pixels
function viscomn_pgMrgY()
{
  if (!viscomn_marginY)
  {
    if (!document.all["viscomn_pgMrgMsr"])
			viscomn_createPgMrgMsr();
		viscomn_marginY = -document.all["viscomn_pgMrgMsr"].offsetTop;
  }
  return viscomn_marginY;
}

// Creates the hidden element necessary to measure the body's margins
function viscomn_createPgMrgMsr()
{
  document.body.insertAdjacentHTML('beforeEnd',
    '<div id="viscomn_pgMrgMsr" style="position:absolute;left:0;top:0;z-index:-1000;visibility:hidden">*</div>');
}

// Hides HTML select elements that are overlapping the given menu group 
function viscomn_hideSelectElements(group)
{
  if (viscomn_hideSelectElems && document.getElementsByTagName) 
  {
    var arrElements = document.getElementsByTagName('select'); 
    for (var i = 0; i < arrElements.length; i++) 
      if (viscomn_objectsOverlapping(document.all[group], arrElements[i]))
        arrElements[i].style.visibility = 'hidden';          
  }
}

// Restores all HTML select elements on the page 
function viscomn_restoreSelectElements()
{
  if (viscomn_hideSelectElems && document.getElementsByTagName) 
  {
    var arrElements = document.getElementsByTagName('select'); 
    for (var i = 0; i < arrElements.length; i++) 
      arrElements[i].style.visibility = 'visible'; 
  }
}

// Shows a windowed control overlay for the given group
function viscomn_showOverlay(group)
{
  if (!viscomn_overlayWindowed) return;
  var overid = group.id + "_over";
  if (!document.all[overid])
    document.body.insertAdjacentHTML("beforeEnd","<iframe id='" +overid+ "' src='javascript:void 0;' style='position:absolute;left:0px;top:0x;z-index:990;display:none' scrolling='no' frameborder='0'></iframe>");
  if (document.all[overid])
  {
    var overs = document.all[overid].style;
    overs.top = group.style.top;
    overs.left = group.style.left;
    overs.width = group.offsetWidth + (viscomn_shadowEnabled ? viscomn_shadowOffest : 0);
    overs.height = group.offsetHeight + (viscomn_shadowEnabled ? viscomn_shadowOffest : 0);
    overs.filter = 'progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';
    overs.display = 'block';
  }
}

// Hides a windowed control overlay for the given group
function viscomn_hideOverlay(group)
{
  if (!viscomn_overlayWindowed) return;
  var overid = group.id + "_over";
  if (document.all[overid])
    document.all[overid].style.display = 'none';
}

// Whether the given objects are overlapping 
function viscomn_objectsOverlapping(obj1, obj2)
{
  var result = true; 
  var obj1Left = viscomn_pageX(obj1) - window.document.body.scrollLeft; 
  var obj1Top = viscomn_pageY(obj1) - window.document.body.scrollTop; 
  var obj1Right = obj1Left + obj1.offsetWidth; 
  var obj1Bottom = obj1Top + obj1.offsetHeight;
  var obj2Left = viscomn_pageX(obj2) - window.document.body.scrollLeft; 
  var obj2Top = viscomn_pageY(obj2) - window.document.body.scrollTop; 
  var obj2Right = obj2Left + obj2.offsetWidth; 
  var obj2Bottom = obj2Top + obj2.offsetHeight;
  
  if (obj1Right <= obj2Left || obj1Bottom <= obj2Top || 
      obj1Left >= obj2Right || obj1Top >= obj2Bottom) 
    result = false; 
  return result; 
}

// Creates a drop shadow for an object 
function viscomn_makeDropShadow(objName)
{
  if (viscomn_shadowEnabled) 
  {
    viscomn_shadows[objName] = new Array(); 
    for (var i = viscomn_shadowOffest; i > 0; i--)
    {
      var obj = document.all[objName]; 
      var rect = document.createElement('div');
      var rs = rect.style
      rs.position = 'absolute';
      rs.left = (obj.style.posLeft + i) + 'px';
      rs.top = (obj.style.posTop + i) + 'px';
      rs.width = obj.offsetWidth + 'px';
      rs.height = obj.offsetHeight + 'px';
      rs.zIndex = obj.style.zIndex - i;
      rs.backgroundColor = viscomn_shadowColor;
      var opacity = 1 - i / (i + 1);
      rs.filter = 'alpha(opacity=' + (100 * opacity) + ')';
      obj.insertAdjacentElement('afterEnd', rect);
      viscomn_shadows[objName][viscomn_shadows[objName].length] = rect; 
    }
  }
}

// Clears the drop shadow for the given object 
function viscomn_clearDropShadow(objName)
{
  if (viscomn_shadowEnabled) 
  {
    var curShadow; 
    for (var i = 0; i < viscomn_shadows[objName].length; i++)
    {
      curShadow = viscomn_shadows[objName][i]; 
      curShadow.style.filter = 'alpha(opacity=0)'; 
      curShadow.removeNode(true); 
    }
  }  
}

// Positions the menu based on the alignment, offsetX, and offsetY properties
function viscomn_positionMenu(menu, alignment, offsetX, offsetY)
{
  var scrlLeft = 0; 
  var scrlTop = 0;
  var clientW = window.document.body.clientWidth; 
  var clientH = window.document.body.clientHeight; 
  var menuWidth = menu.offsetWidth; 
  var menuHeight = menu.offsetHeight; 
  var newLeft = 0; 
  var newTop = 0; 

  switch (alignment)
  {
    case 'topleft': 
      newLeft = scrlLeft;
      newTop = scrlTop;
      break; 
    case 'topmiddle': 
      newLeft = (clientW - menuWidth) / 2 + scrlLeft;
      newTop = scrlTop;
      break; 
    case 'topright': 
      newLeft = clientW + scrlLeft - menuWidth;
      newTop = scrlTop;
      break; 
    case 'bottomleft': 
      newLeft = scrlLeft;
      newTop = clientH + scrlTop - menuHeight;
      break; 
    case 'bottommiddle': 
      newLeft = (clientW - menuWidth) / 2 + scrlLeft;
      newTop = clientH + scrlTop - menuHeight;
      break; 
    case 'bottomright': 
      newLeft = clientW + scrlLeft - menuWidth;
      newTop = clientH + scrlTop - menuHeight;
      break; 
    default: 
      newLeft = clientW + scrlLeft;
      newTop = clientH + scrlTop;
      break; 
  }    
  
  newLeft += offsetX; 
  newTop += offsetY; 
  menu.style.left = newLeft; 
  menu.style.top = newTop; 
}