var writeDebug = function(text) {
    var debug = document.getElementById("jsdebug");
    if (debug == null) {
        var div = document.createElement("textarea");
        div.id = "jsdebug";
        div.style.right = "0px";
        div.style.bottom = "0px";
        div.style.width = "400px";
        div.style.height = "400px";
        div.style.position = "absolute";
        div.style.backgroundColor = "#ff0000";
        div.style.zIndex = "10000";
        document.body.appendChild(div);
        debug = document.getElementById("jsdebug");
    }
    debug.value += text + "\n";
}


var navMouseOver = function(e) {
    if (e == null) {
        return;
    }

    if (e.className.indexOf("level_1") > -1) {
        var containers = document.getElementById("navigation").getElementsByTagName("div");
        for (var i = 0; i < containers.length; i++) {
            if (containers[i].id.indexOf("_container") > -1) {
                if (containers[i] != container) {
                    containers[i].style.display = "none";
                }
            }
        }
    
        var container = document.getElementById(e.id + "_container");
        if (container != null) {
            
            container.style.display = "block";
        }
    }
}

var container = null;

var xMin, xMax, yMin, yMax;


var navContainerOut = function(e) {
    var IE6 = false/*@cc_on || @_jscript_version < 5.7@*/;
    if (IE6) {
        container = e;
        document.onmousemove = activateMouseWatch;
        var xMin = container.offsetLeft;
        var yMin = container.offsetTop;
        var p = container.offsetParent;
        while (p != null) {
            yMin = yMin + p.offsetTop;
            xMin = xMin + p.offsetLeft;
            p = p.offsetParent;
        }

        xMax = xMin + container.clientWidth;
        yMax = yMin + container.clientHeight;
    }
    else {
        e.style.display = 'none';
    }
}

var activateMouseWatch = function(ev) {
    var tempX = event.clientX + document.body.scrollLeft;
    var tempY = event.clientY + document.body.scrollTop;

    if ((tempX < xMin || tempX > xMax) || (tempY < yMin || tempY > yMax)) {
        document.onmousemove = null;
        container.style.display = 'none';
    }
}