--no commit message

Edmar Moretti
1 parent 2924ab6d
Showing 3 changed files with 83 additions and 21 deletions Show diff stats
classesjs/classe_guias.js
classesjs/classe_i3geo.js
imagens/openbars.png
@@ -697,25 +697,87 @@ i3GEO.guias = {
 		}
 		Dom.setStyle(guia+"obj","display","block");
 	},
-	guiaMovel: function(){
-		var molde = document.createElement("div"),
-			posMapa = i3GEO.util.pegaPosicaoObjeto($i(i3GEO.Interface.IDMAPA)),
-			larguraPuxador = 50;
-			alturaGuiaMovel = i3GEO.parametros.h / 1.5,
-			ins = "";
-		if(i3GEO.guias.ALTURACORPOGUIAS > 0)
-		{alturaGuiaMovel = i3GEO.guias.ALTURACORPOGUIAS;}
-		molde.id = "i3GEOguiaMovelMolde";
-		molde.style.position = "absolute";
-		molde.style.display = "block";
-		molde.style.height = alturaGuiaMovel;
-		molde.style.border = "1px solid white";
-		molde.style.left = posMapa[0] + i3GEO.parametros.w - larguraPuxador - 2;
-		molde.style.top = posMapa[1] + (i3GEO.parametros.h / 2) - (alturaGuiaMovel / 2) + 2;
-		ins += "<img  style=top:0px width='"+larguraPuxador+"' src='"+i3GEO.configura.locaplic+"/imagens/openbars.png' >";
-		
-		molde.innerHTML = ins;
-		document.body.appendChild(molde);
-		
+	guiaMovel: {
+		config: {
+			larguraPuxador: 50,
+			alturaPuxador: 319,
+			imgPuxador: '/imagens/openbars.png',
+			alturaGuiaMovel: 0,
+			larguraGuiaMovel: 300
+		},
+		inicia: function(){
+			var molde = document.createElement("div"),
+				moldeS = molde.style,
+				posMapa = i3GEO.util.pegaPosicaoObjeto($i(i3GEO.Interface.IDMAPA)),
+				ins = "";
+			if(i3GEO.guias.ALTURACORPOGUIAS === 0 && i3GEO.guias.guiaMovel.config.alturaGuiaMovel === 0)
+			{i3GEO.guias.guiaMovel.config.alturaGuiaMovel = i3GEO.parametros.h / 1.5;}
+			else
+			{i3GEO.guias.guiaMovel.config.alturaGuiaMovel = i3GEO.guias.ALTURACORPOGUIAS;}
+			molde.id = "i3GEOguiaMovelMolde";
+			moldeS.position = "absolute";
+			moldeS.display = "block";
+			moldeS.height = i3GEO.guias.guiaMovel.config.alturaGuiaMovel;
+			moldeS.border = "0px solid white";
+			moldeS.textAlign = "left";
+			moldeS.left = posMapa[0] + i3GEO.parametros.w - i3GEO.guias.guiaMovel.config.larguraPuxador;
+			moldeS.top = posMapa[1] + (i3GEO.parametros.h / 2) - (i3GEO.guias.guiaMovel.config.alturaGuiaMovel / 2);
+			ins += "<img onclick='i3GEO.guias.guiaMovel.abreFecha()' style='z-index:2;border:solid 0px white;left:0px;position:relative;top:"+ ((i3GEO.guias.guiaMovel.config.alturaGuiaMovel / 2) - (i3GEO.guias.guiaMovel.config.alturaPuxador / 2)) +"px' width='"+i3GEO.guias.guiaMovel.config.larguraPuxador+"' src='"+i3GEO.configura.locaplic+"/"+i3GEO.guias.guiaMovel.config.imgPuxador+"' >";
+			ins += "<div id='i3GEOguiaMovelConteudo' style='border-color:gray;border-width:0px 0 0px 0px;left:"+(i3GEO.guias.guiaMovel.config.larguraPuxador - 4) +"px;top:0px;width:0px;position:inherit;display:none;height:"+i3GEO.guias.guiaMovel.config.alturaGuiaMovel+"px;background-color:black' >&nbsp;</div>"
+			ins += "<div id='i3GEOguiaMovelIcones' style='left:"+(i3GEO.guias.guiaMovel.config.larguraPuxador + 4)+";display:none;position:inherit;top:5px;text-align:center;height:50px;width:"+(i3GEO.guias.guiaMovel.config.larguraGuiaMovel - 8) +"px;border:solid 0px white;background-color:white' ></div>";
+			molde.innerHTML = ins;
+			
+			document.body.appendChild(molde);
+			YAHOO.util.Dom.setStyle("i3GEOguiaMovelConteudo", "opacity", 0.20);
+			YAHOO.util.Dom.setStyle("i3GEOguiaMovelIcones", "opacity", 0.40);
+		},
+		abreFecha: function(){
+			var molde = $i("i3GEOguiaMovelMolde"),
+				conteudo = $i("i3GEOguiaMovelConteudo"),
+				conteudoS = conteudo.style,
+				attributes,
+				moldeS = molde.style,
+				anim,
+				anim1;
+			if(parseInt(conteudoS.width,10) !== 0){//esconde
+				//conteudoS.width = "0px";
+				//conteudoS.display = "none";
+				//moldeS.left = parseInt(moldeS.left,10) + i3GEO.guias.guiaMovel.config.larguraGuiaMovel  + "px";
+				//moldeS.width = i3GEO.guias.guiaMovel.config.larguraPuxador + "px";
+				$i("i3GEOguiaMovelIcones").style.display = "none";
+				attributes = {
+					left: { to: parseInt(moldeS.left,10) + i3GEO.guias.guiaMovel.config.larguraGuiaMovel },
+					id: "i3GEOguiaMovelMolde"
+				};
+				anim = new YAHOO.util.Anim(molde, attributes, 1, YAHOO.util.Easing.easeNone);
+				attributes = {
+					width: { to: 0 },
+					id: "i3GEOguiaMovelConteudo"
+				};
+				anim1 = new YAHOO.util.Anim(conteudo, attributes, 1, YAHOO.util.Easing.easeNone);					
+				anim.animate();
+				anim1.animate();				
+			}
+			else{
+				conteudoS.display = "block";	
+				//moldeS.width = i3GEO.guias.guiaMovel.config.larguraGuiaMovel + i3GEO.guias.guiaMovel.config.larguraPuxador + "px";
+				//moldeS.left = parseInt(moldeS.left,10) - i3GEO.guias.guiaMovel.config.larguraGuiaMovel  + "px";
+				attributes = {
+					left: { to: parseInt(moldeS.left,10) - i3GEO.guias.guiaMovel.config.larguraGuiaMovel },
+					id: "i3GEOguiaMovelMolde"
+				};
+				anim = new YAHOO.util.Anim(molde, attributes, 1, YAHOO.util.Easing.easeNone);
+				attributes = {
+					width: { to: i3GEO.guias.guiaMovel.config.larguraGuiaMovel + 4 },
+					id: "i3GEOguiaMovelConteudo"
+				};
+				anim1 = new YAHOO.util.Anim(conteudo, attributes, 1, YAHOO.util.Easing.easeNone);					
+				anim.animate();
+				anim1.animate();
+				anim1.onComplete.subscribe(function(){
+					$i("i3GEOguiaMovelIcones").style.display = "block";
+				});
+			}
+		}
 	}
 };
 \ No newline at end of file
@@ -339,7 +339,7 @@ i3GEO = {
 				else
 				{eval(i3GEO.finaliza);}
 				if(i3GEO.guias.TIPO === "movel")
-				{i3GEO.guias.guiaMovel();}
+				{i3GEO.guias.guiaMovel.inicia();}
 			}
 			catch(e){alert(e);}
 		};
	@@ -697,25 +697,87 @@ i3GEO.guias = {		@@ -697,25 +697,87 @@ i3GEO.guias = {
697	}	697	}
698	Dom.setStyle(guia+"obj","display","block");	698	Dom.setStyle(guia+"obj","display","block");
699	},	699	},
700	- guiaMovel: function(){
701	- var molde = document.createElement("div"),
702	- posMapa = i3GEO.util.pegaPosicaoObjeto($i(i3GEO.Interface.IDMAPA)),
703	- larguraPuxador = 50;
704	- alturaGuiaMovel = i3GEO.parametros.h / 1.5,
705	- ins = "";
706	- if(i3GEO.guias.ALTURACORPOGUIAS > 0)
707	- {alturaGuiaMovel = i3GEO.guias.ALTURACORPOGUIAS;}
708	- molde.id = "i3GEOguiaMovelMolde";
709	- molde.style.position = "absolute";
710	- molde.style.display = "block";
711	- molde.style.height = alturaGuiaMovel;
712	- molde.style.border = "1px solid white";
713	- molde.style.left = posMapa[0] + i3GEO.parametros.w - larguraPuxador - 2;
714	- molde.style.top = posMapa[1] + (i3GEO.parametros.h / 2) - (alturaGuiaMovel / 2) + 2;
715	- ins += "<img style=top:0px width='"+larguraPuxador+"' src='"+i3GEO.configura.locaplic+"/imagens/openbars.png' >";
716	-
717	- molde.innerHTML = ins;
718	- document.body.appendChild(molde);
719	-	700	+ guiaMovel: {
		701	+ config: {
		702	+ larguraPuxador: 50,
		703	+ alturaPuxador: 319,
		704	+ imgPuxador: '/imagens/openbars.png',
		705	+ alturaGuiaMovel: 0,
		706	+ larguraGuiaMovel: 300
		707	+ },
		708	+ inicia: function(){
		709	+ var molde = document.createElement("div"),
		710	+ moldeS = molde.style,
		711	+ posMapa = i3GEO.util.pegaPosicaoObjeto($i(i3GEO.Interface.IDMAPA)),
		712	+ ins = "";
		713	+ if(i3GEO.guias.ALTURACORPOGUIAS === 0 && i3GEO.guias.guiaMovel.config.alturaGuiaMovel === 0)
		714	+ {i3GEO.guias.guiaMovel.config.alturaGuiaMovel = i3GEO.parametros.h / 1.5;}
		715	+ else
		716	+ {i3GEO.guias.guiaMovel.config.alturaGuiaMovel = i3GEO.guias.ALTURACORPOGUIAS;}
		717	+ molde.id = "i3GEOguiaMovelMolde";
		718	+ moldeS.position = "absolute";
		719	+ moldeS.display = "block";
		720	+ moldeS.height = i3GEO.guias.guiaMovel.config.alturaGuiaMovel;
		721	+ moldeS.border = "0px solid white";
		722	+ moldeS.textAlign = "left";
		723	+ moldeS.left = posMapa[0] + i3GEO.parametros.w - i3GEO.guias.guiaMovel.config.larguraPuxador;
		724	+ moldeS.top = posMapa[1] + (i3GEO.parametros.h / 2) - (i3GEO.guias.guiaMovel.config.alturaGuiaMovel / 2);
		725	+ ins += "<img onclick='i3GEO.guias.guiaMovel.abreFecha()' style='z-index:2;border:solid 0px white;left:0px;position:relative;top:"+ ((i3GEO.guias.guiaMovel.config.alturaGuiaMovel / 2) - (i3GEO.guias.guiaMovel.config.alturaPuxador / 2)) +"px' width='"+i3GEO.guias.guiaMovel.config.larguraPuxador+"' src='"+i3GEO.configura.locaplic+"/"+i3GEO.guias.guiaMovel.config.imgPuxador+"' >";
		726	+ ins += "<div id='i3GEOguiaMovelConteudo' style='border-color:gray;border-width:0px 0 0px 0px;left:"+(i3GEO.guias.guiaMovel.config.larguraPuxador - 4) +"px;top:0px;width:0px;position:inherit;display:none;height:"+i3GEO.guias.guiaMovel.config.alturaGuiaMovel+"px;background-color:black' > </div>"
		727	+ ins += "<div id='i3GEOguiaMovelIcones' style='left:"+(i3GEO.guias.guiaMovel.config.larguraPuxador + 4)+";display:none;position:inherit;top:5px;text-align:center;height:50px;width:"+(i3GEO.guias.guiaMovel.config.larguraGuiaMovel - 8) +"px;border:solid 0px white;background-color:white' ></div>";
		728	+ molde.innerHTML = ins;
		729	+
		730	+ document.body.appendChild(molde);
		731	+ YAHOO.util.Dom.setStyle("i3GEOguiaMovelConteudo", "opacity", 0.20);
		732	+ YAHOO.util.Dom.setStyle("i3GEOguiaMovelIcones", "opacity", 0.40);
		733	+ },
		734	+ abreFecha: function(){
		735	+ var molde = $i("i3GEOguiaMovelMolde"),
		736	+ conteudo = $i("i3GEOguiaMovelConteudo"),
		737	+ conteudoS = conteudo.style,
		738	+ attributes,
		739	+ moldeS = molde.style,
		740	+ anim,
		741	+ anim1;
		742	+ if(parseInt(conteudoS.width,10) !== 0){//esconde
		743	+ //conteudoS.width = "0px";
		744	+ //conteudoS.display = "none";
		745	+ //moldeS.left = parseInt(moldeS.left,10) + i3GEO.guias.guiaMovel.config.larguraGuiaMovel + "px";
		746	+ //moldeS.width = i3GEO.guias.guiaMovel.config.larguraPuxador + "px";
		747	+ $i("i3GEOguiaMovelIcones").style.display = "none";
		748	+ attributes = {
		749	+ left: { to: parseInt(moldeS.left,10) + i3GEO.guias.guiaMovel.config.larguraGuiaMovel },
		750	+ id: "i3GEOguiaMovelMolde"
		751	+ };
		752	+ anim = new YAHOO.util.Anim(molde, attributes, 1, YAHOO.util.Easing.easeNone);
		753	+ attributes = {
		754	+ width: { to: 0 },
		755	+ id: "i3GEOguiaMovelConteudo"
		756	+ };
		757	+ anim1 = new YAHOO.util.Anim(conteudo, attributes, 1, YAHOO.util.Easing.easeNone);
		758	+ anim.animate();
		759	+ anim1.animate();
		760	+ }
		761	+ else{
		762	+ conteudoS.display = "block";
		763	+ //moldeS.width = i3GEO.guias.guiaMovel.config.larguraGuiaMovel + i3GEO.guias.guiaMovel.config.larguraPuxador + "px";
		764	+ //moldeS.left = parseInt(moldeS.left,10) - i3GEO.guias.guiaMovel.config.larguraGuiaMovel + "px";
		765	+ attributes = {
		766	+ left: { to: parseInt(moldeS.left,10) - i3GEO.guias.guiaMovel.config.larguraGuiaMovel },
		767	+ id: "i3GEOguiaMovelMolde"
		768	+ };
		769	+ anim = new YAHOO.util.Anim(molde, attributes, 1, YAHOO.util.Easing.easeNone);
		770	+ attributes = {
		771	+ width: { to: i3GEO.guias.guiaMovel.config.larguraGuiaMovel + 4 },
		772	+ id: "i3GEOguiaMovelConteudo"
		773	+ };
		774	+ anim1 = new YAHOO.util.Anim(conteudo, attributes, 1, YAHOO.util.Easing.easeNone);
		775	+ anim.animate();
		776	+ anim1.animate();
		777	+ anim1.onComplete.subscribe(function(){
		778	+ $i("i3GEOguiaMovelIcones").style.display = "block";
		779	+ });
		780	+ }
		781	+ }
720	}	782	}
721	};	783	};
722	\ No newline at end of file	784	\ No newline at end of file
	@@ -339,7 +339,7 @@ i3GEO = {		@@ -339,7 +339,7 @@ i3GEO = {
339	else	339	else
340	{eval(i3GEO.finaliza);}	340	{eval(i3GEO.finaliza);}
341	if(i3GEO.guias.TIPO === "movel")	341	if(i3GEO.guias.TIPO === "movel")
342	- {i3GEO.guias.guiaMovel();}	342	+ {i3GEO.guias.guiaMovel.inicia();}
343	}	343	}
344	catch(e){alert(e);}	344	catch(e){alert(e);}
345	};	345	};