function initDropDowns()
{
  var mainmenuitems = new Array();
  for (i=0; i<10; i++) //
  {
    var mainmenuitem = document.getElementById("mainmenu_" + i);
    if (mainmenuitem)
    {
      // get the dropdown divs, if any
      var IDnum = mainmenuitem.id.substr("mainmenu_".length,mainmenuitem.id.length);
  
      mainmenuitem.submenu = document.getElementById("mainmenudropdown_" + IDnum);
      
      if (mainmenuitem.submenu)
        mainmenuitems.push(mainmenuitem);
    }
  }
  
  for (i=0; i < mainmenuitems.length; i++)
  {
    mainmenuitems[i].onmouseover = function()
    {
      if (typeof(Submenu) != "undefined")
        closeSubmenu();
      
      Submenu = this.submenu;
      openSubmenu(Submenu,false);
    }
    mainmenuitems[i].submenu.onmousedown=function(e)
    {
      if (document.attachEvent) //IE
        window.event.cancelBubble = true;
      else
        e.stopPropagation();
    }
   
    addEvent( document, "mousedown", closeSubmenu);
  }
}

function closeSubmenu()
{
  if (typeof(Submenu) != "undefined")
  {
    Submenu.style.visibility = "hidden";
    delete Submenu;
  }
}

function openSubmenu(toOpen, onTimer)
{
  Submenu = toOpen;
  if (onTimer)
    setTimeout( function () { Submenu.style.visibility = "visible" }, 300);
  else
    Submenu.style.visibility = "visible";
}


function getTopPosition(obj)
{
  var curtop;
  curtop = obj.offsetTop;
  if (obj.offsetParent != null)
  {
    curtop += getTopPosition(obj.offsetParent);
  }
  return curtop;
}

function getLeftPosition(obj)
{
  var curleft;

  curleft = obj.offsetLeft;
  if (obj.offsetParent != null)
  {
    curleft += getLeftPosition(obj.offsetParent);
  }

  return curleft;
}

function addEvent( obj, type, fn )
{
  if ( obj.attachEvent )
  {
    obj['e'+type+fn] = fn;
    obj[type+fn] = function()
    {
      obj['e'+type+fn]( window.event );
    }
    obj.attachEvent( 'on'+type, obj[type+fn] );
  }

  else
    obj.addEventListener( type, fn, false );
}

//=======================================================
     //detect browser settings for showing and hiding DIVs
     isIE4 = (document.all && !document.getElementById) ? true : false;
     isIE5 = (document.all && document.getElementById) ? true : false;
     isIE6 = (!document.all && document.getElementById) ? true : false;
//=======================================================


function findPosX(obj)
{
        var curleft = 0;
        if (obj.offsetParent)
        {
                while (obj.offsetParent)
                {
                        curleft += obj.offsetLeft
                        obj = obj.offsetParent;
                }
        }
        else if (obj.x)
                curleft += obj.x;
        return curleft+20;
}

function findPosY(obj)
{
        var curtop = 0;
        if (obj.offsetParent)
        {
                while (obj.offsetParent)
                {
                        curtop += obj.offsetTop
                        obj = obj.offsetParent;
                }
        }
        else if (obj.y)
                curtop += obj.y;
        return curtop +20;
}


function Pop(e,elementnr)
{

  if (!e)
    var e = window.event;

  if (e.target)
    targ = e.target;
  else if (e.srcElement)
    targ = e.srcElement;
  
 
  var popuplayer = (isIE4) ? document.all["descr" + elementnr].style : document.getElementById("descr" + elementnr).style;
 
  popuplayer.left=findPosX(targ) + "px";
  popuplayer.top=findPosY(targ) + "px";

  if (popuplayer.display=="block")
     popuplayer.display="none";
  else
    popuplayer.display="block";
}