function civroll(what) {
	if ( what == "on" ) {
		$("civ").src="./images/civ_roll.png";
	} else {
		$("civ").src="./images/civ.png";
	}
}

function UpdateClock() {
	if (clockID) {
		clearTimeout(clockID);
		clockID  = 0;
	}
	var tDate = new Date();
	if ( tDate.getMinutes() < 10 ) {
		var min = "0" + tDate.getMinutes();
	} else {
		var min = tDate.getMinutes();
	}
	if ( tDate.getSeconds() < 10 ) {
		var sec = "0" + tDate.getSeconds();
	} else {
		var sec = tDate.getSeconds();
	}
	var pt = tDate.getHours();
	if ( pt < 10 ) { pt = "0" + pt; }
	var sp = eval(tDate.getHours()-2);
	if ( sp <= 0 ) { sp = sp + 24; }
	if ( sp < 10 ) { sp = "0" + sp; }
	var it = eval(tDate.getHours()+1);
	if ( it >= 24 ) { it = it - 24; }
	if ( it < 10 ) { it = "0" + it; }
	var jp = eval(tDate.getHours()+8);
	if ( jp >= 24 ) { jp = jp - 24; }
	if ( jp < 10 ) { jp = "0" + jp; }
	var us = eval(tDate.getHours()-5);
	if ( us <= 0 ) { us = us + 24; }
	if ( us < 10 ) { us = "0" + us; }

	$('clock1').innerHTML = "" + pt + ":" + min + ":" + sec;
	$('clock2').innerHTML = "" + sp + ":" + min + ":" + sec;
	$('clock3').innerHTML = "" + it + ":" + min + ":" + sec;
	$('clock4').innerHTML = "" + jp + ":" + min + ":" + sec;
	$('clock5').innerHTML = "" + us + ":" + min + ":" + sec;
	clockID = setTimeout("UpdateClock()", 1000);
}
function loadJS() {
	clockID = setTimeout("UpdateClock()", 500);
	setTimeout("animate()", 500);
	setTimeout("substlogo()", 2000);
}

function KillClock() {
	if (clockID) {
		clearTimeout(clockID);
		clockID  = 0;
	}
}

function substlogo() {
	$('logolnk').innerHTML = '<img src="./images/logo.png" width="115" height="85" alt="logo_centrar" border="0" />';
}

function poplang(what) {
	if ( $("poplang").style.display == "block" ) {
		$("poplang").style.display = "none";
	} else {
		$("poplang").style.left = what.offsetParent.offsetLeft + 15 + "px";
		$("poplang").style.display = "block";
	}
	return false;
}

var clockID = 0;
Event.observe(window, 'load', loadJS, false);
