var windowInnerWidth;
var windowInnerHeight;

document.onmousemove = mouseMove;

var mt_2_x_visible = false;
var mt_3_x_visible = false;
var mt_4_x_visible = false;
var mt_5_x_visible = false;

var mt_x_top;
var mt_x_height;

var mt_x_sensible_height = 75;

var mt_2_left;
var mt_3_left;
var mt_4_left;
var mt_5_left;

var mt_2_width;
var mt_3_width;
var mt_4_width;
var mt_5_width;

var mt_x_x_high = false;

var ms_high = false;


function set_button(button){
	mt_x_x_high = button;
}

function set_sub_button(button){
	ms_high = button;

	if(ms_high == 'ms_1'){
		if(document.getElementById('ms_1_off')) document.getElementById('ms_1_off').style.visibility = 'hidden';
		if(document.getElementById('ms_1_on')) document.getElementById('ms_1_on').style.visibility = 'visible';
	}
	else{
		if(document.getElementById('ms_1_off')) document.getElementById('ms_1_off').style.visibility = 'visible';
		if(document.getElementById('ms_1_on')) document.getElementById('ms_1_on').style.visibility = 'hidden';
	}

	if(ms_high == 'ms_2'){
		if(document.getElementById('ms_2_off')) document.getElementById('ms_2_off').style.visibility = 'hidden';
		if(document.getElementById('ms_2_on')) document.getElementById('ms_2_on').style.visibility = 'visible';
	}
	else{
		if(document.getElementById('ms_2_off')) document.getElementById('ms_2_off').style.visibility = 'visible';
		if(document.getElementById('ms_2_on')) document.getElementById('ms_2_on').style.visibility = 'hidden';
	}

	if(ms_high == 'ms_3'){
		if(document.getElementById('ms_3_off')) document.getElementById('ms_3_off').style.visibility = 'hidden';
		if(document.getElementById('ms_3_on')) document.getElementById('ms_3_on').style.visibility = 'visible';
	}
	else{
		if(document.getElementById('ms_3_off')) document.getElementById('ms_3_off').style.visibility = 'visible';
		if(document.getElementById('ms_3_on')) document.getElementById('ms_3_on').style.visibility = 'hidden';
	}

	if(ms_high == 'ms_4'){
		if(document.getElementById('ms_4_off')) document.getElementById('ms_4_off').style.visibility = 'hidden';
		if(document.getElementById('ms_4_on')) document.getElementById('ms_4_on').style.visibility = 'visible';
	}
	else{
		if(document.getElementById('ms_4_off')) document.getElementById('ms_4_off').style.visibility = 'visible';
		if(document.getElementById('ms_4_on')) document.getElementById('ms_4_on').style.visibility = 'hidden';
	}

	if(ms_high == 'ms_5'){
		if(document.getElementById('ms_5_off')) document.getElementById('ms_5_off').style.visibility = 'hidden';
		if(document.getElementById('ms_5_on')) document.getElementById('ms_5_on').style.visibility = 'visible';
	}
	else{
		if(document.getElementById('ms_5_off')) document.getElementById('ms_5_off').style.visibility = 'visible';
		if(document.getElementById('ms_5_on')) document.getElementById('ms_5_on').style.visibility = 'hidden';
	}
}


function highlight(obj, is_highlighted){
	if(document.getElementById(obj)){
		if(is_highlighted) document.getElementById(obj).src="images/"+obj+"_on.gif";
		else document.getElementById(obj).src="images/"+obj+"_off.gif";
	}
}

function define_window_dimensions(){
	windowInnerHeight = window.innerHeight;
	if(!windowInnerHeight){
		windowInnerHeight =  document.body.clientHeight;

		if(windowInnerHeight == 0) windowInnerHeight =  document.documentElement.clientHeight;
	}

	windowInnerWidth = window.innerWidth;
	if(!windowInnerWidth){
		windowInnerWidth =  document.body.clientWidth;

		if(windowInnerWidth == 0) windowInnerWidth =  document.documentElement.clientWidth;
	}
}


function loadme(){
	define_window_dimensions();

	if(windowInnerWidth>=900){
		//document.getElementsByTagName('body')[0].style.overflowX = "hidden";
	}

	//positioniert werden:
	//menu_top
	//middle_container
	//menu_left
	//anet_rechts / div_rechts

	var menu_top_left = (windowInnerWidth-document.getElementById('menu_top').offsetWidth)/2;

	if(menu_top_left < 0) menu_top_left = 0;

	var menu_left_left = menu_top_left;

	var middle_container_left = menu_top_left + document.getElementById('menu_left').offsetWidth + 40;

	document.getElementById('menu_top').style.left = menu_top_left + "px";
	document.getElementById('middle_container').style.left = middle_container_left + "px";
	document.getElementById('menu_left').style.left = menu_left_left + "px";

	if(document.getElementById('anet_rechts')){
		var anet_rechts_left = menu_top_left + document.getElementById('menu_top').offsetWidth - document.getElementById('anet_rechts').offsetWidth;

		document.getElementById('anet_rechts').style.left = anet_rechts_left + "px";
	}

	if(document.getElementById('div_rechts')){
		var anet_rechts_left = menu_top_left + document.getElementById('menu_top').offsetWidth - document.getElementById('div_rechts').offsetWidth;

		if(document.getElementById('div_rechts')) document.getElementById('div_rechts').style.left = anet_rechts_left + 47 + "px";
	}

	mt_x_top = document.getElementById('menu_top').offsetTop + document.getElementById('mt_2').offsetTop; 
	mt_x_height = document.getElementById('mt_2').offsetHeight;

	mt_2_left = document.getElementById('menu_top').offsetLeft + document.getElementById('mt_2').offsetLeft-10;
	mt_3_left = document.getElementById('menu_top').offsetLeft + document.getElementById('mt_3').offsetLeft-10;
	mt_4_left = document.getElementById('menu_top').offsetLeft + document.getElementById('mt_4').offsetLeft-10;
	mt_5_left = document.getElementById('menu_top').offsetLeft + document.getElementById('mt_5').offsetLeft-10;

	mt_2_width = document.getElementById('mt_2').offsetWidth;
	mt_3_width = document.getElementById('mt_3').offsetWidth;
	mt_4_width = document.getElementById('mt_4').offsetWidth;
	mt_5_width = document.getElementById('mt_5').offsetWidth;

	document.getElementById('mt_2_1_off').style.top = (document.getElementById('mt_2').offsetTop+document.getElementById('mt_2').offsetHeight)-34+"px";
	document.getElementById('mt_2_1_off').style.left = (document.getElementById('mt_1').offsetLeft+document.getElementById('mt_1').offsetWidth)+4+"px";
	document.getElementById('mt_2_2_off').style.top = (document.getElementById('mt_2').offsetTop+document.getElementById('mt_2').offsetHeight)-34+"px";
 	document.getElementById('mt_2_2_off').style.left = (document.getElementById('mt_2_1_off').offsetLeft+document.getElementById('mt_2_1_off').offsetWidth)+5+"px";
 	document.getElementById('mt_2_3_off').style.top = (document.getElementById('mt_2').offsetTop+document.getElementById('mt_2').offsetHeight)-34+"px";
	document.getElementById('mt_2_3_off').style.left = (document.getElementById('mt_2_2_off').offsetLeft+document.getElementById('mt_2_2_off').offsetWidth)+5+"px";


	document.getElementById('mt_2_1_on').style.top = (document.getElementById('mt_2').offsetTop+document.getElementById('mt_2').offsetHeight)-34+"px";
	document.getElementById('mt_2_1_on').style.left = (document.getElementById('mt_1').offsetLeft+document.getElementById('mt_1').offsetWidth)+4+"px";
	document.getElementById('mt_2_2_on').style.top = (document.getElementById('mt_2').offsetTop+document.getElementById('mt_2').offsetHeight)-34+"px";
 	document.getElementById('mt_2_2_on').style.left = (document.getElementById('mt_2_1_on').offsetLeft+document.getElementById('mt_2_1_on').offsetWidth)+5+"px";
 	document.getElementById('mt_2_3_on').style.top = (document.getElementById('mt_2').offsetTop+document.getElementById('mt_2').offsetHeight)-34+"px";
	document.getElementById('mt_2_3_on').style.left = (document.getElementById('mt_2_2_on').offsetLeft+document.getElementById('mt_2_2_on').offsetWidth)+5+"px";




	document.getElementById('mt_3_1_off').style.top = (document.getElementById('mt_2').offsetTop+document.getElementById('mt_2').offsetHeight)-34+"px";
	document.getElementById('mt_3_1_off').style.left = (document.getElementById('mt_1').offsetLeft+document.getElementById('mt_1').offsetWidth)+4+"px";
	document.getElementById('mt_3_2_off').style.top = (document.getElementById('mt_2').offsetTop+document.getElementById('mt_2').offsetHeight)-34+"px";
	document.getElementById('mt_3_2_off').style.left = (document.getElementById('mt_3_1_off').offsetLeft+document.getElementById('mt_3_1_off').offsetWidth)+5+"px";

	document.getElementById('mt_3_1_on').style.top = (document.getElementById('mt_2').offsetTop+document.getElementById('mt_2').offsetHeight)-34+"px";
 	document.getElementById('mt_3_1_on').style.left = (document.getElementById('mt_1').offsetLeft+document.getElementById('mt_1').offsetWidth)+4+"px";
 	document.getElementById('mt_3_2_on').style.top = (document.getElementById('mt_2').offsetTop+document.getElementById('mt_2').offsetHeight)-34+"px";
 	document.getElementById('mt_3_2_on').style.left = (document.getElementById('mt_3_1_on').offsetLeft+document.getElementById('mt_3_1_on').offsetWidth)+5+"px";
 



	document.getElementById('mt_4_1_off').style.top = (document.getElementById('mt_2').offsetTop+document.getElementById('mt_2').offsetHeight)-34+"px";
	document.getElementById('mt_4_1_off').style.left = (document.getElementById('mt_1').offsetLeft+document.getElementById('mt_1').offsetWidth)+4+"px";
	document.getElementById('mt_4_2_off').style.top = (document.getElementById('mt_2').offsetTop+document.getElementById('mt_2').offsetHeight)-34+"px";
	document.getElementById('mt_4_2_off').style.left = (document.getElementById('mt_4_1_off').offsetLeft+document.getElementById('mt_4_1_off').offsetWidth)+5+"px";
	document.getElementById('mt_4_3_off').style.top = (document.getElementById('mt_2').offsetTop+document.getElementById('mt_2').offsetHeight)-34+"px";
	document.getElementById('mt_4_3_off').style.left = (document.getElementById('mt_4_2_off').offsetLeft+document.getElementById('mt_4_2_off').offsetWidth)+5+"px";

	document.getElementById('mt_4_1_on').style.top = (document.getElementById('mt_2').offsetTop+document.getElementById('mt_2').offsetHeight)-34+"px";
	document.getElementById('mt_4_1_on').style.left = (document.getElementById('mt_1').offsetLeft+document.getElementById('mt_1').offsetWidth)+4+"px";
	document.getElementById('mt_4_2_on').style.top = (document.getElementById('mt_2').offsetTop+document.getElementById('mt_2').offsetHeight)-34+"px";
	document.getElementById('mt_4_2_on').style.left = (document.getElementById('mt_4_1_on').offsetLeft+document.getElementById('mt_4_1_on').offsetWidth)+5+"px";
	document.getElementById('mt_4_3_on').style.top = (document.getElementById('mt_2').offsetTop+document.getElementById('mt_2').offsetHeight)-34+"px";
	document.getElementById('mt_4_3_on').style.left = (document.getElementById('mt_4_2_on').offsetLeft+document.getElementById('mt_4_2_on').offsetWidth)+5+"px";
}

function mouseMove(ev){

	ev = ev || window.event;

	var actual_mouseX = ev.clientX;
	var actual_mouseY = ev.clientY;

	if(actual_mouseY <= (mt_x_top + mt_x_sensible_height-10)){

		if(actual_mouseX >= mt_2_left
		 && actual_mouseX <= (mt_2_left+mt_2_width)){
			mt_2_x_visible = true;
			mt_3_x_visible = false;
			mt_4_x_visible = false;
			mt_5_x_visible = false;
		}

		if(actual_mouseX >= mt_3_left
		 && actual_mouseX <= (mt_3_left+mt_3_width)){

			mt_2_x_visible = false;
			mt_3_x_visible = true;
			mt_4_x_visible = false;
			mt_5_x_visible = false;
		}

		if(actual_mouseX >= mt_4_left
		 && actual_mouseX <= (mt_4_left+mt_4_width)){

			mt_2_x_visible = false;
			mt_3_x_visible = false;
			mt_4_x_visible = true;
			mt_5_x_visible = false;
		}

		if(actual_mouseX >= mt_5_left
		 && actual_mouseX <= (mt_5_left+mt_5_width)){

			mt_2_x_visible = false;
			mt_3_x_visible = false;
			mt_4_x_visible = false;
			mt_5_x_visible = true;
		}
	}
	else if(actual_mouseY >= (mt_x_top + mt_x_height+50)){
		mt_2_x_visible = false;
		mt_3_x_visible = false;
		mt_4_x_visible = false;
		mt_5_x_visible = false;
	}

	if(mt_2_x_visible){
		highlight('mt_2', true);

		if(mt_x_x_high == "mt_2_1") turnon('mt_2_1');
		else turnoff('mt_2_1');

		if(mt_x_x_high == "mt_2_2") turnon('mt_2_2');
		else turnoff('mt_2_2');

		if(mt_x_x_high == "mt_2_3") turnon('mt_2_3');
		else turnoff('mt_2_3');
	}
	else{
		highlight('mt_2', false);

		turnoff_mt_2_x();
	}

	if(mt_3_x_visible){
		highlight('mt_3', true);

		if(mt_x_x_high == "mt_3_1") turnon('mt_3_1');
		else turnoff('mt_3_1');

		if(mt_x_x_high == "mt_3_2") turnon('mt_3_2');
		else turnoff('mt_3_2');
	}
	else{
		highlight('mt_3', false);

		turnoff_mt_3_x();
	}

	if(mt_4_x_visible){
		highlight('mt_4', true);

		if(mt_x_x_high == "mt_4_1") turnon('mt_4_1');
		else turnoff('mt_4_1');

		if(mt_x_x_high == "mt_4_2") turnon('mt_4_2');
		else turnoff('mt_4_2');

		if(mt_x_x_high == "mt_4_3") turnon('mt_4_3');
		else turnoff('mt_4_3');
	}
	else{		
		highlight('mt_4', false);

		turnoff_mt_4_x();
	}

	if(mt_5_x_visible){
		highlight('mt_5', true);
	}
	else{		
		highlight('mt_5', false);
	}
}

function turnon(button){	
	document.getElementById(button+'_off').style.visibility = 'hidden';
	document.getElementById(button+'_on').style.visibility = 'visible';
}

function turnoff(button){
	document.getElementById(button+'_off').style.visibility = 'visible';
	document.getElementById(button+'_on').style.visibility = 'hidden';
}

function turnoff_mt_2_x(){
		if(document.getElementById('mt_2_1_off')) document.getElementById('mt_2_1_off').style.visibility = 'hidden';
		if(document.getElementById('mt_2_2_off')) document.getElementById('mt_2_2_off').style.visibility = 'hidden';
		if(document.getElementById('mt_2_3_off')) document.getElementById('mt_2_3_off').style.visibility = 'hidden';

		if(document.getElementById('mt_2_1_on')) document.getElementById('mt_2_1_on').style.visibility = 'hidden';
		if(document.getElementById('mt_2_2_on')) document.getElementById('mt_2_2_on').style.visibility = 'hidden';
		if(document.getElementById('mt_2_3_on')) document.getElementById('mt_2_3_on').style.visibility = 'hidden';
}

function turnoff_mt_3_x(){
		if(document.getElementById('mt_3_1_off')) document.getElementById('mt_3_1_off').style.visibility = 'hidden';
		if(document.getElementById('mt_3_2_off')) document.getElementById('mt_3_2_off').style.visibility = 'hidden';

		if(document.getElementById('mt_3_1_on')) document.getElementById('mt_3_1_on').style.visibility = 'hidden';
		if(document.getElementById('mt_3_2_on')) document.getElementById('mt_3_2_on').style.visibility = 'hidden';
}

function turnoff_mt_4_x(){
		if(document.getElementById('mt_4_1_off')) document.getElementById('mt_4_1_off').style.visibility = 'hidden';
		if(document.getElementById('mt_4_2_off')) document.getElementById('mt_4_2_off').style.visibility = 'hidden';
		if(document.getElementById('mt_4_3_off')) document.getElementById('mt_4_3_off').style.visibility = 'hidden';

		if(document.getElementById('mt_4_1_on')) document.getElementById('mt_4_1_on').style.visibility = 'hidden';
		if(document.getElementById('mt_4_2_on')) document.getElementById('mt_4_2_on').style.visibility = 'hidden';
		if(document.getElementById('mt_4_3_on')) document.getElementById('mt_4_3_on').style.visibility = 'hidden';
}