var browserType = "";
var browserVersion = "";

function preload()
{
var imgsrc = preload.arguments;
arr=new Array(imgsrc.length);
for (var j=0; j<imgsrc.length; j++)
{ arr[j] = new Image; arr[j].src = imgsrc[j]; }
}

preload('/img/menu_hb.gif', '/img/drop_left.gif', '/img/drop_right.gif', '/img/drop_bottom.gif');

function showLayer(layerNum) {
if (browserType == "explorer" || browserType == "opera") {
//        document.all['submenu' + layerNum].style.left = document.all['pos' + layerNum].offsetLeft + 200;
        document.all['submenu' + layerNum].style.top = document.all['p' + layerNum].offsetTop + 170;
        document.all['submenu' + layerNum].style.display='block';
        document.all['pos'+layerNum].style.backgroundImage = 'url(/img/menu_hb.gif)';
//        document.all['pos'+layerNum].style.color = "white"

} else {
        var layerObj = document.getElementById('submenu' + layerNum);
        var layerPositionObj = document.getElementById("p" + layerNum);
//        layerObj.style.left = layerPositionObj.offsetLeft - 15 + "px";
        layerObj.style.top = layerPositionObj.offsetTop + 170 + "px";

        layerPositionObj.style.backgroundImage = 'url(/img/menu_hb.gif)';
//        layerPositionObj.style.color = "white"
        layerObj.style.display = 'block';
}
}

function hideLayer(layerNum){
if (browserType == "explorer" || browserType == "opera") {
        document.all['submenu'+layerNum].style.display='none';
        document.all['pos'+layerNum].style.backgroundImage = '';
        document.all['pos'+layerNum].style.color = ""
} else {
        var layerObj = document.getElementById('submenu'+layerNum);
        var layerPositionObj = document.getElementById("pos" + layerNum);
        layerPositionObj.style.backgroundImage = '';
        layerPositionObj.style.color = "";
        layerObj.style.display='none';
}
}

function menuOn(tdname, parent) {
  ResetCloseTimeout();
  if (!parent) { SetOpenTimeout(tdname); }
}

function menuOff(tdname, parent) {
 if(!parent) { ResetOpenTimeout(); }
 SetCloseTimeout(tdname);
}

var closeTimeout, openTimeout;

function SetOpenTimeout(item) {
 clearTimeout(openTimeout);
 openTimeout = setTimeout("onOpenEvent('" + item + "')", 100);
}

function ResetOpenTimeout() { if(openTimeout) clearTimeout(openTimeout); }

function SetCloseTimeout() {
 clearTimeout(closeTimeout);
 closeTimeout = setTimeout("onCloseEvent()", 100);
}

function ResetCloseTimeout() {
 if(closeTimeout) clearTimeout(closeTimeout);
}

function onOpenEvent(item) {
 ResetCloseTimeout();
 onCloseEvent();
 showLayer(item);
}

function onCloseEvent() {
 var lastElement = document.getElementById("NumOfElements");
 if(lastElement.innerHTML) {
  for (var i=1; i<=lastElement.innerHTML; i++) hideLayer(i);
 }

}

function colorizeBg(bgname, color){
   if (browserType == "explorer" || browserType == "opera") eval('document.all.'+bgname+'.bgColor="'+color+'"');
}

function test(obj){
var r = "";
var o = obj;
  for(i in o){
   r += i + "=" + o[i] + "\t";
  }
  alert(r);
}

function init() {
   if(navigator.appCodeName == 'Mozilla') {
      if(navigator.userAgent.indexOf('Opera') != -1) {
         browserType = "opera";
         browserVersion = navigator.userAgent.substring(navigator.userAgent.indexOf('v'));
      } else if(navigator.userAgent.indexOf('Gecko') != -1) {
         browserType = "mozilla";
      } else if(navigator.appName == 'Microsoft Internet Explorer') {
         browserType = "explorer";
         browserVersion = navigator.appVersion.substring(0,3);
      } else if(navigator.appName == 'Netscape') {
         browserType = "netscape";
         browserVersion = navigator.appVersion.substring(0,3);
      }
   }
}
init();