// application dependent!!!!
var offsetX = -13;
var tblWidth = 1000;

var topM    = [0,89,231,373, 117,259,401, 355,65];
var leftM   = [0,268,268,268,363,363,363, 2  ,53];

if (bw.ie) {
  offsetX = -16;
  topM    = [0,89,231,373, 104,246,388, 355, 65];
  leftM   = [0,271,271,271, 363,363,363, 4  , 55];
 }
//if (bw.ie) { 
  //}


// 
var menuSize = 200;
var align = 0;        // 0 left 1 right
var borderSize = 1;
var filterEffect = 1; // show or not filter effect
var opacity;
var maxOpacity = 85;
var menuID = '';
var visited = 0;
var timeoutID;
var startImage = new Array();
var idTimeHide = null;

function setVisited() {
  visited = 1;
}

function showMenu(id) {
  clearTimeout(idTimeHide);
  if (id == menuID) return;
  doMenuHide();
  //hideMenus(1);
  visited = 0;
  // calc position table (with centered align)
  var startX = document.body.clientWidth < 1000 ? 15 : 12+(document.body.clientWidth-tblWidth)/2;
  var m = document.getElementById('menu'+id);
  m.style.left = leftM[id] + startX + offsetX;

  m.style.top = topM[id];
  m.style.filter = "alpha(opacity=90)";
  if (filterEffect) 
  {
     m.style.filter = 'alpha(opacity=0)'; // IE
     m.style.opacity = 0;                 // firefox
     m.style.display = 'block';
     menuID = id;
     opacity = 0;
     showFilterEffect();
  }
  else 
     m.style.display = 'block';

  if (document.getElementById('input'+id)) 
    document.getElementById('input'+id).focus();
}

function showFilterEffect() 
{
  if (opacity < maxOpacity) 
  {
     var o = document.getElementById('menu'+menuID);
     if (o) {	
    	opacity += 10;
     	o.style.filter = 'alpha(opacity='+opacity+')';
     	o.style.opacity = opacity/100;
     	timeoutID = setTimeout("showFilterEffect()",80);
     }	
  }
  else timeoutID = 0;
}

function closeMenu (e) {
  if (e) {
    var el;
    if (bw.ie) el = e.srcElement;
    else el = e.target;
    e.cancelBubble = true;
    e.returnValue = false;
  }

}

function hideMenus(force) 
{
  if (force) {
    doHide();
    return;
  }
  if (timeoutID) return;
  if (visited) doHide();
}

function doHide () {
  menuID = 0;
  var j;
  for (var i=1;i<topM.length;i++) {
    document.getElementById('menu'+i).style.display = 'none';
    j = i-1;
    if (startImage[j])
       document.getElementById('img'+j).src = startImage[j].src;
  }
}

function mOver (o, fgColor, bgColor) 
{
  if (fgColor) {
    o.style.backgroundColor = bgColor;
    o.childNodes[0].style.color = fgColor;
  }
  else {
    o.style.backgroundColor = 'LightSlateGray';
    o.childNodes[0].style.color = 'white';
  }
}

function mOut (o, fgColor,bgColor) 
{
  if (bgColor) {
    o.style.backgroundColor = bgColor;
    o.childNodes[0].style.color = fgColor;
  }
  else {
    o.style.backgroundColor = 'white';
    o.childNodes[0].style.color = '#333333';
  }
}

function menuGoto (url) {
  document.location = url;
}


function setMenuImages () {
  for (var i=0;i<topM.length-1;i++) {
    var o = document.getElementById('img'+i);
    if (o) {
      startImage[i] = new Image();
      startImage[i].src = o.src;
    }
  }
    

}

function closeMenu2 (id) {
  var m = document.getElementById('menu'+id);  
  m.style.display = 'none';
}


function menuHide() {
  idTimeHide = setTimeout("doMenuHide()",500);
}

function doMenuHide() {
  var m = document.getElementById('menu'+menuID); 
  if (m) {
    m.style.display = 'none';
    menuID = 0;
  }
}


// function getKey(e) {
//   var o;
//   if (bw.ie) 
//     o = e.srcElement;
//   else 
//     o = e.target;
// }

function gotoPage(url) {
  if (url == '#') return;
  window.location = url;
}