// does background presentation, floating numbers;
// uses CBE cross browser extensions for sliding etc.

var iCorrectMiddle=-80;
var iHeight=108;
var iDist=30;
var iXOffset=0;
var e1, e2, e3, etimer, etimerinner;
var e1inner,e2inner,e3inner;
var iWindowHeight;
var iWindowWidth;
var iTimelineY;
var iCurPixelCount=new Array(0,0,0); 		// 240(244) abstand auf zahlen!
var iSpeed=new Array(3,2,1);
var pixelCount=0;
var lastTimeNumberCount=0;
var iSlideCount=0;
var iBrowserCorrectWidth=0;

if (browser.isMozilla) { iBrowserCorrectWidth=16; }

function initBackground() {
	iWindowHeight=document.cbe.height();
	iWindowWidth=document.cbe.width()-iBrowserCorrectWidth;
	printNumbers();

        with (e1 = cbeGetElementById('E1').cbe) {
		resizeTo(iWindowWidth,iHeight);
		moveTo(iXOffset,(iWindowHeight/2)+iCorrectMiddle);
		show();
	}
	park(e1);
	with (e1inner = cbeGetElementById('E1Inner').cbe) {
		moveTo(0,0);
		show();
	}
	with(e2 = cbeGetElementById('E2').cbe) {
		resizeTo(iWindowWidth,iHeight);
		moveTo(iXOffset,(iWindowHeight/2)+iCorrectMiddle+iDist);
		show();
	}
	park(e2);
	with (e2inner = cbeGetElementById('E2Inner').cbe) {
		moveTo(0,0);
		show();
	}
	with (e3 = cbeGetElementById('E3').cbe) {
		resizeTo(iWindowWidth,iHeight);
		moveTo(iXOffset,(iWindowHeight/2)+iCorrectMiddle+2*iDist);
		show();
	}
	park(e3);
	with (e3inner = cbeGetElementById('E3Inner').cbe) {
		moveTo(0,0);
		show();
	}

	with (etimer = cbeGetElementById('ETimer').cbe) {
		resizeTo(iWindowWidth,iHeight);
		moveTo(iXOffset,(iWindowHeight/2)+iCorrectMiddle+3*iDist);
		show();
	}
	park(etimer);
	window.cbe.addEventListener('scroll', scrollListener);
	window.cbe.addEventListener('resize', windowResizeListener);

	printTimeNumbers(48);
	cbeGetElementById('ETimerInner').cbe.moveBy(cbeGetElementById('ETimer').cbe.width()-cbeGetElementById('ETimerInner').cbe.width(),0);
	cbeGetElementById('ETimerInner').cbe.show();
	timeslide();
	slide();
}

function windowResizeListener(e) {
	iWindowHeight=document.cbe.height();
	iWindowWidth=document.cbe.width();
	adaptSize(e1);
	adaptSize(e2);
	adaptSize(e3);
	adaptSize(etimer);
	park(e1);
	park(e2);
	park(e3);
	park(etimer);
	cbeGetElementById('ETimerInner').cbe.moveTo(iWindowWidth-cbeGetElementById('ETimerInner').cbe.width()-pixelCount,0);
}

function scrollListener(e) {
	var st = document.cbe.scrollTop();
	park(e1);
	park(e2);
	park(e3);
	park(etimer);
}

function park(cbe) {
	var y = (iWindowHeight/2)+iCorrectMiddle+document.cbe.scrollTop();
	if (cbe.id == 'E1') { x=iXOffset; y = y; }
	if (cbe.id == 'E2') { x=iXOffset; y += iDist; }
	if (cbe.id == 'E3') { x=iXOffset; y += 2*iDist; }
	if (cbe.id == 'ETimer') { x=iXOffset; y += 3*iDist; }
	if (cbe.id == 'ETimerInner') { return; }
	cbe.slideTo(x, y, 1000);
}

function adaptSize(cbe) {
	cbe.resizeTo(iWindowWidth,iHeight);
}

function printNumbers() {
	dString="";
	for (i=0; i<48; i++) {
		dString+=(Math.round(Math.random()*9));
	}
	theHTML=document.getElementById&&!document.all ? document.getElementById("E1Inner") : E1Inner;
	theHTML.innerHTML=dString;
	dString="";
	for (i=0; i<48; i++) {
		dString+=(Math.round(Math.random()*9));
	}
	theHTML=document.getElementById&&!document.all ? document.getElementById("E2Inner") : E2Inner;
	theHTML.innerHTML=dString;
	dString="";
	for (i=0; i<48; i++) {
		dString+=(Math.round(Math.random()*9));
	}
	theHTML=document.getElementById&&!document.all ? document.getElementById("E3Inner") : E3Inner;
	theHTML.innerHTML=dString;
}

function printTimeNumbers(num) {
	var sHead="<table width='100%' height='100%'><tr><td width='100%' class='numberTD'>";
	var sTail="</td></tr></table>";
	var dString="";
	dNow=new Date();
	iNumStamps=num/4;
	iCount=iNumStamps;
	for (i=0; i<num; i+=4) {
		iCountCorrect=iCount-2;
		if (document.getElementById&&!document.all) iCountCorrect=iCount-14;
		dCur=new Date(Date.UTC(dNow.getYear(),dNow.getMonth(),dNow.getDate(),dNow.getHours()-1,dNow.getMinutes(),dNow.getSeconds())-iCountCorrect*60*1000);
		if (dCur.getHours()<10) dString+=("0"+dCur.getHours()); else dString+=(dCur.getHours());
		if (dCur.getMinutes()<10) dString+=("0"+dCur.getMinutes()); else dString+=(dCur.getMinutes());
		iCount--;
	}
	theHTML=document.getElementById&&!document.all ? document.getElementById("ETimerInner") : ETimerInner;
	theHTML.innerHTML=sHead+dString+sTail;
	lastTimeNumberCount=dString.length;
}

function printEmptiness(num) {
	for(i=0;i<num;i++) {
		document.write("x");
	}
}

function slide() {
	dString="";
	for (i=0; i<48; i++) {
		dString+=(Math.round(Math.random()*9));
	}

	iSlideCount++;

	if(iSlideCount%iSpeed[0]==0) {
		e1inner.moveBy(-1,0);
		iCurPixelCount[0]+=1;
		if (iCurPixelCount[0]>1500) {
			theHTML=document.getElementById&&!document.all ? document.getElementById("E1Inner") : E1Inner;
			theHTML.innerHTML+=dString;
			iCurPixelCount[0]=0;
		}
	}
	if(iSlideCount%iSpeed[1]==0) {
		e2inner.moveBy(-1,0);
		iCurPixelCount[1]+=1;
		if (iCurPixelCount[1]>1500) {
			theHTML=document.getElementById&&!document.all ? document.getElementById("E2Inner") : E2Inner;
			theHTML.innerHTML+=dString;
			iCurPixelCount[1]=0;
		}
	}
	if(iSlideCount%iSpeed[2]==0) {
		e3inner.moveBy(-1,0);
		iCurPixelCount[2]+=1;
		if (iCurPixelCount[2]>1500) {
			theHTML=document.getElementById&&!document.all ? document.getElementById("E3Inner") : E3Inner;
			theHTML.innerHTML+=dString;
			iCurPixelCount[2]=0;
		}
	}

	setTimeout("slide()",200);
}

function timeslide() {
	with (etimerinner = cbeGetElementById('ETimerInner').cbe) {
		moveBy(-1,0);
		pixelCount=pixelCount+1;
		if (pixelCount>=244) {
			printTimeNumbers(lastTimeNumberCount+4);
			pixelCount=0;
		}
	}
	setTimeout("timeslide()", 246);
}


if (is.nav4) {
	document.write("<style type='text/css'> .numberBG { position:absolute; visibility:hidden; overflow:hidden; width:100px; height:100px; color:#000000; left:0; top:0; margin:0px; padding:4px;}</style>");
} else  {
 	document.write("<style type='text/css'> .numberBG { position:absolute; visibility:hidden; overflow:hidden; height:100px; clip:rect(0,100px,100px,0); color:#EEEEEE; background:transparent; font-family:verdana,arial,helvetica,sans-serif; font-size:96px; left:0; top:0; margin:0px; padding:4px; border:0px; align:right;}</style>");
 	document.write("<style type='text/css'> .numberTD { color:#f6f6f6; background:transparent; font-family:verdana,arial,helvetica,sans-serif; font-size:96px; left:0; top:0; margin:0px; padding:4px; border:0px;}</style>");
}
document.write ("<style type='text/css'> .inner {color: #f6f6f6; position:absolute; visibility:hidden; left:0px; top: 0px; width=100px; height:100px; background:transparent; font-family:verdana,arial,helvetica,sans-serif; font-size:96px;} </style>");

document.write('<div id="E1" class="numberBG">');
document.write('	<div id="E1Inner" class="inner">');
document.write('	<script>printEmptiness(48);</script>');
document.write('</div>');
document.write('</div>');
document.write('<div id="E2" class="numberBG">');
document.write('	<div id="E2Inner" class="inner">');
document.write('		<script>printEmptiness(48);</script>');
document.write('	</div>');
document.write('</div>');
document.write('<div id="E3" class="numberBG">');
document.write('	<div id="E3Inner" class="inner">');
document.write('		<script>printEmptiness(48);</script>');
document.write('	</div>');
document.write('</div>');
document.write('<div id="ETimer" style="position:absolute;height:100px;overflow:hidden;z-index:-1;" align="right">');
document.write('	<div id="ETimerInner" style="position:absolute; visibility:hidden; left:0; top: 0; height:100; background:transparent; font-family:verdana,arial,helvetica,sans-serif; font-size:96px;">');
document.write('		<script>printEmptiness(48);</script>');
document.write('	</div>');
document.write('</div>');