var myInnerWidth, myInnerHeight;
var myClientX, myClientY;
var myScrollX,myScrollY;

function MausTrack (Ereignis) {
  if (!Ereignis)
    Ereignis = window.event;
    
  myClientX = Ereignis.clientX;
  myClientY = Ereignis.clientY;

if (self.innerHeight) // all except Explorer
{
	myInnerWidth = self.innerWidth;
	myInnerHeight = self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientHeight)
	// Explorer 6 Strict Mode
{
	myInnerWidth = document.documentElement.clientWidth;
	myInnerHeight = document.documentElement.clientHeight;
}
else if (document.body) // other Explorers
{
	myInnerWidth = document.body.clientWidth;
	myInnerHeight = document.body.clientHeight;
}


if (self.pageYOffset) // all except Explorer
{
	myScrollX = self.pageXOffset;
	myScrollY = self.pageYOffset;
}
else if (document.documentElement && document.documentElement.scrollTop)
	// Explorer 6 Strict
{
	myScrollX = document.documentElement.scrollLeft;
	myScrollY = document.documentElement.scrollTop;
}
else if (document.body) // all other Explorers
{
	myScrollX = document.body.scrollLeft;
	myScrollY = document.body.scrollTop;
}
  
  
}

document.onmousemove = MausTrack;

	function toggle(id,val) {
		var obj;
		
		for (i=1;i<=15;i++) {
			obj = document.getElementById(i);
			var path;
			if (obj) {
				var rx = obj.src.match(/^(.+?)(_fadeout|_fadein)?.gif$/);
				if (i==id) {
					document.getElementById('radRennen').value = val;
					if (obj.src.search(/fadeout/)>=0) {
						obj.src = rx[1]+'_fadein.gif';
					}
				} else {
					if (obj.src.search(/fadeout/)<=0) {
						obj.src = rx[1]+'_fadeout.gif';
					}
				}
			}
		}
	}

var currX = 0;
var srcX;
var targetX;
var theDiff;
var interval = 0;

function moveRacer() {
	//var obj = document.getElementById('racer');
	//if (obj) {
		if (document.documentElement.scrollLeft && document.documentElement.scrollLeft>0)
			myScrollX = document.documentElement.scrollLeft;
		if (currX == 0)
			currX = 650+myScrollX;
			
		if (myInnerWidth<805) {
			targetX = (myClientX+myScrollX-56);
		} else {
			targetX = ((805-myInnerWidth)/2+myClientX-56);
		}
		// obj.style.left = targetX;
		srcX = currX;
		theDiff = srcX-targetX;
		interval = 0;
		window.setTimeout("moveRacerSmooth()",100);
	//}
}

function moveRacerSmooth() {
	var obj = document.getElementById('racer');
	interval++;
	if (obj) {
		currX = (srcX - Math.floor(Math.sin(Math.PI*(interval/30)/2) * theDiff));
		obj.style.left =  currX + 'px';
	}
	
	if (interval<30) {
		window.setTimeout("moveRacerSmooth()",100);
	}
}