var docEl = (typeof document.compatMode != "undefined" && document.compatMode != "BackCompat") ? "documentElement" : "body";
var xPos, yPos;

function init_mousemove() {
	if (document.layers) {
		document.captureEvents(Event.MOUSEMOVE);
	}
	document.onmousemove = dpl_mouse_pos;
}

function dpl_mouse_pos(e) {
	xPos = e? e.pageX : window.event.x;
	yPos = e? e.pageY : window.event.y;
	
	if (document.all && !document.captureEvents) {
		xPos    += document[docEl].scrollLeft;
		yPos    += document[docEl].scrollTop;
	}
	
	if (document.layers) {
		routeEvent(e);
	}
}

var farbfeld = null;
var previewfeld = null;
init_mousemove();

function colorpicker(feld) {
	var colorpickerdiv = document.getElementById("colorpicker");
	farbfeld = document.getElementById(feld);
	previewfeld = farbfeld.name + "_preview";
	colorpickerdiv.style.visibility = "visible";
	colorpickerdiv.style.left = xPos + "px";
	colorpickerdiv.style.top = yPos + "px";
}

function closecolorpicker() {
	var colorpickerdiv = document.getElementById("colorpicker");
	colorpickerdiv.style.visibility = "hidden";
}

function changecolor(farbe) {
	farbfeld.value = farbe;
	document.getElementById(previewfeld).style.background = "#" + farbe;
	
}