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;

var archives_xmlHttp = false;

function reload_archives(id){

	var url="archives.php?";
	if(id>0) url = url + "open="+id;
	if(id<0) url = url + "close="+(-id);

	archives_xmlHttp = new net.ContentLoader(url,archives_stateChanged);
}

function archives_stateChanged(){
	var new_inner = this.req.responseText;

	document.getElementById('anet_rechts').innerHTML = new_inner;
}


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();

	document.getElementsByTagName('body')[0].style.overflowX = "hidden";

	//top
	var menu_top_width = 984;//1100
	document.getElementById('menu_top').style.width = menu_top_width + "px";

	var menu_top_left = (windowInnerWidth-document.getElementById('menu_top').offsetWidth)/2;
	
	if(menu_top_left < 0) menu_top_left = 0;
	
	document.getElementById('menu_top').style.left = menu_top_left + "px";

	document.getElementById('linien').style.width = (menu_top_width - document.getElementById('logo').offsetWidth - 7) + "px";
	document.getElementById('linien').style.height = 57 + "px";

	//left
	var menu_left = menu_top_left;

	document.getElementById('menu_left').style.left = menu_left + "px";	

	//right
	var anet_rechts_left = menu_top_left + document.getElementById('menu_top').offsetWidth - document.getElementById('anet_rechts').offsetWidth-26;

 	var anet_rechts_width = 220;
 
 	document.getElementById('anet_rechts').style.left = anet_rechts_left + "px";
 	document.getElementById('anet_rechts').style.top = document.getElementById('menu_top').offsetHeight + "px";
 	document.getElementById('anet_rechts').style.width = anet_rechts_width + "px";

	var anet_rechts_height = windowInnerHeight;

	if((document.getElementById('middle_container').offsetTop + document.getElementById('middle_container').offsetHeight) > anet_rechts_height){
		anet_rechts_height = document.getElementById('middle_container').offsetTop + document.getElementById('middle_container').offsetHeight;
	}

	//document.getElementById('anet_rechts').style.height = anet_rechts_height + "px";

	//middle

	var middle_container_left = menu_left + document.getElementById('menu_left').offsetWidth + 20;
	
	document.getElementById('middle_container').style.left = middle_container_left + "px";

	var middle_container_width = anet_rechts_left - middle_container_left-20;

	document.getElementById('middle_container').style.width = middle_container_width + "px";

	document.getElementById('middle_container').style.visibility = 'visible';
	document.getElementById('anet_rechts').style.visibility = 'visible';

	if(document.getElementById('FLVPlayer')){

		var flv_left = (middle_container_width - 512) / 2;

		document.getElementById('FLVPlayer').style.left = flv_left+"px";	
	}

	reload_archives(0);
}

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';
}