var wmtt = null;
function showhelp(element,id){
    wmtt = document.getElementById("help" + id);
    document.onmousemove = update;
    wmtt.style.display = "block";
}

function hidehelp(elm,id){
    document.onmousemove = null;
    document.getElementById("help" + id).style.display = "none";
}

function update(e) {
    if (typeof window.pageYOffset != 'undefined') {
	x = (document.all) ? window.event.x + window.pageXOffset : e.pageX;
	y = (document.all) ? window.event.y + window.pageYOffset  : e.pageY;
    }
    else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') {
	x = (document.all) ? window.event.x + document.documentElement.scrollLeft : e.pageX;
	y = (document.all) ? window.event.y + document.documentElement.scrollTop  : e.pageY;
    }
    else if (typeof document.body != 'undefined') {
	x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;
	y = (document.all) ? window.event.y + document.body.scrollTop  : e.pageY;
    }
    if (wmtt != null) {
	wmtt.style.left = (x+10) + "px";
	wmtt.style.top 	= (y+10) + "px";
    }
}


var active = '';
var subactive = '';
var timer;
function showlayer(wert){
    if(active != ''){
	hidelayer(active,false);
	document.getElementById('sub' + wert).style.display = 'block';
	document.getElementById('mainnavi' + wert).className = 'active';
	active = wert;
    } else {
	document.getElementById('sub' + wert).style.display = 'block';
	document.getElementById('mainnavi' + wert).className = 'active';
	active = wert;
    }
}
function showlayermaybe(wert, timeout){
    clearTimeout(timer);
    timer = setTimeout("showlayer('" + wert + "')", timeout);
}

function hidelayer(wert,istimed){
    clearTimeout(timer);
    document.getElementById('sub' + wert).style.display = 'none';
    document.getElementById('mainnavi' + wert).className = '';
    active = '';
    if(istimed){
	showclickedlayer();
    }
    if(subactive != ''){
	hidesublayer(subactive);
    }
}
function settimer(){
        clearTimeout(timer);
        timer = setTimeout("hidelayer('" + active + "',true)", 1000);
}
function showsubitem(wert){
        if(subactive != ''){
                hidesublayer(subactive)
                document.getElementById('sublayer' + wert).style.display = 'block';
                document.getElementById('subitem' + wert).className = 'active';
                subactive = wert;
        }
        else{
                document.getElementById('sublayer' + wert).style.display = 'block';
                document.getElementById('subitem' + wert).className = 'active';
                subactive = wert;
        }
}
function hidesublayer(wert){
        document.getElementById('sublayer' + wert).style.display = 'none';
        document.getElementById('subitem' + wert).className = '';
        subactive = '';
}
function highlight(sub, subsub){
        document.getElementById('sub' + sub + 'sub' + subsub).className = 'on';
}
function showclickedlayer(){
    if (window.clickedlayer && clickedlayer.length > 0){
	if(clickedlayer.length == 1){
	    showlayer(clickedlayer);
	    active = clickedlayer;
	} else {
	    var clicked = new Array();
	    clicked = clickedlayer.split(',');
	    showlayer(clicked[0]);
	    highlight(clicked[0], clicked[1]);
	    active = clicked[0];
	}
    }
}