var ie	= (document.all);
var ns	= (document.layers);
var ns6	= (!document.all && document.getElementById);

var breite		= 1024;
var hoehe		= 768;
var lyr			= new Array("steine", "eisen", "holz");
if (ie) {
	var lyr_pos = new Array(284, 188, 92);
	var menu_oben = 144;
} else if (ns) {
	var lyr_pos = new Array(292, 198, 104);
	var menu_oben = 166;
} else if (ns6) {
	var lyr_pos = new Array(284, 188, 92);
	var menu_oben = 156;
} else {
	var lyr_pos = new Array(284, 188, 92);
	var menu_oben = 144;
}

var lyr_hoehe	= new Array(320, 269, 195);
var lyr_breite	= new Array(175, 175, 175);


var lyrAktiv = "";
var x, y, lyrX, lyrY, lyrHeight, lyrWidth = 0;

function positionieren() {
	for (i = 0; i < lyr.length; i++) {
		get_size();

		if (lyr[i] != '') {
			if (ie) {
				var moved = eval('document.all.' + lyr[i] + '.style');
			} else if (ns) {
				var moved = document.layers[lyr[i]];
			} else if (ns6) {
				var moved = document.getElementById(lyr[i]);
				moved  = moved.style;
			}
		}

		breite = breite / 2;
		hoehe = hoehe / 2;
		var posi_links = breite - lyr_pos[i];
		var posi_oben = hoehe - menu_oben;

		moved.left = parseInt(posi_links);
		moved.top  = parseInt(posi_oben);
	}

	window.onresize = neu_positionieren;
}

function neu_positionieren(Event) { positionieren(); }

function get_size() {
	if (ie) {
		breite = document.body.clientWidth;
		hoehe = document.body.clientHeight;
	} else if (ns) {
		breite = window.innerWidth;
		hoehe = window.innerHeight;
	} else if (ns6) {
		breite = window.innerWidth;
		hoehe = window.innerHeight;
	}
}

function showLyr(lyrNum) {
	hide_all_lyr();

	if (ie) {
		var moved = eval('document.all.' + lyr[lyrNum] + '.style');
		moved.visibility = "visible";
	} else if (ns) {
		var moved = document.layers[lyr[lyrNum]];
		moved.visibility = "show";
	} else if (ns6) {
		var moved = document.getElementById(lyr[lyrNum]);
		moved.style.visibility = "visible";
	}

	lyrAktiv = lyr[lyrNum];

	get_size();

	posi_links = breite / 2 - lyr_pos[lyrNum];
	posi_oben = hoehe / 2 - menu_oben;

	lyrX = parseInt(posi_links);
	lyrY = parseInt(posi_oben) - 26;
	lyrWidth = lyr_breite[lyrNum];
	lyrHeight = lyr_hoehe[lyrNum] + 26;

	if (ns) document.captureEvents(Event.MOUSEMOVE);
	document.onmousemove = mouse_move;
}

function mouse_move(e) {
	if (ie) {
		x = parseInt(event.clientX);
		y = parseInt(event.clientY);
	} else if (ns || ns6) {
		x = e.pageX;
		y = e.pageY;
	}

	linx = parseInt(lyrX);
	oben = parseInt(lyrY);
	rechts = parseInt(lyrX + lyrWidth);
	unten = parseInt(lyrY + lyrHeight);

	if (x < linx || x > rechts || y < oben || y > unten) hideLyr(lyrAktiv);
}

function hideLyr(lyrName) {
	if (ie) {
		var moved = eval('document.all.' + lyrName + '.style');
		moved.visibility = "hidden";
	} else if (ns) {
		var moved = document.layers[lyrName];
		moved.visibility = "hide";
	} else if (ns6) {
		var moved = document.getElementById(lyrName);
		moved.style.visibility = "hidden";
	}
}

function hide_all_lyr() { for (i = 0; i < lyr.length; i++) hideLyr(lyr[i]); }

function popup_detail(bild) {
	var w = window.open('','fenster','width=256,height=256');
	with (w.document) {
		open();
		write('<html><body marginwidth=0 marginheight=0 topmargin=0 leftmargin=0>');
		write('<table width=100% height=100% border=0 cellspacing=0 cellpadding=0><tr><td align=center valign=middle>');
		write('<img src=\'' + bild + '\'>');
		write('</td></tr></table></body></html>');
		close();
	}
	w.self.focus();
}

var agt = navigator.appVersion;
if (ie && agt.substr(agt.indexOf("MSIE") + 5, 3) > 5) {
	document.write("<style>div{filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', direction=135, strength=3) alpha(opacity=90);</style>");
}
