var lista_imagens = new Array('00','012','018','036','042','060','066','084','090','108','114','132','138','156','162','180','186');
var MaxImagens =  16 - 2*numAtraso;		  

var cliquesX = new Array(20);
var cliquesY = new Array(20);
var cliquesTexto = new Array(20);
var cliquesId = new Array(20);
var cliquesExistem = false;

var tip = new Array('','tam2','per','ven');
var tip2 = new Array('','h','p','v');
var imagem_atual = 1;
var dia_atual = 1;
var tipoImagem = 0;

var idHora = new Array('','9','15');
var abrevReg = new Array("br", "su", "se", "ba", "ne", "no", "es", "ce", "fn","ar","east_australia","west_australia","indonesia","japao","europa","peru_chile","central_pacific","america_central","namerica_west","africasul");
var TempoMap = new Array("br","sul_reg","sud_reg","nde_reg","nde_reg","nor_reg","sud_reg","nde_reg","nde_reg","sul_reg");
var TempoMapX = new Array(240,231,263,248,248,257,263,248,248,231);
var TempoMapY = new Array(250,265,203,248,248,178,203,248,248,265);

var img = new Array(20);
var imgOk = new Array(20);
for(var c=0;c<21;c++){
	img[c] = new Array(4);
	imgOk[c] = new Array(4);
	for(var d=0;d<5;d++){
	 	img[c][d] = new Array(16);
	}
}


var imgCarregando = new Image(232,272);
imgCarregando.src = "/imagens/carregando.gif";


function selec(id){
	document.mapa.src = imgCarregando.src;
	var dia = parseInt( (id+1)/2 )
	var hora = id - 2*(dia-1);
	$("div[id^='botao_dia']").each( function (c) { 
	 	$(this)[0].className="quadrado_dia"; 
	});
	$(".seta9").hide();
	$(".seta15").hide();
	$("#botao_dia" + dia)[0].className="quadrado_dia_selecionado";

	if(tipoImagem<4){
		$("#botao_dia" + dia + " .seta" + idHora[hora]).show();
		document.mapa.src=img[numRegiao][tipoImagem][id].src;
	}
	else{
		$("#botao_dia" + dia + " .seta9" ).show();
		document.mapa.src=img[numRegiao][tipoImagem][dia].src;	
	}
	imagem_atual = id;
	dia_atual = dia;

}
 	
function selecionaAba(aba){
	$('#mapas_display .abas li').each(function(){
		$(this)[0].className = "normal";
	});
	$('#b' + aba)[0].className = "ativa";
	$('.escala_vertical').hide();
	$("label[id^='titulo_']").hide(); 
	$('#titulo_' + aba).show();
	if(aba!='tempo'){$('#escala_' + aba).show();}
	switch(aba){
		case 'altura': load(1);break;
		case 'periodo': load(2);break;
		case 'vento': load(3);break; 
		case 'tempo': load(4); 
	}
}
	

function goloop(){
	if(liga){
	   var Max;
	   if(tipoImagem <4){
	   		Max=MaxImagens;
	   		imagem_atual++;
	   		if(imagem_atual>Max){imagem_atual=1}
			selec(imagem_atual);
		}
	   else if(tipoImagem ==4){
	   		Max=5;
	   		dia_atual++;
	   		if(dia_atual>Max){dia_atual=1}
			selec(2*dia_atual);
		}
	   t = setTimeout("goloop();",1000);
	}
}

var liga = false;
function play_stop(){
		liga = !liga;
		if(liga){	  
		 	goloop();
			$('#stop_play').html('&#9632;');	 
		}
		else{
			$('#stop_play').html('&#9658;');	 
		}
		
}

function load(t){ 

	    tipoImagem = t;    

		if(numRegiao>9){
			if(tipoImagem>3){
				selecionaAba(1);
				return;
			}
			$("#btempo").hide();
		}
		else{$("#btempo").show();}
		
		criaCliques();
		
		document.mapa.src = imgCarregando.src; 

		var Max=5;
        if( t < 4 ){Max=MaxImagens}

		for(var contador=1;contador<=Max;contador++){
			img[numRegiao][tipoImagem][contador] = new Image(266,267);
            if( t < 4 ){
				if( numRegiao == 0 ){			
					img[numRegiao][tipoImagem][contador].src= '../noaa/noa' + tip[t] + lista_imagens[contador+2*numAtraso] + '.png';
				}
				else if( numRegiao < 10 ){
					 img[numRegiao][tipoImagem][contador].src= '../mapas/' + abrevReg[numRegiao] + tip2[t] +  String( contador +2*numAtraso ) + '.gif';
				}
			    else{
					 img[numRegiao][tipoImagem][contador].src= '../inter/' + abrevReg[numRegiao] + tip2[t] +   String( contador +2*numAtraso )   + '.png';
				}    	
			  	if(imagem_atual==contador){
		  			document.mapa.src=img[numRegiao][tipoImagem][contador].src;
		  		}  

				if(contador==1){
					$("#botao_dia6").show();
					$("#botao_dia7").show();
					$("#botao_dia8").show();				
					$(".seta9").hide();
					$(".seta15").hide();
					$(".hora9").show();
					$(".hora15").show();
					$("#botao_dia" + dia_atual + " .seta" + idHora[imagem_atual-2*(dia_atual-1)] ).show();
				}
			}
			else if( t==4 && numRegiao < 10){
				if(dia_atual>5){dia_atual=5}
				if(contador==1){
					$("#botao_dia6").hide();
					$("#botao_dia7").hide();
					$("#botao_dia8").hide();
					$(".seta9").hide();
					$(".seta15").hide();
					$(".hora9").hide();
					$(".hora15").hide();
					$("#botao_dia" + dia_atual + " .seta9").show();
				}				
			
				img[numRegiao][tipoImagem][contador].src= 'http://img0.cptec.inpe.br/~rgrafico/portal_tempo/bandas/' + TempoMap[numRegiao] + contador +  '.jpg';

			  	if(dia_atual==contador){
		  			document.mapa.src=img[numRegiao][tipoImagem][contador].src;
		  		}  
				
			}
		}  

		calculaAltura();
}

function zoom(regiao){

	var idReg = numRegiao;
	for(var c=0; c<abrevReg.length; c++){
		if(regiao==abrevReg[c]){
			numRegiao = c;
			break;
		}		
	}

	if(numRegiao!=idReg){
		load(tipoImagem);
		$("div[id^='zoom_']").each(function(){$(this)[0].className = "texto_zoom";});
		$("#zoom_" + regiao)[0].className="texto_zoom_selecionado";
		$(".seta_zoom").hide();
		$("#zoom_" + regiao + " .seta_zoom").fadeIn(400);
	}
	
}

function go(id){document.location.href="antiga.asp?lit="+id}

function criaCliques(){

	var divId = "";
	var x = 0;
	var y = 0;
	
	if(cliquesExistem){remove();}
	
	$('#click_no_mapa').hide();	
	for(var c=0;c<cliquesX[numRegiao].length;c++){
			divId = "click_" + c;
			x = cliquesX[numRegiao][c];
			y = cliquesY[numRegiao][c];
			z=c+100;
			$('#click_no_mapa').after($('#click_no_mapa').clone().show().attr("id",divId).attr("style","left:"+x+"px;top:"+y+"px;z-index:"+z+";"));					
			if(numRegiao==0){
				$("#"+divId+" a").attr("style","width:40px;height:40px;");
				$("#"+divId+" a").attr("href","javascript:zoom('"+abrevReg[cliquesId[numRegiao][c]]+"');").attr("title",cliquesTexto[numRegiao][c]);
			}
			else{
				 $("#"+divId+" a").attr("href","javascript:go("+cliquesId[numRegiao][c]+");").attr("title",cliquesTexto[numRegiao][c]);
			}
	}
	cliquesExistem=true;

}

function remove(){
	$("div[id^='click_']").hide();
	cliquesExistem=false;
}

function calculaAltura(){
	var alt = 520;
	if(temMapa){alt+=420}
	alt=alt+165+5*maxAltura;
	alt=alt+120+5*maxVento;
	if(numRegiao<9){
		if(maxMares>0){alt=alt+90+16*maxMares}
	}
	if(versaoIE < 7 ){alt+=100}
	ajustaAlturaPrevisao(alt);
}

function ajustaAlturaPrevisao(alt){
	$('#pagina').height(alt+245);	
	$('#conteudo_central_previsao').height(alt);
	$('#coluna_direita').height(alt-25);	
	$('#conteudo_esquerdo_previsao').height(alt);
	$('#arrudeia_lateral').height(alt-40);	
}