var currentPanel = null;
var panelX;
var panelY;

function initPanel(panelId, selectorId) {
    var panel = document.getElementById(panelId);
    var selector = document.getElementById(selectorId);

    if (panel == null || selector == null) return;

    selector.onmouseover = function() {
        if (currentPanel) {
            currentPanel.style.visibility = "hidden";
        }

        this.showPanel();
    }
  
    selector.showPanel = function() {
        var dsp = document.getElementById("dftPanel");
	if (dsp == null) return;

/*
	alert("Display: " + dsp.offsetLeft
		+ " " + dsp.offsetTop
		+ " Panel: " + panel.id);
*/

	dsp.style.visibility = "hidden";
        currentPanel = panel;
        panel.style.visibility = "visible";
    }
}