var left;
var roller;
var currMousePos_x;
var currMousePos_y;
var rolling=false;
var rollingDeltaX = 60;
var startX = 0;
var submenus = new Array('submenuekl','submenueart','submenueausst','submenueck');

function rollup(which)
{
	if(!rolling)
	{
		hideLayerAll();
		document.getElementById(which).style.visibility = 'visible';
        document.getElementById(which).style.top = currMousePos_y+'px';
        left = currMousePos_x;
		startX = left;
		rolling = true;
	}
	else if(left-startX >= rollingDeltaX){
        window.clearTimeout(roller);
		rolling = false;
        return;
	}
    if(document.getElementById)
	{
		left += 10;
        document.getElementById(which).style.left = left+'px';
		document.getElementById(which).style.visibility = 'visible';
        trans = which;
        roller = window.setTimeout('rollup(trans);',20);
    }
}

//Layer verstecken
function hideLayer(which){
    if(document.getElementById)
		document.getElementById(which).style.visibility = 'hidden';
}

//Alle Submenüs ausblenden
function hideLayerAll(){
    for(i=0; i < submenus.length; i++){
        hideLayer(submenus[i]);
    }
}

document.onmousemove = function(e){
	if(document.all)
	{
		currMousePos_x = window.event.clientX;
		currMousePos_y = window.event.clientY;
	}
	else
	{
		currMousePos_x = e.pageX;
		currMousePos_y = e.pageY;
	}
}



document.onclick = function()
{
    hideLayerAll()
}




function showPic(which)
{
    if(document.getElementById)
	{
		document.getElementById('pic').src = which;
		document.getElementById('picDiv').style.left = currMousePos_x+100+'px';
		document.getElementById('picDiv').style.top = currMousePos_y-100+'px';
		document.getElementById('picDiv').style.visibility = 'visible';
	}
}


function hidePic()
{
    if(document.getElementById)
	{
		document.getElementById('picDiv').style.visibility = 'hidden';
	}
}