// check browserversionen

var ie4 = ((document.all) && (navigator.appVersion.indexOf('MSIE 4')!=-1)) ? true:false;
var ie5 = ((document.getElementById) && (navigator.appVersion.indexOf('MSIE 5')!=-1)) ? true:false;
var ie6 = ((document.getElementById) && (navigator.appVersion.indexOf('MSIE 6')!=-1)) ? true:false;
var ns4 = (document.layers)? true:false;
var ns6 = ((document.getElementById) && (navigator.appName == 'Netscape')) ? true:false;
var opera = (navigator.appName == 'Opera') ? true:false;


// variablen deklarieren

var submenu;
var top;
var right;
var bottom;
var left;
var width;
var height;


// submenue funktion starten

function StartSubmenu()
  {  
	if (document.all){
	 if (document.all.subnavi) {
	     DefineSubmenu();
	     ShowSubmenu();
	     GetPos();
	     StartCapture();
	}}
	else if (document.layers) {
		if (document.layers.subnavi) {
	     DefineSubmenu();
	     ShowSubmenu();
	     GetPos();
	     StartCapture();
	}}
	else if (document.getElementById) {
	 if (document.getElementById("subnavi")) {
	     DefineSubmenu();
	     ShowSubmenu();
	     GetPos();
	     StartCapture();
	}}
  }


// crossbrowser referenz auf die menue-ebene schaffen

function DefineSubmenu()
  {  if ((ns6)||(opera)) submenu = document.getElementById("subnavi");
     if ((ie4)||(ie5)||(ie6)) submenu = document.all.subnavi;
     if (ns4) submenu = document.layers.subnavi;
  }


// masse und position abfragen

function GetPos()
  {  if ((ns6)||(opera)) 
       {  top = parseInt(submenu.style.top);
          left = parseInt(submenu.style.left);
          height = parseInt(submenu.style.height);
          width = parseInt(submenu.style.width);
       }
     if ((ie4)||(ie5)||(ie6))
       {  top = submenu.style.pixelTop;
          left = submenu.style.pixelLeft;
          height = parseInt(submenu.style.height);
          width = parseInt(submenu.style.width);
       }
     if (ns4)
       {  top = submenu.top;
          left = submenu.left;
          height = submenu.clip.height;
          width = submenu.clip.width;
      }
     right = width + left;
     bottom = height + top;
  }


// menue-ebene ein- und ausblenden

function ShowSubmenu()
  {  if (ns4) submenu.visibility = "visible";
     if ((ns6)||(opera)||(ie4)||(ie5)||(ie6)) submenu.style.visibility = "visible";
   }

function HideSubmenu()
  {  if (ns4) submenu.visibility = "hidden";
     if ((ns6)||(opera)||(ie4)||(ie5)||(ie6)) submenu.style.visibility = "hidden";
  }


// mousebewegungen abfangen

function StartCapture()
  {  if ((ns4)||(ns6)) document.captureEvents(Event.MOUSEMOVE);
     document.onmousemove = CheckMausPos;
  }

function StopCapture()
  {  if ((ns4)||(ns6)) document.releaseEvents(Event.MOUSEMOVE);
     document.onmousemove = null;
  }

function CheckMausPos(e)
  {  var oversubmenu = true;
     var PosArray = new Array(top,right,bottom,left);
     if ((ie4)||(ie5)||(ie6)||(opera))
        {  if ((event.clientY < PosArray[0]) || (event.clientY > PosArray[2]) ||
               (event.clientX < PosArray[3]) || (event.clientX > PosArray[1]))
           oversubmenu = false;
        }
     if ((ns4)||(ns6))
        {  if ((e.pageY < PosArray[0]) || (e.pageY > PosArray[2]) ||
               (e.pageX < PosArray[3]) || (e.pageX > PosArray[1]))
           oversubmenu = false;
        }  
     if (!oversubmenu)
        {  HideSubmenu();
           StopCapture();
        }
  }