// JavaScript Document
function gE(id){return document.getElementById(id);}
window.onload = clock;
// Funçao para fazer sumir a popup
function limpaPopup(){
	gE('popup').style.display = 'none';
}

// Função para contar o tempo que a popup ficara visível
function mpop(){
	tm = setInterval(mover,10);
	setTimeout(limpaPopup,1000*25);
}
// Função para mover a popup da esquerda para a direita
a=0;
function mover(){
	a+=1;
	if(a<160){
		gE('popup').style.marginLeft = a+'px';
	}else{
		clearInterval(tm);
	}
}

// Função apra fazer o relogio funcionar
function clock(){
	mpop();
	setInterval(ativa,1000);
	gE('cor1').onclick = function(){mudarCor(1)};
	gE('cor2').onclick = function(){mudarCor(2)};
	gE('cor3').onclick = function(){mudarCor(3)};
	gE('cor4').onclick = function(){mudarCor(4)};
}
function ativa(){
	relo = new Date();
	hora = relo.getHours();
	minu = relo.getMinutes();
	segu = relo.getSeconds();
	hh = ( hora<10 ? '0'+hora : hora );
	mm = ( minu<10 ? '0'+minu : minu );
	ss = ( segu<10 ? '0'+segu : segu );
	rel = hh+':'+mm+"'"+ss;
	gE('relogio').innerHTML = rel;
}
function mudarCor(p){
	switch(p){
		case 1:
			gE('brow').style.background = '#DBBFB9';
			break;
		case 2:
			gE('brow').style.background = '#B6D6DC';
			break;
		case 3:
			gE('brow').style.background = '#C4E1BB';
			break;
		case 4:
			gE('brow').style.background = '#FFFFFF';
			break;
	}
}