// JavaScript Document

menu_down = new Array(8);
menu_pointer = new Array(2,3,7);

array_max = 3;

menu_timer = window.setTimeout("loadMenu()", 50);



function loadMenu() {
	for (i = 0; i < array_max; i++) {
		menu_down[menu_pointer[i]] = false;
		//write_js_on_menue(menu_pointer[i]);
	}

}

	



function ontop_menu($menue_nr) {		// Wird von den Grafiken aufgerufen beim RollOver (Argument zwischen 2 und 7)
	
	for (i = 0; i < array_max; i++) {
		menu_down[menu_pointer[i]] = false;
	}
	menu_down[$menue_nr] = true;

	window.clearTimeout(menu_timer);

	set_visibility();

}




function offtop_menu($menue_nr) {		// Wird von den Grafiken aufgerufen beim RollOut (Argument zwischen 2 und 7)
	//alert ('timer gesetzt!');
	menu_timer = window.setTimeout("close_all()", 500);
}





function close_all() {
	for (i = 0; i < array_max; i++) {
		menu_down[menu_pointer[i]] = false;
	}
	set_visibility();
}




function set_visibility() {				// Setzt die Menüs entsprechend der menu_down[] Variable...

	for (i = 0; i < array_max; i++) {
		if(menu_down[menu_pointer[i]]) {
			document.getElementById('sub_' + menu_pointer[i]).style.visibility = 'visible';
			//x = document.getElementById('sub_' + menu_pointer[i]).style.visibility;
			//alert ('menu_pointer ' + i + ' zeigt auf ' + menu_pointer[i] + ' und sub_' + menu_pointer[i] + ' ist auf ' + x + ' gesetzt!')
		} else {
			document.getElementById('sub_' + menu_pointer[i]).style.visibility = 'hidden';
		}
	}
}






/*
function set_menu_position($menue_nr) {
	if ($menue_nr == 2) $x_dist = 268;
	if ($menue_nr == 3) $x_dist = 330;
	if ($menue_nr == 4) $x_dist = 383;
	if ($menue_nr == 7) $x_dist = 634;
	//else return(0);
	
	document.getElementById('sub_' + $menue_nr).style.top = 207; //	document.getElementById('menue_' + $menue_nr).style.top + 207;

//x = document.getElementById('sub_' + $menue_nr).style.getAttribute("left", "false");

// ie x = document.getElementById('sub_2').style.getAttribute("left", "false");

//sub2_left = document.getElementById('sub_' + $menue_nr).style.left;

sub2_left = document.getElementById('sub_2').style.left;
men2_left = document.getElementById('menue_2').style.left;

	window.status = 'sub_2.left = ' + sub2_left + '; menue_2.left = ' + men2_left;

//alert ("left '" + x + "' und xdist " + $x_dist);
	
	document.getElementById('sub_' + $menue_nr).style.left = document.getElementById('sub_' + $menue_nr).style.left + $x_dist;
	document.getElementById('sub_' + $menue_nr).style.visibility = 'hidden';
}



###################################  nicht einzeln drauf scrheiben onMouveover...


	sub_x = document.getElementById('sub_2');

	sub_x.onMouseover = ontop_menu(2);

	//write_js_on_menue(2);
function write_js_on_menue($nr) {
	
	
	sub_x = document.getElementById('sub_' + $nr);
	menue_x = document.getElementById('menue_' + $nr);
	
	sub_x.captureEvents(Event.MOUSEOVER);
	sub_x.onMouseover = ontop_menu($nr);
	
	//menue_x.onMouseover = ontop_menu($nr);
	
}
################################################################################# ab hier 1. version ###################


function loadVars() {
	$menu_down = false;
	$menue_nr = 2;
	pull_menue = false;

	//MausTrace();
}


function MausTrace() {
	alert (document.onMousemove);
	//window.onMousemove = action();
}

function action() {
	alert ("bewegt!");
	//MausTrace();
}

function ausfahren($menue_nr) {
	if ($menue_nr == 2) $x_dist = 268;
	if ($menue_nr == 3) $x_dist = 330;
	if ($menue_nr == 4) $x_dist = 383;
	if ($menue_nr == 7) $x_dist = 634;
	
	//alert ($menue_nr);
	
	document.getElementById('sub_' + $menue_nr).style.top = 207; //document.getElementById('menue_' + $menue_nr).style.top + 207;
	document.getElementById('sub_' + $menue_nr).style.left = document.getElementById('menue_' + $menue_nr).style.left + $x_dist;
	document.getElementById('sub_' + $menue_nr).style.visibility = 'visible';
}


function mouseevents (Element) {
  var Pos = Element.offsetLeft + "/" + Element.offsetTop;
  window.status = Pos;
  return true;
}



function mouseevents(Mouse_Event) {
			//offx = Mouse_Event.offsetLeft;
			//alert(offx);
	if (window.event) {
	
		$dif = window.event.screenX - window.event.x;
		//alert ("X Dif: " + $dif);	
		if (!$menu_down)
			if ((window.event.y > 180) && (window.event.y < 202)) {
				$menu_down = true;
				choose_drop_down();
			} else {
				//alert("x = " + window.event.x + "/ y = " + window.event.y + ' und Menü eingefahren!');
			}
		else 
			if ((window.event.y > 175) && (window.event.y < 202)) {
				choose_drop_down();
			} else {
				if ((window.event.y >= 202) && (window.event.y < 350)) {
					
				} else {
					menue_up($menue_nr);
				}
			}
	}
	else {

		alert ("bla" + offx);
	}
}


function choose_drop_down() {

	$pull_menue = true;

	$menue_nr_old = $menue_nr;

	check_sub_menue(2);

	check_sub_menue(3);

	check_sub_menue(4);

	check_sub_menue(7);

	if ($pull_menue || $menue_nr_old != $menue_nr) menue_up($menue_nr_old);


	//	window.status = window.status + ' und var_unten = ' + $menu_down;
	//alert ('width: ' + document.getElementById('menue_2').width + ', left: ' + document.getElementById('menue_2').style.left + ', window.event.x: ' + window.event.x);
	//alert (document.getElementById('menue_2').offsetLeft);

}

function check_sub_menue ($i) {
	if (window.event.x > document.getElementById('menue_' + $i).offsetLeft && window.event.x < (document.getElementById('menue_' + $i).offsetLeft) + document.getElementById('menue_' + $i).width) {
		window.status = "Menü " + $i;
		$menue_nr = $i;
		
		$pull_menue = false;
		
		ausfahren($menue_nr);
				
		//alert ('Menü ' + $i + ' fährt aus!');
	}
}

function menue_up($up_menue_nr) {
	$menu_down = false;
	window.status = "-";
	
	//alert("x = " + window.event.x + "/ y = " + window.event.y + ' und Menü wird eingefahren!');
	
	document.getElementById('sub_' + $up_menue_nr).style.visibility = 'hidden';
}*/