var offset_map_x = 0;
var offset_map_y = 1;
var myWin;
if (document.layers) { myWin.captureEvents(Event.RESIZE); myWin.onresize=location.reload(); }

var offset_element_x = -3;
var offset_element_y = -3;
var active_card = 'hint';

function setpoint (id,x,y) {
	x = x + offset_map_x + offset_element_x;
	y = y + offset_map_y + offset_element_y;
	if (document.getElementById) {
		document.getElementById(id).style.left = x;
		document.getElementById(id).style.top = y;
		document.getElementById(id).style.visibility = 'visible';
	} else if (document.layers) {
		document.layers[id].left = x;
		document.layers[id].top = y;
		document.layers[id].visibility = 'show';
	}
}

function makecards () {
	if (typeof (mapdata) == "object") {
		for (var i = 0; i < mapdata.length; i++) {
			d = (eval (mapdata[i]));
			document.write ('<div id="'+mapdata[i]+'" class="card"><h3>' + d[0][0] + '<hr size="1"></h3>');
			var temp = new Array();
			for (var k = 0; k < d.length; k++) {
				idx = isNaN (parseInt(d[k][5])) ? 0 : parseInt(d[k][5]);
				temp[idx] = '<p><b>' + d[k][1] +
					'<br></b>'+
					'<table border="0" cellspacing="0" width="100%" style="font-size:1.0em;color:#504E53;"><tr><td width="30"><img src="' + d[0][2] + '" alt="Farbe"></td><td>' + d[k][3] + ' </td></tr></table></p>';
			}
			for (var k = 0; k < temp.length; k++) { if (temp[k] != null) document.write (temp[k]); }
			document.write ('<table border="0" cellspacing="0" width="100%" style="font-size:1.0em;color:#504E53;"><tr><td>' + d[0][4] + '</td></tr></table>');
			document.write ('</div>');
		}
	}
}

function showdata (id) {
	if (document.getElementById) {
		document.getElementById(active_card).style.visibility = 'hidden';
		document.getElementById(id).style.visibility = 'visible';
	} else if (document.layers) {
		document.layers[active_card].visibility = 'hide';
		document.layers[id].visibility = 'show';
	}
	active_card = id;
}