From 99a4d32ed048e8234b6c764c862bb401e6f03d5a Mon Sep 17 00:00:00 2001
From: Edmar Moretti <edmar.moretti@gmail.com>
Date: Fri, 9 Aug 2013 17:19:16 +0000
Subject: [PATCH] 

---
 ferramentas/wmstime/index.htm |  4 ++--
 ferramentas/wmstime/index.js  | 60 +++++++++++++++++++++++++++++++++++++++++++++++-------------
 2 files changed, 49 insertions(+), 15 deletions(-)

diff --git a/ferramentas/wmstime/index.htm b/ferramentas/wmstime/index.htm
index cf3a718..86c0255 100644
--- a/ferramentas/wmstime/index.htm
+++ b/ferramentas/wmstime/index.htm
@@ -21,7 +21,7 @@ textarea
    	<div id=controle style="text-align:center;display:none;position:absolute;cursor:pointer"  >
    		<img title='inicia' src="../../imagens/player_inicia.png" onclick="iniciarFilme()" />&nbsp;
    		<img title='pausa' src="../../imagens/player_pausa.png" onclick="pausarFilme()" />&nbsp;
-   		<img title='rebobina' src="../../imagens/player_para.png" onclick="pararFilme()" />&nbsp;
+   		<img title='rebobina' src="../../imagens/player_para.png" onclick="rebobina()" />&nbsp;
    		<img title='mais rapido' src="../../imagens/player_avanca.png" onclick="maisrapido()" />&nbsp;
    		<img title='mais lento' src="../../imagens/player_volta.png" onclick="maislento()" />&nbsp;
 		<input style='position:relative;top:-2px;' onclick="javascript:$i('quadroAnima').style.display='none';$i('parametros').style.display='block';" size=18 type='button' value='Voltar' />
@@ -30,4 +30,4 @@ textarea
 <script src="../i3geo_tudo_compacto.js.php" type="text/javascript"></script>
 <script type="text/javascript" src="index.js"></script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/ferramentas/wmstime/index.js b/ferramentas/wmstime/index.js
index 8122a31..65285a4 100644
--- a/ferramentas/wmstime/index.js
+++ b/ferramentas/wmstime/index.js
@@ -82,7 +82,8 @@ ins += "<div id='divumaImagemPor' style=width:200px; ></div>";
 ins += "<div onclick='iniciaImagens()' style='text-align:left;left:0px;top:20px;'><input id='botao1' size=18 type='button' value='Continuar' /></div>";
 ins += "</div>";
 $i("parametros").innerHTML = ins;
-
+idServicoEscolhido = "";
+emPausa = true;
 //new YAHOO.widget.Button("botao1");
 /*
 Function: escolheuServico
@@ -94,6 +95,7 @@ Parametro:
 idWMS {String} - id do servi&ccedil;o escolhido
 */
 function escolheuServico(idWMS){
+	idServicoEscolhido = idWMS;
 	tipoServico = wms_configura[idWMS].tipo;
 	servico = wms_configura[idWMS].servico+"&VERSION=1.1.1&REQUEST=GetMap&layers="+wms_configura[idWMS].layers+"&styles="+wms_configura[idWMS].styles+"&srs="+wms_configura[idWMS].srs+"&format="+wms_configura[idWMS].format;
 	$i("iServico").value = servico;
@@ -241,7 +243,12 @@ function criaImg(tempo,id){
 	novoel.style.left = "0px";
 	novoel.style.width = dw+"px";
 	novoel.style.height = dh+"px";
+	novoel.style.cursor = "pointer";
 	novoel.src = $i("iServico").value+"&width="+dw+"&height="+dh+"&bbox="+bbox+"&time="+tempo; //"../../imagens/atlas1.jpg";
+	novoel.title = 'clique para adicionar ao mapa';
+	novoel.onclick = function(){
+		adicionaMapa(idServicoEscolhido);
+	};
 	novoel.onload = function(){
 		$i("status"+this.id).innerHTML = " <span style=color:red >OK</span>";
 		idsValidos.push(this.id);
@@ -325,7 +332,7 @@ function criaMarcadorTempo(){
 	for(var i=1;i<=nmarcas;i++){
 		ins += "<img title='clique para adicionar ao mapa' onclick='adicionaMapa(\""+i+"\")' onmouseover='mostraI(\""+i+"\")' onmouseout='escondeI(\""+i+"\")' style='position:absolute;top:"+(dh + 10)+"px;left:"+parseInt((distanciaMarcas*i - (distanciaMarcas/2)))+"px;' src='../../imagens/dot1.gif' id='marcaTempo"+i+"' />";
 	}
-	ins += "<img style='position:absolute;top:"+(dh + 5)+"px;left:"+parseInt((distanciaMarcas - (distanciaMarcas/2)))+"px;' src='../../imagens/dot1red.gif' id='marcaDeTempo' />";
+	ins += "<img style='position:absolute;top:"+(dh - 5)+"px;left:"+parseInt((distanciaMarcas - (distanciaMarcas/2)))+"px;' src='../../imagens/dot1red.gif' id='marcaDeTempo' />";
 	ins += "<img style='position:absolute;top:"+(dh + 10)+"px;left:"+parseInt((distanciaMarcas - (distanciaMarcas/2)))+"px;' src='../../imagens/dot1cinza.gif' id='marcaGranulo' />";
 	ngranulo = nmarcas;
 	tgranulo = (parseInt((distanciaMarcas*i - (distanciaMarcas/2))) - ini) / 10;
@@ -376,9 +383,10 @@ Function: adicionaMapa
 Adiciona uma camada ao mapa baseado na imagem vista na tela
 
 */
-function adicionaMapa(obj){
+function adicionaMapa(idMarca){
 	aguarde("block");
-	var serv = wms_configura[obj-1];
+	idMarca = parseInt(idMarca,10);
+	var serv = wms_configura[idServicoEscolhido];
 	var fim = function(retorno){
 		aguarde("none");
 		if (retorno.data.erro)
@@ -397,10 +405,10 @@ function adicionaMapa(obj){
 	p += "&formato="+serv.format;
 	p += "&tipo=estilo";
 	p += "&versao=1.1.1";
-	p += "&nomecamada="+serv.titulo+" "+idsTempo[obj-1];
+	p += "&nomecamada="+serv.titulo+" "+idsTempo[idMarca-1];
 	p += "&tiporep=&suportasld=nao";
 	p += "&formatosinfo=text/plain,application/vnd.ogc.gml";
-	p += "&time="+idsTempo[obj-1];
+	p += "&time="+idsTempo[idMarca-1];
 	var cp = new cpaint();
 	cp.set_response_type("JSON");
 	cp.call(p,"wmstime",fim);
@@ -418,15 +426,36 @@ function ativaQuadro(i){
 		q.style.position = "relative";
 		q.style.display = "block";
 	}
-	marcaVermelha.style.left = $i("marcaTempo"+(i)).style.left;
+	if($i("marcaTempo"+i)){
+		$i("marcaTempo"+i).style.display = "block";
+	}
+	if($i("marcaTempo"+(i))){
+		marcaVermelha.style.left = $i("marcaTempo"+(i)).style.left;
+	}
 }
 function pausarFilme(){
-	pulaGranulo = 11;
-	try{
-		clearTimeout(ganima);
-	}catch(e){}
+	emPausa = !emPausa;
+	if(emPausa == false){
+		anima();
+	}
+	else{
+		imgGranulo.style.display="none";
+		pulaGranulo = 11;
+		try{
+			clearTimeout(ganima);
+		}catch(e){}
+	}
+}
+function esconderMarcasTempo(){
+	var n = idsValidos.length;
+	for(var i=0;i<n;i++){
+		if($i("marcaTempo"+i)){
+			$i("marcaTempo"+i).style.display = "none";
+		}
+	}		
 }
 function pararFilme(){
+	emPausa = false;
 	imgGranulo.style.left = parseInt((distanciaMarcas - (distanciaMarcas/2)))+"px";
 	quadroAtual = 0;
 	desativaQuadros();
@@ -439,11 +468,17 @@ function pararFilme(){
 	}catch(e){}
 }
 function iniciarFilme(){
+	emPausa = false;
+	esconderMarcasTempo();
 	imgGranulo.style.display="block";
 	//tanima = setTimeout("anima()",tempoAnima)
 	//ganima = setTimeout("animacaoGranulo()",tempoGranulo)
 	anima();
 }
+function rebobina(){
+	esconderMarcasTempo();
+	pararFilme();
+}
 function anima(){
 	desativaQuadros();
 	ativaQuadro(ids[quadroAtual]);
@@ -457,7 +492,6 @@ function anima(){
 	}
 	else{
 		imgGranulo.style.display="none";
-		pararFilme();
 	}
 }
 function animacaoGranulo(){
@@ -474,4 +508,4 @@ function maisrapido(){
 }
 function maislento(){
 	tempoGranulo = tempoGranulo + 10;
-}
\ No newline at end of file
+}
--
libgit2 0.21.2