<!--
function addLoadEvent(func) {
	var oldonload = window.onload;
	if (typeof window.onload != 'function') {
		window.onload = func;
	}
	else {
		window.onload = function() {
			oldonload();
			func();
		}
	}
}

function addEvent(obj, evType, fn, useCapture){
	if (obj.addEventListener){
		obj.addEventListener(evType, fn, useCapture);
		return true;
	}
	else if (obj.attachEvent){
		var retVal = obj.attachEvent("on"+evType, fn);
		return retVal;
	}
	else {
		return false;
	}
}

addEvent(window,'load',changeVal,false);

function changeVal() {
	if (!document.getElementById) return;
	var thisInput = document.getElementById('theInput');
	thisInput.onmousemove = function (evt) {
		evt = (evt) ? evt : ((window.event) ? window.event : "");
		var elem = (evt.target) ? evt.target : evt.srcElement;
		var thisBox = document.getElementById('thisBox');
		/*thisBox.innerHTML = 'pageX ' + evt.pageX 
			+ ' pageY ' + evt.pageY 
			+ ' clientX ' + evt.clientX 
			+ ' clientY ' + evt.clientY 
			+ ' offsetX ' + evt.offsetX 
			+ ' offsetY ' + evt.offsetY  
			+ ' layerX ' + evt.layerX 
			+ ' layerY ' + evt.layerY 
			+ ' und Sie halten ' + evt.button;*/

		if (evt.offsetX){
			posZoom(evt.offsetX,evt.offsetY);
		}
		else if(evt.layerX) {
			posZoom(evt.layerX,evt.layerY);
		}
	}
}

function posZoom(x,y){
	if (x>=208){
		x=208;
	}
	
	if(y>=129){
		y=129;
	}
	
	document.getElementById("zoom").style.backgroundPosition = -10*x+"px "+(-10)*y+"px";
	document.getElementById("zoom2").style.backgroundPosition = -10*x+"px "+(-10)*y+"px";
	
	document.getElementById("zbox").style.left = x+"px";
	document.getElementById("zbox").style.top = y+"px";	
	
}
//-->