//*****************************************************************************
// Do not remove this notice.
//
// Copyright 2000-2004 by Mike Hall.
// See http://www.brainjar.com for terms of use.
//*****************************************************************************

//----------------------------------------------------------------------------
// 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 (getContainerWith(el, "DIV", "menu") == null) {
    resetButton(activeButton);
    activeButton = null;
  }
}

[END MODIFIED] */


// [7i MODIFIED]
function getRealPos(inElement,inWhich){
	iPos = 0;
    while(inElement!=null){
    	iPos += inElement["offset" + inWhich];
        inElement = inElement.offsetParent;            
    }
    return iPos;
}
// [7i END MODIFIED]

function buttonClick(event, menuId,mode) {

  var button;

  // Get the target button element.

  if (browser.isIE){
    button = window.event.srcElement;  
    while(button.nodeName !='A')		//[7i MODIFIED]: src sollte immer der übergeordnete A sein
    	button = button.parentNode;		//[7i MODIFIED]
  }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.
  
  button.mode= mode;
  
  if (button.menu == null) {
    if(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.
  //button.className='menuButton MButtonHover';
  button.className = button.className.replace('MButton','MButtonHover');
  if (button != activeButton) {
    depressButton(button,mode);
    activeButton = button;
  }
  else
    activeButton = null;

  return false;
}


function buttonMouseout(){
  if(this.tagName=='A'){
  	//this.className='menuButton MButton';
  	this.className = this.className.replace('MButtonHover','MButton');
  }
}

function buttonMouseover(event, menuId, mode, hasData) {
  var button;
  // [MODIFIED] Added for activate/deactivate on mouseover.
  // Activates this button's menu if no other is currently active.
  
   if (browser.isIE){
    button = window.event.srcElement;
  }else
    button = event.currentTarget;
   
  
  if (activeButton == null && hasData==true) {
    buttonClick(event, menuId,mode);
    return;
  }
  // [END MODIFIED]
  // Find the target button element.

   if(hasData==false){
   	if(button.tagName=='A'){
   		//button.className='menuButton MButtonHover';
   		button.className = button.className.replace('MButton','MButtonHover');
   		button.onmouseout = buttonMouseout;
   	}
   	return;
   }
   button.mode= mode;
  // 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";
	//button.className = 'menuButton MButton';
  
  // [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){
  	if (button.menu.onmouseout == null)
    	button.menu.onmouseout = buttonOrMenuMouseout;
  }

  // [END MODIFIED]

  // Position the associated drop down menu under the button and
  // show it.
  
  
  if (button.mode=="Vertical"){
  	// [7i MODIFIED]
  	x = getPageOffsetLeft(button) + button.offsetWidth;
  	x = x-5;  	//Benutzerfreundlicher
  	if (browser.isIE) {
  		//x = x+25;
  	}
  	y = getPageOffsetTop(button);
  	y = y; 	//Benutzerfreundlicher
  	// [7i END MODIFIED]
  }else{
  	x = getPageOffsetLeft(button);
  	y = getPageOffsetTop(button) + button.offsetHeight;
  }
  // For IE, adjust position.
  if (browser.isIE) {
    x += button.offsetParent.clientLeft;
    y += button.offsetParent.clientTop;
  }

  
  // [7i MODIFIED]
  //verschieben falls es über den linken fensterrand geht
  var	bodyRight = getRealPos(window.document.body,"Left") + window.document.body.offsetWidth;
  if (button.mode =="Vertical"){
  	if(browser.isIE){
  		if(_doctype.lastIndexOf('XHTML')!=-1 || _doctype.lastIndexOf('Strict')!=-1){
  			x = x -25;
  		}
  	}
  }else{
  	if(button.menu){
  		if ((x + button.menu.offsetWidth) > bodyRight){
  			x = x - ((x + button.menu.offsetWidth) - bodyRight);
  			if (browser.isIE || browser.isOP){
  				x = x- 25;  //die beiden browser rechnen die scrollbalken mitein
  			}
  		}
  	}
  }
  // [7i END MODIFIED]
  
  /*alert("left="+x+', button-left='+(getRealPos(button,"Left")+button.offsetWidth)+' button-width='+button.offsetWidth);*/

  if(button.menu){
  	button.menu.style.left 		= x + "px";
  	button.menu.style.top  		= y + "px";
  	button.menu.style.visibility 	= "visible";
  	button.menu.style.zIndex 		= 10000;
  }
}

function resetButton(button) {

  // Restore the button's style class.

  //removeClassName(button, "menuButtonActive");
  //button.className='menuButton MButton';
  button.className = button.className.replace('MButtonHover','MButton');

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

  if (button.menu != null) {
    closeSubMenu(button.menu);
    button.menu.style.visibility = "hidden";
  }
}

//----------------------------------------------------------------------------
// Code to handle the menus and sub menus.
//----------------------------------------------------------------------------

function menuMouseover(event) {

  var menu;

  // Find the target menu element.

  if (browser.isIE)
    menu = getContainerWith(window.event.srcElement, "DIV", "menu");
  else
    menu = event.currentTarget;

  // Close any active sub menu.

  if (menu.activeItem != null)
    closeSubMenu(menu);
}

function menuItemMouseout() {
      //this.className = "menuItem MButton";
      this.className = this.className.replace('MButtonHover','MButton');
}

function menuItemMouseover(event, menuId , hasData) {
  var item, menu, x, y;
  if (browser.isIE)
    item = getContainerWith(window.event.srcElement, "A", "menuItem");
  else
    item = event.currentTarget;
  //item.className = "menuItem MButtonHover";
  item.className = item.className.replace('MButton','MButtonHover');
  
  if (item.onmouseout == null)
    item.onmouseout = menuItemMouseout;
  
  if(hasData==false)
  	return;
    
  menu = getContainerWith(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.



  // 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);
  
  
  // [7i MODIFIED]
  if(browser.isOP || browser.isSF){
  	x = x -8;
  	y = y -10;
  }
  
  // [7i END MODIFIED]

  // 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));
  }else{
  	if (browser.isOP) 
  		x = x-3;
  }
  if (browser.isIE) {
  }else{
	  x = x-1; //Benutzerfreundlicher
  }
  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.zIndex 		= 10000;
  item.subMenu.style.visibility = "visible";
  
  // 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";
    menu.activeItem.subMenu = null;
    
  }
  removeClassName(menu.activeItem, "menuItemHighlight");
  menu.activeItem = null;
  //destroyHelperIframe(menu);
}

// [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 (getContainerWith(el, "DIV", "menu") == null) {
    
  	//this.className='menuButton MButton';
  	
  	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;

  // For IE, replace arrow characters.

  /*
  if (browser.isIE) {
    menu.style.lineHeight = "2.5ex";
    spanList = menu.getElementsByTagName("SPAN");
    for (i = 0; i < spanList.length; i++)
      if (hasClassName(spanList[i], "menuArrow")) {
        spanList[i].style.fontFamily = "Webdings";
        spanList[i].firstChild.nodeValue = "4";
      }
  }*/

  // 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";
  }

  // Mark menu as initialized.
  menu.isInitialized = true;
}

//----------------------------------------------------------------------------
// General utility functions.
//----------------------------------------------------------------------------

function getContainerWith(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);
  
  res = menuGetBorderWidth(el);
  if(res.left){
		 x += res.left;
  }
  if(res.right){
		 x += res.right;
  }
  return x;
}

function getPageOffsetTop(el) {
  var y;
  // Return the y coordinate of an element relative to the page
  y = el.offsetTop;
  res = menuGetBorderWidth(el);
  if(res.top){
	 y += res.top;
  }
  if(res.bottom){
		 //y += res.bottom;
  }
  if (el.offsetParent != null)
    y += getPageOffsetTop(el.offsetParent);

  return y;
}


function menuGetBorderWidth(element) {
    var res = new Object();
    res.left = 0; res.top = 0; res.right = 0; res.bottom = 0;
    if (window.getComputedStyle) {
        //for Firefox
        var elStyle = window.getComputedStyle(element, null);
        res.left = parseInt(elStyle.borderLeftWidth.slice(0, -2));  
        res.top = parseInt(elStyle.borderTopWidth.slice(0, -2));  
        res.right = parseInt(elStyle.borderRightWidth.slice(0, -2));  
        res.bottom = parseInt(elStyle.borderBottomWidth.slice(0, -2));  
    }
    else {
        //for other browsers
        res.left = menuParseBorderWidth(element.style.borderLeftWidth);
        res.top = menuParseBorderWidth(element.style.borderTopWidth);
        res.right = menuParseBorderWidth(element.style.borderRightWidth);
        res.bottom = menuParseBorderWidth(element.style.borderBottomWidth);
    }
   
    return res;
}

function menuParseBorderWidth(width) {
    var res = 0;
    if (typeof(width) == "string" && width != null 
                && width != "" ) {
        var p = width.indexOf("px");
        if (p >= 0) {
            res = parseInt(width.substring(0, p));
        }
        else {
             //do not know how to calculate other 
             //values (such as 0.5em or 0.1cm) correctly now
             //so just set the width to 1 pixel
            res = 1; 
        }
    }
    return res;
}