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 imagem_atual = 1;
var dia_atual = 1;
var tipoImagem = 1;
var yImagem = 0;
var xImagem = 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){

	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();
		xImagem = -( id-1+2*numAtraso )*comprMapa;
		$('#imagem_mapa_surfguru').attr("style","top:" + yImagem + "px;left:" + xImagem + "px;");
	}
	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('&gt;');	 
		}
		
}

function load(t){ 

		document.mapa.src = imgCarregando.src; 

	    tipoImagem = t;    

		if(numRegiao>9){
			if(tipoImagem>3){
				selecionaAba(1);
				return;
			}
			$("#btempo").hide();
		}
		else{$("#btempo").show();}
		
		criaCliques();
		
		var Max=5;
        if( t < 4 ){
			Max=MaxImagens;
			yImagem = -(t-1)*alturaMapa;
			$('#imagem_mapa_surfguru').attr("style","top:" + yImagem + "px;left:" + xImagem + "px;");
			document.mapa.src=imgSrc.src;
			$("#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{
			$('#imagem_mapa_surfguru').attr("style","top:0px;left:0px;");

			for(var contador=1;contador<=Max;contador++){
				img[numRegiao][tipoImagem][contador] = new Image(266,267);
            	if( 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){

	if(regiao!=idReg){
		if(regiao==0){
			imgSrc.src = '/noaa/brasil_' + imgDia + '.png';		
			 comprMapa = 266;
			 alturaMapa = 267;
		}
		else{
			 imgSrc.src = '/noaa/' + abrevReg[regiao] + imgDia + '.png';		
			 comprMapa = 264;
			 alturaMapa = 263;
		}
		 $('#mapa_surfguru').attr("style","width:"+comprMapa+"px;height:"+alturaMapa+"px;");

		xImagem = -(imagem_atual-1)*comprMapa;
		yImagem = -(tipoImagem-1)*alturaMapa;
		idReg = regiao;
		numRegiao = regiao;
		load(tipoImagem);
		$("div[id^='zoom_']").each(function(){$(this)[0].className = "texto_zoom";});

		$("#zoom_" + abrevReg[regiao])[0].className="texto_zoom_selecionado";
		
		$(".seta_zoom").hide();
		$("#zoom_" + abrevReg[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('"+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);	
}