var ns4 = document.layers;
var ns6 = document.getElementById && !document.all;
var ie4 = document.all;

var obj_old;

function GetDek() {
	var skn;
	if (ns4)
		skn = document.dek;
	else if (ns6)
		skn = document.getElementById('dek');
	else
		skn = document.all.dek;

	return skn;
}

function getPosition(e){
	var left = 0;
	var top  = 0;

	while (true){
		left += e.offsetLeft;
		top  += e.offsetTop;
		if (e.offsetParent != null)
			e = e.offsetParent;
		else
			break;
	}

	left += e.offsetLeft;
	top  += e.offsetTop;

	return {x:left, y:top};
}

function popup(link1, link2, nom, pos, main, obj) {
	var dek = GetDek();
	var coord = getPosition(obj);

	if (obj_old) 
		obj_old.id = "";
	obj_old = obj;
	obj.id = "td_selected";

	var src = document.getElementById("main_poi_" + main).innerHTML;

	var dest = document.getElementById("dest_" + nom).innerHTML;

	var from = '<b>From:</b>&nbsp;' + src  + ' <b>To:</b>&nbsp;' + dest;
	var to = '<b>From:</b>&nbsp;' + dest + ' <b>To:</b>&nbsp;' + src;

	var content = '<table id="dek_tbl"> ' + 
		'<tr><td align="center"><b>Choose direction:</b></td></tr>' +
		'<tr><td><a href="' + link1 + '">' + from + '</a></td></tr>' +
		'<tr><td align="center"><b>--- OR ---</b></td></tr>' +
		'<tr><td><a href="' + link2 + '">' + to + '</a></td></tr>' +
		'</table>';

	dek.innerHTML = content;

	dek.style.left = 0;
	dek.style.top = 0;
	dek.style.width = 1000;

	if (ns6) {
		dekShow(dek);
		var dek_tbl = document.getElementById("dek_tbl");
		dek.style.width = dek_tbl.offsetWidth;
	}
	else {
		dek.style.width = dek.offsetWidth;
		dekShow(dek);
	}

	if (pos == "L") 
		dek.style.left = (coord.x + 40) + "px";
	else {
		dek.style.left = (coord.x - dek.offsetWidth + obj.offsetWidth - 40) + "px";
	}

	dek.style.top = (coord.y + obj.offsetHeight - 5) + "px";
}

function popup2(link1, link2, main, obj) {
	var dek = GetDek();
	var coord = getPosition(obj);

	if (obj_old) {
		obj_old.id = "";
		obj_old = null;
	}

	var src = document.getElementById("main_poi_" + main).innerHTML;

	var content = '<table id="dek_tbl"> ' + 
		'<tr><td align=\"left\"><b>From:</b></td><td><a href="' + link1 + '">' + src + '</a></td></tr>' +
		'<tr><td align=\"left\"><b>To:</b></td><td><a href="' + link2 + '">' + src + '</a></td></tr>' +
		'</table>';

	dek.innerHTML = content;

	dek.style.left = 0;
	dek.style.top = 0;
	dek.style.width = 1000;

	if (ns6) {
		dekShow(dek);
		var dek_tbl = document.getElementById("dek_tbl");
		dek.style.width = dek_tbl.offsetWidth;
	}
	else {
		dek.style.width = dek.offsetWidth;
		dekShow(dek);
	}

	dek.style.left = (coord.x + 40) + "px";
	dek.style.top = (coord.y + obj.offsetHeight - 15) + "px";
}

function kill() {
	var dek = GetDek().style;
	if (obj_old)
		obj_old.id = "";

	if (ns4) 
		dek.visibility = 'hidden';
	else
		dek.display = 'none';
}

function dekShow(obj) {
	obj.style.display = "block";
	if (obj_old)
		obj_old.id = "td_selected";
}