//Browserabfrage
var ns4 =            (document.layers) ? true:false;
var ie4 =             (document.all) ? true:false;
var ns6 =            (document.getElementById && !ie4) ? true:false;

//Eventlistener	
if ( ns6 ||ns4) {
	document.captureEvents(Event.MOUSEMOVE);
	document.onmousemove = setCoords;
}

//Layer Ein-Ausblender
var ns_y;
var ns_x;
var visibleLayer;

function createLayerObjects(LayerId){
	var LayerObject;
	if(ns4){
		LayerObject = document.layers[LayerId];
	} else if (ie4){
		LayerObject = document.all[LayerId].style;
	} else {
		LayerObject = document.getElementById(LayerId).style;
	}
	return LayerObject;
}

function setCoords(Ereignis){
	ns_y = Ereignis.pageY;
	ns_x = Ereignis.pageX+10;
}

function getEventVerticalPosition(Ereignis){
	if(ie4)  y = window.event.clientY+document.body.scrollTop;
	else if (ns4) y = ns_y;
	else if (ns6) y = ns_y;
	return y;
}
	
	
function getEventHorizontalPosition(Ereignis){
	if(ie4)  x = window.event.clientX+10;
	else if (ns4) x = ns_x;
	else if (ns6) x = ns_x;
	return x;
}

function show(id) {
	if(ns4) {
		if(document.layers[id]) document.layers[id].visibility="show";
	}
	else if(ns6) {
		if(document.getElementById(id)) document.getElementById(id).style.visibility="visible";
	}
	else if(ie4) {
		if(document.all[id]) document.all[id].style.visibility="visible";
	}
}

function hide(id) {
	if(ns4) {if(document.layers[id]) document.layers[id].visibility="hide";}
	else if(ns6) {if(document.getElementById(id)) document.getElementById(id).style.visibility="hidden";}
	else if(ie4) {if(document.all[id]) document.all[id].style.visibility="hidden";}
	}

function showDetails(LayerId){
	if(visibleLayer) hide(visibleLayer);
	var currentLayer = createLayerObjects(LayerId);
	currentLayer.top = getEventVerticalPosition();
	currentLayer.left =getEventHorizontalPosition();
	currentLayer.borderTopStyle = "none";
	show(LayerId);
	visibleLayer = LayerId;
}