// initiale variablen
var sActiveSubMenu = null;
var aSubMenuData = new Array();
var iOffsetLeft = 100;
var iOffsetTop = 106;

aSubMenuData['div1'] = new Array();
aSubMenuData['div1']['height'] = 0;
aSubMenuData['div1']['width'] = 179;
aSubMenuData['div1']['offsetTop'] = 106;
aSubMenuData['div1']['offsetLeft'] = 200;

aSubMenuData['div2'] = new Array();
aSubMenuData['div2']['height'] = 258;
aSubMenuData['div2']['width'] = 179;
aSubMenuData['div2']['offsetTop'] = 106;
aSubMenuData['div2']['offsetLeft'] = 300;


aSubMenuData['div3'] = new Array();
aSubMenuData['div3']['height'] = 90;
aSubMenuData['div3']['width'] = 179;
aSubMenuData['div3']['offsetTop'] = 106;
aSubMenuData['div3']['offsetLeft'] = 390;

aSubMenuData['div4'] = new Array();
aSubMenuData['div4']['height'] = 0;
aSubMenuData['div4']['width'] = 179;
aSubMenuData['div4']['offsetTop'] = 106;
aSubMenuData['div4']['offsetLeft'] = 468;

aSubMenuData['div5'] = new Array();
aSubMenuData['div5']['height'] = 90;
aSubMenuData['div5']['width'] = 179;
aSubMenuData['div5']['offsetTop'] = 106;
aSubMenuData['div5']['offsetLeft'] = 600;

aSubMenus = ["div1","div2","div3","div4","div5"];

window.document.onmousemove = function()
{
	var newpos_x = window.event.x+document.body.scrollLeft;
	var newpos_y = window.event.y+document.body.scrollTop;
	//document.getElementById('debugdiv').innerHTML = sActiveSubMenu+ ' ' +iActiveHeight + '<br>MOUSETOP: ' +newpos_y+ '<br>MOUSELEFT: ' +newpos_x+'<br>';
	
	if(sActiveSubMenu != null)
	{
		var iActiveHeight = aSubMenuData[sActiveSubMenu]['height'];
		var iActivOffsetTop = aSubMenuData[sActiveSubMenu]['offsetTop']-18;
		var iActivOffsetTop2 = aSubMenuData[sActiveSubMenu]['offsetTop']+aSubMenuData[sActiveSubMenu]['height'];
		var iActivOffsetLeft = aSubMenuData[sActiveSubMenu]['offsetLeft'];
		var iActivOffsetLeft2 = aSubMenuData[sActiveSubMenu]['offsetLeft']+aSubMenuData[sActiveSubMenu]['width'];
		
		//document.getElementById('debugdiv').innerHTML += 'X: ' + iActivOffsetLeft+'<br>';
		//document.getElementById('debugdiv').innerHTML += 'Y: ' + iActivOffsetTop+'<br>';
		//document.getElementById('debugdiv').innerHTML += 'X2: ' + iActivOffsetLeft2+'<br>';
		//document.getElementById('debugdiv').innerHTML += 'Y2: ' + iActivOffsetTop2+'<br>';
		if(newpos_x>iActivOffsetLeft2 || newpos_y>iActivOffsetTop2 || newpos_x<iActivOffsetLeft || newpos_y<iActivOffsetTop)
		{
			hideMenus();
		}
	}
}


// ein menue ein/ausbelnden
function displayMenu(bOn, sName) {
	if(true == bOn) sActiveSubMenu = sName;
	else sActiveSubMenu = null;
	
	if (!bOn && sName!="" && sName!="undefined") {
		document.getElementById(sName).style.visibility = "hidden";
	} else {
		document.getElementById(sName).style.visibility = "visible";
	}
}
// alle menues ausblenden
function hideMenus() {
	sActiveSubMenu = null;
	for (var i in aSubMenus) {
		document.getElementById(aSubMenus[i]).style.visibility = "hidden";
	}
}

// alle sub-menüs ausblenden
// zum einblenden der Sub-Menüs "products" auf Anzahl der Untermenüs erhöhen
var products = 0;
function hideSubMenus(basename) {
	var subAnzahl = eval(basename);
	for (var i=0; i<subAnzahl; i++) {
		document.getElementById("products-"+i).style.visibility = "hidden";
	}
}