var animacaoParada = true;

var animation_paras_start = function(){
	animacaoParada = false;
}

var animation_paras_stop = function(){
	// ah e tal... nao vale a pena meter aqui nada
}

function DepoisDoFadeIn(idD){
	(document.getElementById(idD)).style.display = 'block';
	animacaoParada = true;
}

function MudaTab(num){
	var arrDivsTabs = new Array(4);
	arrDivsTabs[0] = document.getElementById('tabLer');
	arrDivsTabs[1] = document.getElementById('tabOuvir');
	arrDivsTabs[2] = document.getElementById('tabVer');
	arrDivsTabs[3] = document.getElementById('tabDivertir');
	
	/* Se a animacao estiver a decorrer nao se muda de tab (nao ha ca pao pra malucos!)  */
	if(! animacaoParada)
		return;
	
	for(var i = 0, j = 1; i<4; i++, j++){
		if(num == i+1){
			arrDivsTabs[i].setAttribute('class', 'tabes_' + j + '_on_paras');
			arrDivsTabs[i].setAttribute('className', 'tabes_' + j + '_on_paras');
		} else {
			arrDivsTabs[i].setAttribute('class', 'tabes_' + j + '_off_paras');
			arrDivsTabs[i].setAttribute('className', 'tabes_' + j + '_off_paras');
		}
	}
	
	fazFade(num);
}

function fazFade(num, fadeOutDone){
	var bloco = new Array(4);
	bloco[0] = document.getElementById('lerDiv');
	bloco[1] = document.getElementById('ouvirDiv');
	bloco[2] = document.getElementById('verDiv');
	bloco[3] = document.getElementById('divertirDiv');
	
	/* Se carregarmos no mesmo nao faz nada */
	for(var i=0; i<4; i++){
		if(bloco[i].style.display == 'block')
			break;
	}
	if(i==num-1)
		return;
	/* --- */
	
	if(fadeOutDone != null){
		for(var i=0; i<4; i++)
			bloco[i].style.display = 'none';
	}
	
	for(var i=0; i<4; i++){
		if(bloco[i].style.display != 'none'){
			if(fadeOutDone == null){
				fadeParasArr[i].start();
				setTimeout('fazFade(' + num + ', true)',500);
				return;
			}
		}
	}
	
	fadeParasArr[num-1].start();
	setTimeout('DepoisDoFadeIn(\'' + bloco[num-1].id + '\')', 100);
}