/** 
 * Fusion 8 DHTML Menus
 */


/*****************************************
Global Parameters
*****************************************/

var GLOBAL_LoadedImages = new Array();
var GLOBAL_CurrentItem  = "";
var GLOBAL_Close     = null;
var GLOBAL_Hide     = null;
var GLOBAL_items     = new NOF_OpenedItems();

var GLOBAL_slideItem   = null;
var GLOBAL_slideSpeed  = 10; //Defines how fast the slide submenus will unfold
var GLOBAL_slidePixel  = 0; 
var GLOBAL_slideMinOffset = -800;
var GLOBAL_slideMaxOffset = 800;

var useDebuger  = false;


/*
* DOM compliant browsers
*/
function NOF_DOMBrowser() {

 this.getMenuItemLayerStartString = function getMenuItemLayerStartString(menuItemId, parentId) {

  parentId = ( (parentId != null) && (parentId != "undefined") && (typeof(parentId) != "undefined"))
         ? new String(parentId + CONSTANTS.MENU_LAYER_SUFIX) : null;
  menuItemId += CONSTANTS.MENU_LAYER_SUFIX;
  
  var isAutoClose = typeof(C_MENU_AUTO_CLOSE) == "undefined" || C_MENU_AUTO_CLOSE == true ? "true" : "false";

  return '<DIV ID="' + menuItemId + '" isautoclose="' + isAutoClose + '" STYLE="z-index: 5; filter: blendTrans(duration=0.5)" onmouseover="NOF_KeepOpen(\'' + menuItemId + '\', ' + parentId + ')" onmouseout="NOF_KeepClose()">';
 }

 this.getMenuItemLayerEndString = function getMenuItemLayerEndString() {
  return '</DIV>';
 }

 /** method showMenuItem
 *@parameter image Image object - item parent
 *@parameter item String or Object coresponding to a layer
 *@parameter offsetX: horizontal offset distance from parent
 *@parameter offsetY: vertical offset distance from parent
 *@parameter direction Horizontal = false, Vertical = true
 */
 this.showMenuItem = function showMenuItem(image, item, offsetX, offsetY, openEffect) {

  if (typeof(item) == "string")
   item  = this.getItem(item)

  image  = typeof(image) == "string" ? this.getItem(image) : image;

  var top = this.findItemTopOffset(image);
  var left = this.findItemLeftOffset(image);

  var slideDirection = "";
  if (openEffect.indexOf("left") > -1 || openEffect.indexOf("Left") > -1 ) {
    top += offsetY; 
    left -= offsetX;
    slideDirection = "left";
  } else if (openEffect.indexOf("top") > -1 || openEffect.indexOf("Top") > -1 ) {
    top  -= offsetY;
    left += offsetX;
    slideDirection = "top";
  } else if (openEffect.indexOf("right") > -1 || openEffect.indexOf("Right") > -1 ) {
    top += offsetY; 
    left += offsetX;
    slideDirection = "right";
  } else { // Bottom
    top  += offsetY;
    left += offsetX;
    slideDirection = "bottom";
  }
 
  if (item == null || typeof(item.style) == "undefined" || item.style == null )
   return;

  item.style.top = top;
  item.style.left = left;   
  item.style.visibility = "visible"; 
  
  if (openEffect.indexOf("slide") > -1)
   this.slideEffect(item, slideDirection);
  else if (openEffect.indexOf("fade") > -1)
   this.fadeEffect(item);  
 }


 this.hideMenuItem = function hideMenuItem(item) {

  if (typeof(item) == "string")
   item = this.getItem(item)  
 
  if ( item == null || typeof(item) == "undefined" || item == "")
   return;

  item.style.visibility = "hidden";
 }

 this.findItemLeftOffset = function findItemLeftOffset(item) {

  var offset = item.offsetLeft;
  if (item.offsetParent)
   offset += this.findItemLeftOffset(item.offsetParent);

  return offset;
 }

 this.findItemTopOffset = function findItemTopOffset(item) {

  var offset = item.offsetTop;
  if (item.offsetParent)
   offset += this.findItemTopOffset(item.offsetParent);

  return offset;
 }

 this.getItem = function getItem(itemId) {  
  return document.getElementById(itemId);
 }

 this.getItemAttribute = function getItemAttribute(itemId, attrId) {
 
  if (this.getItem(itemId)) {
   var attr = this.getItem(itemId).attributes;
   return eval("attr." + attrId.toLowerCase() + ".value");
  }
 }
 
 this.debug = function debug(txt) {

  var container = this.getItem("debug");
  if ( useDebuger )
   container.value += txt + "\n";
 }

 this.fadeEffect = function fadeEffect(item) {
   
   item.style.visibility = "hidden"; 
   item.filters.blendTrans.Apply();
   item.filters.blendTrans.Play();
   item.style.visibility = "visible"; 
 }

 this.slideEffect = function slideEffect(item, margin) {

  GLOBAL_slideItem = item;
  this.setItemClip('rect(auto, auto, auto, auto)');

  GLOBAL_slidePixel = (margin == "top" || margin == "left") ? 100 : 0;
  this.playEffect(margin);
 }

 this.playEffect = function playEffect(margin) {

  var clip = GLOBAL_slideItem.style.clip;
  if (clip.indexOf("-") > 0) // NS7.x fix
   return;

  if (GLOBAL_slidePixel < GLOBAL_slideMinOffset || GLOBAL_slidePixel > GLOBAL_slideMaxOffset)   
   return;

  var rect = 'rect(';
  if (margin == "top") {
   GLOBAL_slidePixel -= 3;
   rect += GLOBAL_slidePixel +'px auto auto auto)';
  } else if (margin == "right") {
   GLOBAL_slidePixel += 3; 
   rect += 'auto ' + GLOBAL_slidePixel +'px auto auto)';
  } else if (margin == "bottom") {
   GLOBAL_slidePixel += 3;
   rect += 'auto auto ' + GLOBAL_slidePixel + 'px auto)';
  } else {//left
   GLOBAL_slidePixel -= 3;
   rect += 'auto auto auto ' + GLOBAL_slidePixel + 'px)';
  }


  this.setItemClip(rect); 
  setTimeout('browser.playEffect("' + margin + '")', GLOBAL_slideSpeed);  
 }

 this.setItemClip = function setItemClip(rect) {
  GLOBAL_slideItem.style.clip = rect; 
 }

 this.getLayerTag = function getLayerTag() { return "div" };
}


/*
* Netscape 6+ and Mozilla
*/
function NOF_BrowserNetscapeNavigator() {

 //Event capture
 window.onclick= HideMenu;
 
 this.fadeEffect = function fadeEffect() { return; };

 // Set a higher sliding speed
 GLOBAL_slideSpeed = 1;

 return this;
}
NOF_BrowserNetscapeNavigator.prototype = new NOF_DOMBrowser;

/*
* Internet Explorer 5+
*/
function NOF_BrowserInternetExplorer() {

 //Event capture
 document.onmouseup = HideMenu;
}
NOF_BrowserInternetExplorer.prototype = new NOF_DOMBrowser;


/*
* Nestcape Navigator version 4.x
*/
function NOF_BrowserNetscape4x() {

 this.getMenuItemLayerStartString = function getMenuItemLayerStartString(menuItemId, parentId) {

  parentId = ( (parentId != null) && (parentId != "undefined") && (typeof(parentId) != "undefined"))
         ? new String(parentId + CONSTANTS.MENU_LAYER_SUFIX) : null;
  menuItemId += CONSTANTS.MENU_LAYER_SUFIX;
  
  var isAutoClose = typeof(C_MENU_AUTO_CLOSE) == "undefined" || C_MENU_AUTO_CLOSE == true ? "true" : "false";

  return '<layer ID="' + menuItemId + '" isautoclose="' + isAutoClose + '" onmouseover="NOF_KeepOpen(\'' + menuItemId + '\', ' + parentId + ')" onmouseout="NOF_KeepClose()">';
 }

 this.getMenuItemLayerEndString = function getMenuItemLayerEndString() {
  return '</layer>';
 }  

 this.getImageParent = function getImageParent(imageObject){
 
  for (var position = 0; position < document.layers.length; position++) {   
   var layer = document.layers[position];
   for (var imagePosition = 0; imagePosition < layer.document.images.length; imagePosition++) { 
    if (layer.document.images[imagePosition].name == imageObject.name) {
     return layer;
    }
   }   
  }

  return null;  
 }

 /** method showMenuItem
 *@parameter image Image object - item parent
 *@parameter item String or Object coresponding to a layer
 *@parameter offsetX: horizontal offset distance from parent
 *@parameter offsetY: vertical offset distance from parent
 *@parameter direction Horizontal = false, Vertical = true
 */
 this.showMenuItem = function showMenuItem(image, item, offsetX, offsetY, openEffect) {

  var parent = this.getImageParent(image);

  var itemId = image;
  if (typeof(item) == "string")
   item  = this.getItem(item)
 
  image  = typeof(image) == "string" ? this.getItem(image) : image;

  var top = this.findItemTopOffset(image);
  var left = this.findItemLeftOffset(image);

  if (parent != null) {
   left += parent.pageX;
   top += parent.pageY;
  }

  var slideDirection = "";
  if (openEffect.indexOf("left") > -1 || openEffect.indexOf("Left") > -1 ) {
    top += offsetY; 
    left -= offsetX;
    slideDirection = "left";
  } else if (openEffect.indexOf("top") > -1 || openEffect.indexOf("Top") > -1 ) {
    top  -= offsetY;
    left += offsetX;
    slideDirection = "top";
  } else if (openEffect.indexOf("right") > -1 || openEffect.indexOf("Right") > -1 ) {
    top += offsetY; 
    left += offsetX;
    slideDirection = "right";
  } else { // Bottom
    top  += offsetY;
    left += offsetX;
    slideDirection = "bottom";
  }

  if (typeof(item) == "undefined")
   return;



  item.y = parseInt(top);
  item.x = parseInt(left);  
  item.visibility = "visible"; 
  
  if (openEffect.indexOf("slide") > -1)
   this.slideEffect(item, slideDirection);
  else if (openEffect.indexOf("fade") > -1) {   
   this.fadeEffect(item);
  }
 }

 this.hideMenuItem = function hideMenuItem(item) {
  if (typeof(item) == "string")
   item = this.getItem(item)
  
  if ( item == null || typeof(item) == "undefined" || item == "")
   return;

  item.visibility = "hide";
 }

 this.findItemLeftOffset = function findItemLeftOffset(item) {
  return item.x; 
 }

 this.findItemTopOffset = function findItemTopOffset(item) {
  return item.y;
 }

 this.getItem = function getItem(itemId) {  

  if (itemId == "")
   return;

  var item = eval("document.layers['" + itemId + "']");

  return item;
 }

 this.getItemAttribute = function getItemAttribute(itemId, attrId) {

  return eval("document.layers['" + itemId.toLowerCase() + "']." + attrId);
 }

 this.getLayerTag = function getLayerTag() { return "layer" };

 this.slideEffect = function slideEffect(item, margin) {

  GLOBAL_slideItem = item;
  GLOBAL_slidePixel = (margin == "bottom" || margin == "left") ? 200 : 0;

  this.playEffect(margin);
 }

 this.playEffect = function playEffect(margin) {

  if (GLOBAL_slidePixel < GLOBAL_slideMinOffset || GLOBAL_slidePixel > GLOBAL_slideMaxOffset)
   return;
 
  if (margin == "top") {
   GLOBAL_slideItem.clip.bottom = GLOBAL_slidePixel += 1;
  } else if (margin == "right") {
   GLOBAL_slideItem.clip.right = GLOBAL_slidePixel += 1;
  } else if (margin == "bottom") {
   GLOBAL_slideItem.clip.top = GLOBAL_slidePixel -= 1;
  } else {//left
   GLOBAL_slideItem.clip.left = GLOBAL_slidePixel -= 1;
  }

  setTimeout('browser.playEffect("' + margin + '")', GLOBAL_slideSpeed);  
 }
}
NOF_BrowserNetscape4x.prototype = new NOF_DOMBrowser;


/** NOF.BrowserFactory
*@return The associate class for the browser
*/

function NOF_BrowserFactory() {

  var agt = navigator.userAgent.toLowerCase();

  var is_major = parseInt(navigator.appVersion);
  var is_minor = parseFloat(navigator.appVersion);

  var is_nav = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1)
        && (agt.indexOf('compatible') == -1) && (agt.indexOf('opera')==-1)
        && (agt.indexOf('webtv')==-1) && (agt.indexOf('hotjava')==-1));
  var is_nav2 = (is_nav && (is_major == 2));
  var is_nav3 = (is_nav && (is_major == 3));
  var is_nav4 = (is_nav && (is_major == 4));
  var is_nav4up = (is_nav && (is_major >= 4));
  var is_navonly   = (is_nav && ((agt.indexOf(";nav") != -1) ||
             (agt.indexOf("; nav") != -1)) );
  var is_nav6 = (is_nav && (is_major == 5));
  var is_nav6up = (is_nav && (is_major >= 5));
  var is_gecko = (agt.indexOf('gecko') != -1);


  var is_ie   = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));
  var is_ie3  = (is_ie && (is_major < 4));
  var is_ie4  = (is_ie && (is_major == 4) && (agt.indexOf("msie 4")!=-1) );
  var is_ie4up = (is_ie && (is_major >= 4));
  var is_ie5  = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.0")!=-1) );
  var is_ie5_5 = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.5") !=-1));
  var is_ie5up = (is_ie && !is_ie3 && !is_ie4);
  var is_ie5_5up =(is_ie && !is_ie3 && !is_ie4 && !is_ie5);
  var is_ie6  = (is_ie && (is_major == 4) && (agt.indexOf("msie 6.")!=-1) );
  var is_ie6up = (is_ie && !is_ie3 && !is_ie4 && !is_ie5 && !is_ie5_5);

  var is_opera = (agt.indexOf("opera") != -1);
  var is_opera2 = (agt.indexOf("opera 2") != -1 || agt.indexOf("opera/2") != -1);
  var is_opera3 = (agt.indexOf("opera 3") != -1 || agt.indexOf("opera/3") != -1);
  var is_opera4 = (agt.indexOf("opera 4") != -1 || agt.indexOf("opera/4") != -1);
  var is_opera5 = (agt.indexOf("opera 5") != -1 || agt.indexOf("opera/5") != -1);
  var is_opera5up = (is_opera && !is_opera2 && !is_opera3 && !is_opera4);

  this.getBrowser = function getBrowser() {
  
   if (is_ie5up) {  
    return new NOF_BrowserInternetExplorer();
   } 

   if (is_nav6up) {
    return new NOF_BrowserNetscapeNavigator();
   }

   if (is_opera5up) {
    return new NOF_BrowserInternetExplorer();    
   }

   if (is_nav4) {
    return new NOF_BrowserNetscape4x();
   }
  }
}

var browserFactory = new NOF_BrowserFactory();
var browser     = browserFactory.getBrowser();



/*****************************************
NOF.Menu Constants
*****************************************/

var CONSTANTS = {
 MENU_TYPE_IMAGE : "Image",
 MENU_TYPE_TEXT : "Text",

 BUTTON_TYPE_IMAGE : "image",
 BUTTON_TYPE_TEXT : "text",

 MENU_TABLE_HEADER : '<table border="0" cellspacing="0" cellpadding="0">',
 MENU_TABLE_END : '</table>',

 MOUSE_OVER_IMAGE : 1,
 MOUSE_OUT_IMAGE : 2,

 MENU_ITEM_HORIZONTAL : false,
 MENU_ITEM_VERTICAL  : true,

 MENU_LAYER_SUFIX : "LYR",

 NOT_A_MAIN_ITEM : 1,
 
 MENU_REFRESH_TIME : 600
}

/** 
* NOF_Menu
*/
function NOF_Menu() {
 return this;
}


/** 
* NOF_Menu_Item
*/
function NOF_Menu_Item() {

 this.id      = arguments[0]; //div id

 this.orientation = arguments[1];
 this.openEffect  = arguments[2];
 this.offsetX   = arguments[3];
 this.offsetY   = arguments[4];

 this.buttons = new Array();
 
 this.submenuHeight = 0;
 for (var i = 5; i < arguments.length; i++)
  this.buttons[i - 5] = arguments[i];


 this.getPosition = function () {
  return new Array(this.offsetX, this.offsetY);
 }


 this.getOffsetX = function getOffsetX() { return this.offsetX;}
 this.getOffsetY = function getOffsetY() { return this.offsetY;}
 this.getOpenEffect = function getOffsetY() { return this.openEffect;}
 this.getOrientation = function getOrientation() { return this.orientation; }

 return this;
}


/** 
@name NOF_Menu_Button
@parameter normal  : image name (src) or text (link value), depending on button type : image or text.
@parameter rollover : rollover image name or css attributes, depending on button type : image or text.
@parameter submenu : a NOF_Menu_Item instance.
*/
function NOF_Menu_Button(link, normal, rollover, submenu) {

 this.link   = link;
 this.normal  = normal;
 this.rollover = rollover != "" ? rollover : normal;
 this.submenu = submenu;

 this.hasSubmenu = function hasSubmenu() {
  return (this.submenu != null)
 }

 this.type = function type() {
  if (typeof(this.rollover) == "object")
   return CONSTANTS.BUTTON_TYPE_TEXT;
  else if (typeof(this.rollover) == "string")
   return CONSTANTS.BUTTON_TYPE_IMAGE;
  else 
   return null;
 }
 return this;
}


/** 
*@name NOF_Main_Menu
*@description Menu generation - HTML code insertion in page
*@parameter NOF_Menu_Item menuItem
*@parameter parentId (another NOF_Menu_Item) of NOF_Menu_Item menuItem
*/
function NOF_Main_Menu(menuItem, parentId) {

 if(typeof(menuItem) == "undefined")
  return;

 var menuItemId    = menuItem.id;
 var buffer      = browser.getMenuItemLayerStartString(menuItemId, parentId) + '<table width="10" border="' + C_MENU_BORDER + '" cellspacing="' + C_MENU_SPACING + '" cellpadding="0" bgcolor="' + C_MENU_BGCOLOR + '">';
 var i         = 0;

 buffer += '<tr>';
 while (i < menuItem.buttons.length) {
  var menuButton   = menuItem.buttons[i];
  if (menuButton == null) // If page is excluded from navigation then button is 'null'
   return;

  var submenuId = "";
 
  if (menuButton.hasSubmenu() && menuButton.submenu) {
   submenuId = menuButton.submenu.id;
  }

  var link      = menuButton.link; // Link to Page
  var image      = menuButton.normal; // Image - menu cell
  var rollOverButton = menuButton.rollover; // Roll over image - loaded onmouseover, 
  var isImageMenu   = menuButton.type() == CONSTANTS.BUTTON_TYPE_IMAGE ? true : false;
  var imageName    = isImageMenu ? menuItemId + 's' + i : 'NavigationButton_' + menuItemId + '_' + i;
  var isVertical   = menuItem.orientation == "vertical" ? true : false;

  // Extract link target and href
  var target     = '';
  if (link.indexOf(' target=') != -1) {
   target      = link.substr(link.indexOf(' target=') + 8);
   link       = link.substr(0, link.indexOf(' target='));
  }

  // Append buttons on vertical or horizontal
  buffer += (isVertical && i > 1) ? '<tr><td>' : '<td>';

  // Append button link and mouse over event
  buffer += '<a style="text-decoration: none; cursor: hand;" href="' + link + '" ';
  buffer += 'onMouseOver="F_roll(\'' + imageName + '\' ,' + CONSTANTS.MOUSE_OVER_IMAGE + ', \'' + menuItemId + '\', \''+ 
               CONSTANTS.NOT_A_MAIN_ITEM + '\')" onMouseOut="F_roll(\'' + imageName + '\' ,' + 
               CONSTANTS.MOUSE_OUT_IMAGE + ', \''+menuItemId+'\', \'' + CONSTANTS.NOT_A_MAIN_ITEM + '\')"';

  // Append button link target
  buffer += target.length ? ' target="' + target + '">' : '>';  

  // If button is image then append <img> tag, otherwise append <div>
  buffer += isImageMenu ? '<img border="0" src="' + image + '"' : '<' + browser.getLayerTag() + ' ';

  if (typeof(rollOverButton) != "undefined" || rollOverButton.length || !isImageMenu) {
   // This item has a submenu
   if (submenuId != "") {
    var submenu = menuButton.submenu;
    if (isImageMenu) {
     buffer += 'id="' + imageName + '" name="' + imageName + 
          '" onLoad="F_loadRollover(this,\'' + rollOverButton + '\', new Array(\'' + submenuId + '\',\'' + submenu.getOrientation() + '\' , \'' + submenu.getOpenEffect() + '\', ' + submenu.getOffsetX() + ',' + submenu.getOffsetY() + '))"';
    } else {
     NOF_MenuLoadRollOver(imageName, rollOverButton, new Array(submenuId, submenu.getOrientation(), submenu.getOpenEffect(), submenu.getOffsetX(), submenu.getOffsetY() ));     
     buffer += 'id="' + imageName + '" name="' + imageName + '" class="' + imageName + '" ' ;

     // Text menu has inline css
     if (typeof(menuButton.rollover) == "object")
      buffer+= ' style="' + rollOverButton[0] + '"'; 
    }
   } 
   // No submenu, simple rollover
   else {
    if (isImageMenu)
     buffer += 'id="' + imageName + '" name="' + imageName + 
          '" onLoad="F_loadRollover(this,\'' + rollOverButton + '\',0)"';
    else {
     NOF_MenuLoadRollOver(imageName, rollOverButton, 0);
     buffer += 'id="' + imageName + '" name="' + imageName + '" class="' + imageName + '" ';
     // Text menu has inline css
     if (typeof(menuButton.rollover) == "object")
      buffer+= ' style="' + rollOverButton[0] +'"';
    }
   }
  } 

  // For text buttons 'image' is the name appears on it. 
  buffer += isImageMenu ? '></a></td>' : '><' + browser.getLayerTag() + ' id="' + imageName + '_padding" style="padding: ' + rollOverButton[1] + '" padding="' + rollOverButton[1] + '" paddingOver="' + rollOverButton[3] + '">' + image + 
           '</' + browser.getLayerTag() + '></' + browser.getLayerTag() + '></a></td>'; 
  buffer += isVertical ? "</tr>" : "";

  i++; 
 }

 buffer += CONSTANTS.MENU_TABLE_END + browser.getMenuItemLayerEndString();
 document.writeln(buffer); 

 var k = 0;
 while (k < menuItem.buttons.length) {
  if (menuItem.buttons[k].hasSubmenu()) {
   NOF_Main_Menu(menuItem.buttons[k].submenu, menuItem.id);   
  }
  k++;
 }
}



/** 
*@name NOF.MenuLoadRollOverImage
*@parameter button: *@parameter buttonName: *@parameter submenu: Array(int offsetX, int offsetY, String submenuId, boolean ??).
*/
function NOF_MenuLoadRollOver(button, buttonName, submenu) {

 // Check if button is image
 if (button && button.src &&
     (null == button.out || typeof(button.out) == typeof(void(0)))) {


  var imageSrc  = button.src;
  button.out   = new Image();
  button.out.src = imageSrc;
  button.over  = new Image();


  if (buttonName.lastIndexOf('/') >= 0 || buttonName.lastIndexOf('\\') >= 0) {
   imageSrc = buttonName;
  } else {
   var i = imageSrc.lastIndexOf('/');
   if (i < 0) 
     i = imageSrc.lastIndexOf('\\');
   if (i < 0)
     imageSrc = buttonName;
   else  
     imageSrc = imageSrc.substring(0, i + 1) + buttonName;
  }

  button.over.src         = imageSrc;
  button.submenu          = submenu;  
  GLOBAL_LoadedImages[button.name] = button;

 // Button is text
 } else {  
   if (typeof(buttonName) == "object") {
    if (typeof(GLOBAL_LoadedImages[button]) == "undefined") {
     GLOBAL_LoadedImages[button + "Normal"] = buttonName[0];
     GLOBAL_LoadedImages[button + "Over"]  = buttonName[2]; 
     GLOBAL_LoadedImages[button]       = submenu; 
    }
    return;
   }
   if (typeof(submenu) != "undefined" && typeof(button) == "string" && typeof(GLOBAL_LoadedImages[button]) == "undefined") 
     GLOBAL_LoadedImages[button] = submenu;      
 }
}


/** 
*@name NOF.MenuRollButton
*@description Show rollover cell
*@parameter buttonName: image name
*@parameter over: 1 means mouse over (load rollverimage) , 0 means mouseout (load original image).
*/
function NOF_MenuRollButton(buttonName, over, layerId, isNotMainItem) { 

  var rollType  = (over == CONSTANTS.MOUSE_OVER_IMAGE) ? "over" : "out"; // Defined in NOF_MenuLoadRollOver
  var isOver   = (over == CONSTANTS.MOUSE_OVER_IMAGE) ? true : false;
  var rollOver  = GLOBAL_LoadedImages[buttonName];
 
  if (typeof(rollOver) == "undefined")
   return;
 
  var menuType = typeof(rollOver.src) == "undefined" ? CONSTANTS.MENU_TYPE_TEXT : CONSTANTS.MENU_TYPE_IMAGE;
  
  if (menuType == CONSTANTS.MENU_TYPE_IMAGE) { // Image menu
   var imageRollSrcString = "rollOver." + rollType + ".src"; 
   if (rollOver) 
     rollOver.src = eval(imageRollSrcString) ? eval(imageRollSrcString) : "";   
  
  } else if (menuType == CONSTANTS.MENU_TYPE_TEXT){ // Text menu       
    if (typeof(buttonName) == "string") {
     browser.getItem(buttonName).className = isOver ? buttonName + "Hover" : buttonName;
   
     if (browser.getItem(buttonName + "_padding")){
       browser.getItem(buttonName + "_padding").style.padding = isOver ? 
               browser.getItem(buttonName + "_padding").paddingOver : browser.getItem(buttonName + "_padding").padding;
     }
 
     if (typeof(browser.getItem(buttonName).style) != "undefined")
      browser.getItem(buttonName).style.cssText = isOver ? 
              GLOBAL_LoadedImages[buttonName + "Over"] : GLOBAL_LoadedImages[buttonName + "Normal"]; 
    }
 
  } else // Undefined menu type
    return;
 
  if ((isNotMainItem == null || typeof(isNotMainItem) == "undefined" ) && over == CONSTANTS.MOUSE_OUT_IMAGE) {  
   GLOBAL_CurrentItem = "";
   GLOBAL_items.removeAll();  
  }
   
  var hasSubmenu = null;
  if (menuType == CONSTANTS.MENU_TYPE_IMAGE)
   hasSubmenu = rollOver.submenu;
  else if (menuType == CONSTANTS.MENU_TYPE_TEXT)
   hasSubmenu = typeof(rollOver) == "object";
 
  if (hasSubmenu) {
   if (over == CONSTANTS.MOUSE_OVER_IMAGE) {
    if ( layerId && typeof(layerId) != "undefined" && layerId != "null") {
     if (GLOBAL_Close != null)
      clearTimeout(GLOBAL_Close);
     GLOBAL_items.removeSubitems(layerId + CONSTANTS.MENU_LAYER_SUFIX);
    } else
     GLOBAL_items.removeAll();
 
    if (menuType == CONSTANTS.MENU_TYPE_IMAGE)
     NOF_MenuOpenItem(rollOver, rollOver.submenu, layerId);
    else
     NOF_MenuOpenItem(buttonName, rollOver, layerId); 
   }
   else { // MOUSE_OUT_IMAGE
    if (menuType == CONSTANTS.MENU_TYPE_IMAGE)
     NOF_MenuCloseItem(rollOver.submenu);
    else
     NOF_MenuCloseItem(rollOver);
   }
  
  } else if (over == CONSTANTS.MOUSE_OVER_IMAGE ) { // This image doesn't have a submenu, only a rollover button   
    if ( layerId && typeof(layerId) != "undefined" && layerId != "null" ) {
     GLOBAL_CurrentItem = layerId + CONSTANTS.MENU_LAYER_SUFIX;
     GLOBAL_items.removeSubitems(GLOBAL_CurrentItem);
    } else // Only for html - always visible - menu part    
      browser.hideMenuItem(GLOBAL_CurrentItem);
  }
}


/** 
*@name NOF.MenuOpenItem
*@description Opens (visibility = 'visible') one menu item
*@parameter image Image object that is parent for this submenu
*@parameter imageSubmenu : Array(offset, layerId, horizontal) : *   offsetX - distance from parent left
*   offsetY - distance from parent top
*   layerId - layer ID that will be opened
*   horizontal - indicates if it's horizontal or vertical. True = vertical, False = horizontal
*@parameter parentId
*@parameter
*/
function NOF_MenuOpenItem(image, submenu, parentId) {

 var layerId    = submenu[0] + CONSTANTS.MENU_LAYER_SUFIX; 
 var orientation  = submenu[1];
 var openEffect  = submenu[2];
 var offsetX    = submenu[3];
 var offsetY    = submenu[4];

 GLOBAL_items.addItem(layerId, parentId);
 GLOBAL_CurrentItem = layerId; // Current opened layer 

 browser.showMenuItem(image, layerId, offsetX, offsetY, openEffect);
}


/** 
*@name NOF.MenuCloseItem
*@description Close a menu item if mouse is out of it but not on his child.
*@parameter
*/
function NOF_MenuCloseItem(imageSubmenu) {

 if (imageSubmenu[0]) {
  var layerId = imageSubmenu[0] + CONSTANTS.MENU_LAYER_SUFIX; 
 
  // If mouse outside a cell that belongs to main menu (root) - close it
  if (GLOBAL_items.toArray().length == 1)
   GLOBAL_CurrentItem = 0;
 
  GLOBAL_Close = setTimeout("NOF_MenuHideItem('" + layerId + "')", CONSTANTS.MENU_REFRESH_TIME/4);
 }
}


/** 
*@name NOF.MenuHideItem
*@description 
*@parameter itemId 
*/
function NOF_MenuHideItem(itemId) {

 if (itemId && itemId != null && GLOBAL_CurrentItem != itemId) { // Close item if mouse not over it
  browser.hideMenuItem(itemId);
 }
}


/** 
*@name NOF_KeepOpen
*@description Keeps a menu item (child) opened when mouse over it
*@parameter item Layer (Div) object
*/
function NOF_KeepOpen(itemId, parentId) {  

 GLOBAL_CurrentItem = itemId;
 if (GLOBAL_Hide != null)
  for (var i = 0; i < GLOBAL_Hide.length; i++) 
   clearTimeout(GLOBAL_Hide[i]);
}


/** 
*@name NOF_KeepClose
*@description Keeps a menu item (child) closed when mouse out of it
*/
function NOF_KeepClose() { 

 GLOBAL_CurrentItem = "";
 setTimeout("NOF_CloseChilds()", CONSTANTS.MENU_REFRESH_TIME);
}


/** 
*@name NOF_CloseChilds
*@description Close submenus when mouse goes out of layer
*/
function NOF_CloseChilds() {

 var itemsList = GLOBAL_items.toArray();
 GLOBAL_Hide  = new Array(); 
 if (GLOBAL_CurrentItem == "" || GLOBAL_CurrentItem == 0)  
  for (var i in itemsList)
   if (itemsList[i])
    GLOBAL_Hide[i] = setTimeout("browser.hideMenuItem('" + itemsList[i] + "')", CONSTANTS.MENU_REFRESH_TIME/4);        

 if (!isMenuAutoClose()) {
  itemsList = GLOBAL_items.toArray();

  // Keep visible current opened submenus
  for ( var i in itemsList ) 
   if (itemsList[i])
    NOF_KeepOpen(itemsList[i]);   
 } 
}

function isMenuAutoClose() {

 var itemsList = GLOBAL_items.toArray();
 if (itemsList[0] && itemsList[0].length) {
  var autoClose = browser.getItemAttribute(itemsList[0], "isautoclose");
   if ( autoClose == "true")
    return true;
   else 
    return false;
 }
 return false;  
}

/**
*@name HideMenu()
*@description Hide menu when click outside his area. Used in 'Non auto close navbars'.
*/
function HideMenu() {
 
 if (isMenuAutoClose())
  return;

 var itemsList = GLOBAL_items.toArray();

 if (GLOBAL_Hide == null)
  GLOBAL_Hide = new Array();
 
 for (var i in itemsList)
  if (itemsList[i] && itemsList[i].length) {
   GLOBAL_items.removeItem(itemsList[i]);   
   GLOBAL_Hide[i] = browser.hideMenuItem(itemsList[i]);    
  }
}


/**
*@name NOF_OpenedItems() 
*@description Keeps a list w/ current submenus open (visible)
*/
function NOF_OpenedItems() {

 this.openedItems = "";
 this.separator  = "*";

 /** method addItem
 *@description: adds one item in list using "*" separator
 */
 this.addItem = function addItem(item, parent) {

  if ( item == null || !item || item == "" )
   return;
 
  if (this.openedItems.indexOf(item) == -1) {

   this.openedItems += this.openedItems.length ? 
     ( this.openedItems.indexOf(this.separator) == this.openedItems.length - 1 ? "" : this.separator ) + item : item;  
  }  
 }
 

 /** method removeItem
 *@description: remove one item
 */
 this.removeItem = function removeItem(item) { 
  
  if ( item == GLOBAL_CurrentItem )
   return;

  var temp = this.openedItems;
  if (temp.indexOf(item) > 0) {
   var a = temp.substring(0, temp.indexOf(item));
   var b = temp.substring(temp.indexOf(item) + item.length, temp.length );
   temp = a + b;
  }

  while (temp.lastIndexOf(this.separator) == temp.length - 1)
   temp = temp.substring(0, temp.length - 1);

  this.openedItems = temp;  
 }


 /** method removeSubitems
 *@description: remove all subitems (items above) 'item' 
 */
 this.removeSubitems = function removeSubitems(item) {
  
  if (item && typeof(item) != "undefined") {  
   var temp = this.openedItems;
   temp   = temp.substring(0, temp.lastIndexOf(item) + item.length); 
   var temp1 = this.openedItems.substring(this.openedItems.indexOf(temp) + temp.length, this.openedItems.length);
   temp1 = temp1.split(this.separator);
 
   for (var i = temp1.length - 1; i >= 0; i--)
     if (temp1[i])
      browser.hideMenuItem(temp1[i]);
 
   this.openedItems = temp;
  }
 }

 /** method currentItem
 *@description: return current item
 */
 this.currentItem = function currentItem() {

  var list = this.toArray();
  return list[list.length - 1];
 }

 /** method removeAll
 *@description: remove all items and hide them
 */
 this.removeAll = function removeAll() {

  var items = this.toArray();
  clearTimeout(GLOBAL_Close);
  for (var i = items.length - 1; i >= 0; i--)
   if ( items[i] != null && items[i] != "" ) {
    clearTimeout(items[i]);
    browser.hideMenuItem(items[i]);
   }

  this.openedItems = "";  
 }

 /** method toArray
 *@description: return an array with all items using split method by list separator
 */
 this.toArray = function toArray() {
  return this.openedItems.split(this.separator);
 } 
}


/**
*@name F_menu()
*@description backward compatibility
*/
function F_menu(item) {
 NOF_Menu(item);
}

/**
*@name F_roll()
*@description backward compatibility
*/
function F_roll(itemId, over, layerId, isNotMainItem){

 var layerId = (layerId == null || typeof(layerId) == "undefined") ? null : layerId;
 var isNotMainItem = (isNotMainItem == null || typeof(isNotMainItem) == "undefined") ? null : isNotMainItem;

 NOF_MenuRollButton(itemId, over, layerId, isNotMainItem);
}

/** F_loadRollover
*@param image
*@param submenu: Array(String submenuId, submenuOrientation, int offsetX, int offsetY).
*/
function F_loadRollover(image, rollOverButton, submenu) { 
 return NOF_MenuLoadRollOver(image, rollOverButton, submenu);
}