spec/fixtures/full_page.html in bikepoa-tools-0.3.1 vs spec/fixtures/full_page.html in bikepoa-tools-0.4.0
- old
+ new
@@ -1,579 +1,875 @@
-
-<html>
-<head>
-<title>Mobilicidade - Portal da mobilidade urbana</title>
-<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
-<link href="include.css" rel="stylesheet" type="text/css">
-<link href="cssnovo/previsao.css" rel="stylesheet" type="text/css" />
-<script type="text/javascript">
-function exibirDivIdioma() {
-document.getElementById('pt-BR').style.display = 'block';
-}
-function horizontal() {
-var navItems = document.getElementById("menu_dropdown").getElementsByTagName("li");
-for (var i=0; i< navItems.length; i++) {
-if(navItems[i].className == "submenu")
-{
-if(navItems[i].getElementsByTagName('ul')[0] != null)
-{
-navItems[i].onmouseover=function() {this.getElementsByTagName('ul')[0].style.display="block";}
-navItems[i].onmouseout=function() {this.getElementsByTagName('ul')[0].style.display="none";}
-}
-}
-}
-
-}
-</script>
-</head>
-<body onload="horizontal();" topmargin="0" leftmargin="0">
-<div id="geral">
-<html>
-<head>
-<title>Mobilicidade - Portal da mobilidade urbana</title>
-<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
-<link href="include.css" rel="stylesheet" type="text/css">
-<link href="cssnovo/previsao.css" rel="stylesheet" type="text/css" />
-<script type="text/javascript">
-function exibirDivIdioma() {
-document.getElementById('pt-BR').style.display = 'block';
-}
-function horizontal() {
-var navItems = document.getElementById("menu_dropdown").getElementsByTagName("li");
-for (var i=0; i< navItems.length; i++) {
-if(navItems[i].className == "submenu")
-{
-if(navItems[i].getElementsByTagName('ul')[0] != null)
-{
-navItems[i].onmouseover=function() {this.getElementsByTagName('ul')[0].style.display="block";}
-navItems[i].onmouseout=function() {this.getElementsByTagName('ul')[0].style.display="none";}
-}
-}
-}
-
-}
-</script>
-</head>
-<body onload="horizontal();" topmargin="0" leftmargin="0">
-<div id="geral">
-<script language="Javascript">
-function checkFormLgn() {
-if (frmLgn.txt_email.value == "") {
-alert("Digite seu e-mail cadastrado!")
-frmLgn.txt_email.focus()
-return false
-}
-if (frmLgn.txt_password.value == "") {
-alert("Digite sua senha!")
-frmLgn.txt_password.focus()
-return false
-}
-frmGid.redirFailure.value = "/bikepoa/globalIdLogin.asp?url=/bikepoa/home.asp&msg=Login Inválido!<br>Você confirmou seu cadastro? Se não, clique no link enviar e-mail de confirmação abaixo!&redirpageMode=&email=" + frmGid.txt_email.value
-}
-function remindPass() {
-if (frmLgn.txt_email.value == "") {
-alert("Digite seu e-mail cadastrado!")
-frmLgn.txt_email.focus()
-} else {
-//frmGid.redirSuccess.value = "/bikepoa/globalIdLogin.asp?url=/bikepoa/home.asp&redirpageMode=&email=" + frmGid.txt_email.value + "&msg=sua senha foi enviada com sucesso para o e-mail ´" + frmGid.txt_email.value + "´"
-//frmGid.redirFailure.value = "/bikepoa/globalIdLogin.asp?url=/bikepoa/home.asp&redirpageMode=&email=" + frmGid.txt_email.value + "&msg=não foi possível enviar a senha para o e-mail ´" + frmGid.txt_email.value + "´"
-//frmGid.action = "/globalAsp/globalIdRemindPass.asp?email=" + frmGid.txt_email.value
-//document.forms['frmGid'].submit()
-frmLgn.redirSuccess.value = "home.asp"
-document.forms['frmLgn'].submit()
-}
-}
-function assinaturaHTTPS() {
-self.parent.location.href = '/bikepoa/assinatura.asp';
-}
-</script>
-<!-- INICIO | Banner Float -->
-<!-- FIM | Banner Float-->
-<div id="cabecalho" style="width: 770px;">
-<!-- inicio logomarca twitter/facebook -->
-<!--<div class="logoTwitter"><a href="http://twitter.com/#!/mobilicidade" target="_blank"><img src="imgnovo/twitter.png" alt="" border="0"/></a></div>
-<div class="logoFacebook"><a href="http://www.facebook.com/pages/Mobilicidade/214556695227867" target="_blank"><img src="imgnovo/facebook.png" alt="" border="0"/></a></div>-->
-<!-- fim logomarca twitter/facebook -->
-<!-- inicio login -->
-<div align="right" style="width: 770px;">
-
-<form name="frmLgn" id="frmLgn" method="POST" onsubmit="return checkFormLgn()" action="/globalAsp/globalIdLogin_mobc2.asp">
-<table cellpadding="1px" cellspacing="0" border="0">
-<tr>
-<td class="corLaranjaLink" valign="middle">
-<a href="https://ww2.mobilicidade.com.br/bikepoa/globalidcadastro.asp">
-Cadastre-se •</a>
-</td>
-<td class="corLaranja" valign="middle">
-E-mail
-</td>
-<td valign="middle">
-<input class="campoLoginNovo" type="text" name="txt_email" id="txt_email" value=""
-size="10" maxlength="50" />
-</td>
-<td class="corLaranja" valign="middle">
-Senha
-</td>
-<td valign="middle">
-<input class="campoLoginNovo" type="password" name="txt_password" id="txt_password"
-size="10" maxlength="16" />
-</td>
-<td valign="middle">
-<input type="image" name="imageField" src="imgnovo/ok.png" />
-</td>
-<td class="corLaranjaLink" valign="middle">
-<a href="/bikepoa/globalIdLogin.asp">
-Esqueci a senha</a>
-</td>
-</tr>
-</table>
-<input type="hidden" name="redirPageMode" value="">
-<input type="hidden" name="redirSuccess" id="redirSuccess" value="/bikepoa/home.asp">
-<input type="hidden" name="redirFailure" id="redirFailure" value="/bikepoa/globalIdLogin.asp?msg=Login Inválido!<br>Você confirmou seu cadastro? Se não, clique no link enviar e-mail de confirmação abaixo!&url=/bikepoa/home.asp">
-<input type="hidden" name="siteId" value="mobilicidade">
-</form>
-
-</div>
-<!-- fim login -->
-<!-- inicio logomarca pelario/itau -->
-<table cellpadding="0" cellspacing="0" border="0">
-<tr>
-<td>
-<div class="logomarca">
-<!--<div class="logoItau">-->
-<div style="height:76px;width:76px;position:relative;left: 263px;top:20px;float:left;">
-<!---->
-</div>
-<!--<div style="position:relative; right: 10px; top:5px;float:right;">
-<a href="/bikepoa/idioma.asp?idioma_site=pt"><img src="imgnovo/brazil.png" style="height:24px; width:24px;" alt="" border="0" /></a>
-<a href="/bikepoa/idioma.asp?idioma_site=en"><img src="imgnovo/eua.png" style="height:24px; width:24px;" alt="" border="0" /></a>
-</div>-->
-</div>
-</td>
-</tr>
-</table>
-<!-- fim logomarca pelario/itau -->
-<!-- inicio menu -->
-<div class="menuzae">
-<div id="divtwitter" style="position: absolute; display: block; height: 17px; width: 17px;
-left: 728px; top: 3px;">
-<a href="http://www.twitter.com/mobilicidade" target="_blank">
-<img src="imgnovo/twitter.png" alt="" border="0" width="17px" height="17px" />
-</a>
-</div>
-<div id="divfacebook" style="position: absolute; display: block; height: 17px; width: 17px;
-left: 748px; top: 3px;">
-<a href="http://www.facebook.com/mobilicidade" target="_blank">
-<img src="imgnovo/facebook-logo.png" alt="" border="0" width="17px" height="17px" />
-</a>
-</div>
-<ul id="menu_dropdown" class="menubar">
-<li class="submenu"><a href="/bikepoa/home.asp">Home</a></li>
-<li class="submenu"><a href="#">Passe</a>
-<ul class="menu">
-<li><a href="https://ww2.mobilicidade.com.br/bikepoa/assinatura.asp" target="_parent">Comprar Passe</a></li>
-</ul>
-</li>
-<li class="submenu"><a href="#">Extrato</a>
-<ul class="menu">
-<li><a href="/bikepoa/ordershistory.asp">Compras</a></li>
-<li><a href="/bikepoa/gridmovimento.asp">Movimentação</a></li>
-<!--<li><a href="#">Cancelar Passe</a></li>-->
-</ul>
-</li>
-<li class="submenu"><a href="#">Informações</a>
-<ul class="menu">
-<li><a href="/bikepoa/sobre.asp">Sobre</a></li>
-<li><a href="/bikepoa/comoutilizar.asp">Como Utilizar</a></li>
-<li><a href="/bikepoa/duvidas.asp">Dúvidas</a></li>
-<li><a href="/bikepoa/mapaestacao.asp">Localização Estações</a></li>
-<li><a href="javascript:window.open('/bikepoa/contratoprint.asp','Imprimir','width=740,heigth=300,scrollbars=yes'); void(0)">Termo de Adesão e Uso</a></li>
-</ul>
-</li>
-<li class="submenu"><a href="/bikepoa/faleconosco.asp">
-Fale conosco</a></a></li>
-</ul>
-</div>
-<!-- fim menu -->
-</div>
-
-<div id="total">
-<div style="padding-left:10px;">
-<br />
-<font class="textoGeralNovo" style="color:#6baf46; font-size:18px;" ><b>Mapa das Estações</b></font>
-<br />
-<br />
-<font class="textoGeralNovo" font-size:14px;" ><b>Legenda:</b></font>
-<br />
-<table cellpadding="0" cellspacing="0" border="0">
-<tr>
-<td><img src="http://ww2.mobilicidade.com.br/bikepoa/img/icone-estacoes-cinza.gif" width="26" height="26" alt="" /></td>
-<td><font class="textoGeralNovo" font-size:14px;"> Estações em Ativação</font></td>
-<td> </td>
-<td><img src="http://ww2.mobilicidade.com.br/bikepoa/img/icone-estacoes-vazia.gif" width="26" height="26" alt="" /></td>
-<td><font class="textoGeralNovo" font-size:14px;"> Nenhuma Bicicleta disponível</font></td>
-</tr>
-<tr>
-<td><img src="http://ww2.mobilicidade.com.br/bikepoa/img/icone-estacoes.gif" width="26" height="26" alt="" /></td>
-<td> <font class="textoGeralNovo" font-size:14px;"> Estações Ativas</font></td>
-<td> </td>
-<td><img src="http://ww2.mobilicidade.com.br/bikepoa/img/icone-estacoes-cheia.gif" width="26" height="26" alt="" /></td>
-<td><font class="textoGeralNovo" font-size:14px;"> Todas as posições ocupadas</font></td>
-</tr>
-</table>
-<br />
-<br />
-<style type="text/css">
-@import url( http://www.google.com/uds/css/gsearch.css );
-@import url( http://www.google.com/uds/solutions/localsearch/gmlocalsearch.css );
-.lblMarker
-{
-font-family:Arial;
-font-size:12px;
-font-weight:bold;
-}
-</style>
-<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAd3kymL6azoWU_Vns6OElLxTJbyVcek7hMp1iSF4Agg6rUY9aeRQ17uLKjjhSxx0I07muxjvBYoZJRQ" type="text/javascript"></script>
-<script src="http://www.google.com/uds/api?file=uds.js&v=1.0&key=ABQIAAAAd3kymL6azoWU_Vns6OElLxTJbyVcek7hMp1iSF4Agg6rUY9aeRQ17uLKjjhSxx0I07muxjvBYoZJRQ" type="text/javascript"></script>
-<script src="http://www.google.com/uds/solutions/localsearch/gmlocalsearch.js" type="text/javascript"></script>
-<script src="/bikepoa/js/dragzoom.js" type="text/javascript"></script>
-<script src="/bikepoa/js/labeledmarker.js" type="text/javascript"></script>
-<script type="text/javascript">
-//<![CDATA[
-var map;
-var tempo = 60000;
-var xmlHttp;
-var geocoder=null;
-var markerGroups = {"estacao": []};
-function load() {
-if (GBrowserIsCompatible()) {
-map = new GMap2(document.getElementById("map"));
-map.addControl(new GMapTypeControl());
-map.addControl(new GSmallMapControl());
-map.setCenter(new GLatLng(-30.027674,-51.228053), 13);
-// controle de busca
-var options = {
-suppressZoomToBounds : true,
-suppressInitialResultSelection : true
-};
-map.addControl(new google.maps.LocalSearch(options));
-// controle de zoom
-var opcaoZoomDrag = {
-backButtonEnabled: true,
-buttonZoomingHTML: 'arraste uma região do mapa',
-backButtonHTML: 'voltar'
-};
-map.addControl(new DragZoomControl({}, opcaoZoomDrag, {}));
-processaXML();
-//lerXML();
-}
-}
-function lerXML(){
-//criarArquivoXML("http://samba.mobc.com.br/rj/retaguarda/Supervisao/CriarArquivoXML.aspx");
-//window.setTimeout("lerXML()", tempo);
-//tempo = 60000;
-}
-function processaXML(xml){
-map.clearOverlays();
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.028658,-51.226791);
-map.addOverlay( criaPonto(point,1,'Mercado','Rua Marechal Floriano, 66, entre a Rua Voluntários da Pátria e a Avenida Otávio Rocha','','12x0',23,'A','EO',12,5,0,41,67) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.029262,-51.231908);
-map.addOverlay( criaPonto(point,2,'Praça da Alfândega','Rua Capitão Montanha, Esquina com a Rua Siqueira Campos','','12x0',23,'A','EO',12,6,0,50) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.030772,-51.234886);
-map.addOverlay( criaPonto(point,3,'Casa de Cultura Mario Quintana','Rua 7 de Setembro, 539','','12x0',23,'A','EO',12,6,0,50) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.034441,-51.240862);
-map.addOverlay( criaPonto(point,4,'Usina do Gasômetro','Avenida Presidente João Goulart, 551','','12x0',23,'A','EO',12,6,0,50) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.037492,-51.237230);
-map.addOverlay( criaPonto(point,5,'Câmara de Vereadores','Rua Ibanor José Tartarotti (ao lado do portao da Camara municipal)','','12x0',23,'A','EO',12,6,0,50) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.038430,-51.225814);
-map.addOverlay( criaPonto(point,6,'Largo Zumbi','Travessa do Carmo, 76','','8x6',23,'A','EO',14,8,0,57,14) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.038003,-51.213755);
-map.addOverlay( criaPonto(point,7,'Redenção Araújo Viana','Parque Farroupilha','','Mini-estação de demonstração',23,'I','BL',2,0,0,0) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.033619,-51.216030);
-map.addOverlay( criaPonto(point,8,'Redenção UFRGS','Parque Farroupilha','','Mini-estação de demonstração',23,'I','BL',2,0,0,0) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.035848,-51.224827);
-map.addOverlay( criaPonto(point,9,'Redenção Brique','Avenida Loureiro da Silva','','Mini-estação de demonstração',23,'I','BL',2,0,0,0) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.039061,-51.224012);
-map.addOverlay( criaPonto(point,10,'Rua da República','Rua da República','','Mini-estação de demonstração',23,'I','BL',2,0,0,0) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.045358,-51.219549);
-map.addOverlay( criaPonto(point,11,'Ginásio Tesourinha','Avenida Érico Veríssimo','','12x0',23,'A','EO',12,6,0,50) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.048256,-51.228947);
-map.addOverlay( criaPonto(point,12,'Shopping Praia de Belas','Avenida Borges de Medeiros','','12x0',23,'A','EO',12,5,0,41,67) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.038374,-51.206502);
-map.addOverlay( criaPonto(point,13,'Hospital de Clínicas','Avenida Aranha','','Mini-estação de demonstração',23,'I','BL',2,0,0,0) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.043129,-51.206202);
-map.addOverlay( criaPonto(point,14,'Faculdade de Medicina do Hospital de Clínicas','Avenida Ipiranga','','Mini-estação de demonstração',23,'I','BL',2,0,0,0) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.086213,-51.244354);
-map.addOverlay( criaPonto(point,15,'Barra Shopping','Avenida Diário de Notícias','','Mini-estação de demonstração',23,'I','BL',2,0,0,0) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.059028,-51.228947);
-map.addOverlay( criaPonto(point,16,'Hospital Mae de Deus','Avenida José de Alencar','','Mini-estação de demonstração',23,'I','BL',2,0,0,0) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.051859,-51.224441);
-map.addOverlay( criaPonto(point,17,'Menino de Deus - Zaffari Getulio','Avenido Getúlio Vargas','','Mini-estação de demonstração',23,'I','BL',2,0,0,0) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.053642,-51.205387);
-map.addOverlay( criaPonto(point,18,'Terminal Azenha','Avenida Bento Goncalves','','Mini-estação de demonstração',23,'I','BL',2,0,0,0) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.023438,-51.219162);
-map.addOverlay( criaPonto(point,19,'Rodoviária','Avenida Presidente Castelo Branco','','Mini-estação de demonstração',23,'I','BL',2,0,0,0) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.028677,-51.217274);
-map.addOverlay( criaPonto(point,20,'Shopping Total','Avenida Independencia','','Mini-estação de demonstração',23,'I','BL',2,0,0,0) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.056131,-51.173844);
-map.addOverlay( criaPonto(point,21,'Complexo PUC','Avenida Ipiranga','','Mini-estação de demonstração',23,'I','BL',2,0,0,0) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.060068,-51.173114);
-map.addOverlay( criaPonto(point,22,'Complexo PUC','Avenida Ipiranga','','Mini-estação de demonstração',23,'I','BL',2,0,0,0) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.033953,-51.221394);
-map.addOverlay( criaPonto(point,23,'Campus da UFRGS','Parque Farroupilha','','Mini-estação de demonstração',23,'I','BL',2,0,0,0) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.073030,-51.119642);
-map.addOverlay( criaPonto(point,24,'Campus da UFRGS Agronomia','Avenida Bento Goncalves','','Mini-estação de demonstração',23,'I','BL',2,0,0,0) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.076707,-51.122817);
-map.addOverlay( criaPonto(point,25,'Campus da UFRGS Veterinária','Avenida Bento Goncalves','','Mini-estação de demonstração',23,'I','BL',2,0,0,0) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.028993,-51.208562);
-map.addOverlay( criaPonto(point,26,'Avenida Independencia','Avenida Independencia','','Mini-estação de demonstração',23,'I','BL',2,0,0,0) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.038523,-51.203885);
-map.addOverlay( criaPonto(point,27,'Avenida Protásio Alves','Avenida Protásio Alves','','Mini-estação de demonstração',23,'I','BL',2,0,0,0) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.044355,-51.201395);
-map.addOverlay( criaPonto(point,28,'Zaffari Ipiranga','Avenida Ipiranga','','Mini-estação de demonstração',23,'I','BL',2,0,0,0) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.066122,-51.150197);
-map.addOverlay( criaPonto(point,29,'Terminal Antonio de Carvalho','Avenida Bento Goncalves','','Mini-estação de demonstração',23,'I','BL',2,0,0,0) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.025147,-51.162257);
-map.addOverlay( criaPonto(point,30,'Iguatemi Shopping','Avenida João Wallig','','Mini-estação de demonstração',23,'I','BL',2,0,0,0) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.028491,-51.200838);
-map.addOverlay( criaPonto(point,31,'Parcão','Avenida Goethe','','Mini-estação de demonstração',23,'I','BL',2,0,0,0) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.025296,-51.200580);
-map.addOverlay( criaPonto(point,32,'Parcão','Avenida Goethe','','Mini-estação de demonstração',23,'I','BL',2,0,0,0) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.047829,-51.221630);
-map.addOverlay( criaPonto(point,33,'Shopping João Pessoa','Avenida Ipiranga','','Mini-estação de demonstração',23,'I','BL',2,0,0,0) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.032875,-51.230063);
-map.addOverlay( criaPonto(point,34,'Praça da Matriz','Praça da Matriz','','Mini-estação de demonstração',23,'I','BL',2,0,0,0) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.037631,-51.231522);
-map.addOverlay( criaPonto(point,35,'Escola Parobé','Avenida Loureiro da Silva, 945','','12x0',23,'A','EO',12,6,0,50) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.042786,-51.229044);
-map.addOverlay( criaPonto(point,36,'Região dos Tribunais','Avenida Aureliano de Figueiredo Pinto','','12x0',23,'A','EO',12,5,0,41,67) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.031724,-51.224184);
-map.addOverlay( criaPonto(point,37,'Casa Estudante João Pessoa','Avenida João Pessoa','','Mini-estação de demonstração',23,'I','BL',2,0,0,0) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.031687,-51.210858);
-map.addOverlay( criaPonto(point,38,'Avenida Vasco da Gama','Avenida Vasco da Gama','','Mini-estação de demonstração',23,'I','BL',2,0,0,0) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.036739,-51.186933);
-map.addOverlay( criaPonto(point,39,'Praça da Encol','Praça da Encol','','Mini-estação de demonstração',23,'I','BL',2,0,0,0) );
-
-// Criando ponto - plotanto ponto no mapa
-var point = new GLatLng(-30.039998,-51.219214);
-map.addOverlay( criaPonto(point,40,'Shopping Olaria','Rua General Lima e Silva','','Mini-estação de demonstração',23,'I','BL',2,0,0,0) );
-
-}
-function criaPonto(ponto, idEstacao, nome, endereco, referencia, descTipo, codArea, statusOnline, statusOperacao, numBicicletas, vagasOcupadas, ocorrenciasAbertas, taxaOcupacao){
-var baseIcon = new GIcon();
-var strCaminho = ""; //"img/icone-estacoes.gif";
-var numeroEstacao = idEstacao;
-if(statusOperacao != "EO"){
-strCaminho = "img/icone-estacoes-cinza.gif";
-}else if((statusOperacao == "EO") && (statusOnline == "A")){
-strCaminho = "img/icone-estacoes.gif";
-if(vagasOcupadas == 0){
-strCaminho = "img/icone-estacoes-vazia.gif";
-}
-if(numBicicletas == vagasOcupadas){
-strCaminho = "img/icone-estacoes-cheia.gif";
-}
-}else if((statusOperacao == "EO") && (statusOnline == "I")){
-strCaminho = "img/icone-estacoes-desativado.gif";
-}
-baseIcon.image = strCaminho;
-baseIcon.iconSize = new GSize(25,25);
-baseIcon.shadow = "pushpin_shadow.png";
-baseIcon.shadowSize = new GSize(18, 18);
-baseIcon.iconAnchor = new GPoint(9, 34);
-baseIcon.infoWindowAnchor = new GPoint(9, 2);
-baseIcon.infoShadowAnchor = new GPoint(18, 25);
-if(idEstacao <= 9){
-numeroEstacao = "0".concat(idEstacao);
-}
-
-var icon = new GIcon(baseIcon);
-opts = {
-"icon": icon,
-"clickable": true,
-"labelText": numeroEstacao,
-"labelClass": "lblMarker",
-"labelOffset": new GSize(-2,-10)
-};
-// var marker = new GMarker(ponto, icon);
-var marker = new LabeledMarker(ponto, opts);
-markerGroups["estacao"].push(marker);
-//Processando 'status online'
-if (statusOnline == "A" && statusOperacao == "EO" ){
-statusOnline = "Ativa";
-} else {
-statusOnline = "Em manutenção"; //"Inativa";
-}
-/*
-//Processando 'status operação'
-if (statusOperacao == "EO"){
-statusOperacao = "Em Operação";
-}
-else if (statusOperacao == "EM"){
-statusOperacao = "Em Manutenção";
-}
-else if (statusOperacao == "BL"){
-statusOperacao = "Bloqueada";
-}
-*/
-GEvent.addListener(marker, "click", function() {
-varTableHTML = "<table>";
-varTableHTML += "<tr>";
-varTableHTML += "<td align='left' valign='middle' width='30'>";
-varTableHTML += "<img src='"+strCaminho+"' />";
-varTableHTML += "</td>";
-varTableHTML += "<td align='left'>";
-varTableHTML += "<font face='arial' size='1'><b><br/>" + numeroEstacao + ". " + nome + "</b><br/><br/></font>";
-varTableHTML += "</td>";
-varTableHTML += "</tr>";
-varTableHTML += "<tr align='left'>"
-varTableHTML += "<td colspan='2'><font face='arial' size='1'>";
-varTableHTML += "Status: " + statusOnline;
-varTableHTML += "</td>";
-varTableHTML += "</tr>";
-/*
-varTableHTML += "<tr align='left'>"
-varTableHTML += "<td colspan='2'><font face='arial' size='2'>";
-varTableHTML += "Status da Operação: " + statusOperacao;
-varTableHTML += "</font></td>";
-varTableHTML += "</tr>";
-*/
-varTableHTML += "<tr align='left'>"
-varTableHTML += "<td colspan='2'><font face='arial' size='1'>";
-varTableHTML += "Endereco: " + endereco;
-varTableHTML += "</font></td>";
-varTableHTML += "</tr>";
-varTableHTML += "<tr align='left'>"
-varTableHTML += "<td colspan='2'><font face='arial' size='1'>";
-varTableHTML += "Bicicletas disponíveis: " + vagasOcupadas;
-varTableHTML += "</font></td>";
-varTableHTML += "</tr>";
-varTableHTML += "<tr align='left'>"
-varTableHTML += "<td colspan='2'><font face='arial' size='1'>";
-varTableHTML += "Vagas livres: " + (numBicicletas - vagasOcupadas);
-varTableHTML += "</font></td>";
-varTableHTML += "</tr>";
-varTableHTML += "</table><br/><br/>";
-marker.openInfoWindowHtml(varTableHTML);
-});
-return marker;
-}
-//]]>
-</script>
-<div id="map" style="z-index:1;width:750px;height:500px;font:18px Arial;color:#000000;"></div>
-<br />
-<script type="text/javascript">
-load();
-</script>
-</div>
-</div>
-
-<div id="rodape">
-<!-- Início do Rodapé -->
-<div class="rodapeNovo">
-<table height="100%" border="0" cellpadding="0" cellspacing="0">
-<tr>
-<td width="198" style="color:#666; font-size:11px; font-family:Arial;">
-<b>Atendimento ao Cliente</b><br />
-Call Center/ Centro de Información:<br />
-+55 (51) 4063 6299
-</td>
-<td width="157" align="center">
-<a href="http://www2.portoalegre.rs.gov.br/portal_pmpa_novo/" target="_blank">
-<img width="32" height="30" src="imgnovo/LOGO_EPTC.jpg" border="0">
-</a>
-</td>
-<td width="157" align="center">
-<a href="http://www2.portoalegre.rs.gov.br/portal_pmpa_novo/" target="_blank">
-<img width="45" height="42" src="imgnovo/prefeitura-poa.png" border="0">
-</a>
-</td>
-<td width="128" align="center"><a href="http://www.serttel.com.br/" target="_blank"><img width="36" height="32" src="imgnovo/serttel.png" border="0"></a></td>
-<td width="159" align="center"><a href="http://www.serttel.com.br/" target="_blank"><img width="42" height="33" src="imgnovo/logo-samba.png" border="0"></a></td>
-<td width="159" align="center"><a href="http://www.mobilicidade.com.br/" target="_blank"><img width="66" height="24" src="imgnovo/mobilicidade.png" border="0"></a></td>
-</tr>
-</table>
-</div>
-<!-- Fim do Rodapé -->
-</div></div>
-</body>
-</html></div>
-</body>
-</html>
\ No newline at end of file
+
+
+<html>
+<head>
+<title>Mobilicidade - Portal da mobilidade urbana</title>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
+<link href="include.css" rel="stylesheet" type="text/css">
+<link href="cssnovo/previsao.css" rel="stylesheet" type="text/css" />
+<script type="text/javascript">
+function exibirDivIdioma() {
+document.getElementById('pt-BR').style.display = 'block';
+}
+function horizontal() {
+var navItems = document.getElementById("menu_dropdown").getElementsByTagName("li");
+for (var i=0; i< navItems.length; i++) {
+if(navItems[i].className == "submenu")
+{
+if(navItems[i].getElementsByTagName('ul')[0] != null)
+{
+navItems[i].onmouseover=function() {this.getElementsByTagName('ul')[0].style.display="block";}
+navItems[i].onmouseout=function() {this.getElementsByTagName('ul')[0].style.display="none";}
+}
+}
+}
+
+}
+</script>
+</head>
+<body onload="horizontal();" topmargin="0" leftmargin="0">
+<div id="geral">
+<html>
+<head>
+<title>Mobilicidade - Portal da mobilidade urbana</title>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
+<link href="include.css" rel="stylesheet" type="text/css">
+<link href="cssnovo/previsao.css" rel="stylesheet" type="text/css" />
+<script type="text/javascript">
+function exibirDivIdioma() {
+document.getElementById('pt-BR').style.display = 'block';
+}
+function horizontal() {
+var navItems = document.getElementById("menu_dropdown").getElementsByTagName("li");
+for (var i=0; i< navItems.length; i++) {
+if(navItems[i].className == "submenu")
+{
+if(navItems[i].getElementsByTagName('ul')[0] != null)
+{
+navItems[i].onmouseover=function() {this.getElementsByTagName('ul')[0].style.display="block";}
+navItems[i].onmouseout=function() {this.getElementsByTagName('ul')[0].style.display="none";}
+}
+}
+}
+
+}
+</script>
+</head>
+<body onload="horizontal();" topmargin="0" leftmargin="0">
+<div id="geral">
+<script language="Javascript">
+function checkFormLgn() {
+if (frmLgn.txt_email.value == "") {
+alert("Digite seu e-mail cadastrado!")
+frmLgn.txt_email.focus()
+return false
+}
+if (frmLgn.txt_password.value == "") {
+alert("Digite sua senha!")
+frmLgn.txt_password.focus()
+return false
+}
+frmGid.redirFailure.value = "/bikepoa/globalIdLogin.asp?url=/bikepoa/home.asp&msg=Login Inválido!<br>Você confirmou seu cadastro? Se não, clique no link enviar e-mail de confirmação abaixo!&redirpageMode=&email=" + frmGid.txt_email.value
+}
+function remindPass() {
+if (frmLgn.txt_email.value == "") {
+alert("Digite seu e-mail cadastrado!")
+frmLgn.txt_email.focus()
+} else {
+//frmGid.redirSuccess.value = "/bikepoa/globalIdLogin.asp?url=/bikepoa/home.asp&redirpageMode=&email=" + frmGid.txt_email.value + "&msg=sua senha foi enviada com sucesso para o e-mail ´" + frmGid.txt_email.value + "´"
+//frmGid.redirFailure.value = "/bikepoa/globalIdLogin.asp?url=/bikepoa/home.asp&redirpageMode=&email=" + frmGid.txt_email.value + "&msg=não foi possÃvel enviar a senha para o e-mail ´" + frmGid.txt_email.value + "´"
+//frmGid.action = "/globalAsp/globalIdRemindPass.asp?email=" + frmGid.txt_email.value
+//document.forms['frmGid'].submit()
+frmLgn.redirSuccess.value = "home.asp"
+document.forms['frmLgn'].submit()
+}
+}
+function assinaturaHTTPS() {
+self.parent.location.href = '/bikepoa/assinatura.asp';
+}
+</script>
+<!-- INICIO | Banner Float -->
+<!-- FIM | Banner Float-->
+<div id="cabecalho" style="width: 770px;">
+<!-- inicio logomarca twitter/facebook -->
+<!--<div class="logoTwitter"><a href="http://twitter.com/#!/mobilicidade" target="_blank"><img src="imgnovo/twitter.png" alt="" border="0"/></a></div>
+<div class="logoFacebook"><a href="http://www.facebook.com/pages/Mobilicidade/214556695227867" target="_blank"><img src="imgnovo/facebook.png" alt="" border="0"/></a></div>-->
+<!-- fim logomarca twitter/facebook -->
+<!-- inicio login -->
+<div align="right" style="width: 770px;">
+
+<form name="frmLgn" id="frmLgn" method="POST" onsubmit="return checkFormLgn()" action="/globalAsp/globalIdLogin_mobc2.asp">
+<table cellpadding="1px" cellspacing="0" border="0">
+<tr>
+<td class="corLaranjaLink" valign="middle">
+<a href="https://ww2.mobilicidade.com.br/bikepoa/globalidcadastro.asp">
+Cadastre-se •</a>
+</td>
+<td class="corLaranja" valign="middle">
+E-mail
+</td>
+<td valign="middle">
+<input class="campoLoginNovo" type="text" name="txt_email" id="txt_email" value=""
+size="10" maxlength="50" />
+</td>
+<td class="corLaranja" valign="middle">
+Senha
+</td>
+<td valign="middle">
+<input class="campoLoginNovo" type="password" name="txt_password" id="txt_password"
+size="10" maxlength="16" />
+</td>
+<td valign="middle">
+<input type="image" name="imageField" src="imgnovo/ok.png" />
+</td>
+<td class="corLaranjaLink" valign="middle">
+<a href="/bikepoa/globalIdLogin.asp">
+Esqueci a senha</a>
+</td>
+</tr>
+</table>
+<input type="hidden" name="redirPageMode" value="">
+<input type="hidden" name="redirSuccess" id="redirSuccess" value="/bikepoa/home.asp">
+<input type="hidden" name="redirFailure" id="redirFailure" value="/bikepoa/globalIdLogin.asp?msg=Login Inválido!<br>Você confirmou seu cadastro? Se não, clique no link enviar e-mail de confirmação abaixo!&url=/bikepoa/home.asp">
+<input type="hidden" name="siteId" value="mobilicidade">
+</form>
+
+</div>
+<!-- fim login -->
+<!-- inicio logomarca pelario/itau -->
+<table cellpadding="0" cellspacing="0" border="0">
+<tr>
+<td>
+<div class="logomarca">
+<!--<div class="logoItau">-->
+<div style="height:76px;width:76px;position:relative;left: 263px;top:20px;float:left;">
+<!---->
+</div>
+<!--<div style="position:relative; right: 10px; top:5px;float:right;">
+<a href="/bikepoa/idioma.asp?idioma_site=pt"><img src="imgnovo/brazil.png" style="height:24px; width:24px;" alt="" border="0" /></a>
+<a href="/bikepoa/idioma.asp?idioma_site=en"><img src="imgnovo/eua.png" style="height:24px; width:24px;" alt="" border="0" /></a>
+</div>-->
+</div>
+</td>
+</tr>
+</table>
+<!-- fim logomarca pelario/itau -->
+<!-- inicio menu -->
+<div class="menuzae">
+<div id="divtwitter" style="position: absolute; display: block; height: 17px; width: 17px;
+left: 728px; top: 3px;">
+<a href="http://www.twitter.com/mobilicidade" target="_blank">
+<img src="imgnovo/twitter.png" alt="" border="0" width="17px" height="17px" />
+</a>
+</div>
+<div id="divfacebook" style="position: absolute; display: block; height: 17px; width: 17px;
+left: 748px; top: 3px;">
+<a href="http://www.facebook.com/mobilicidade" target="_blank">
+<img src="imgnovo/facebook-logo.png" alt="" border="0" width="17px" height="17px" />
+</a>
+</div>
+<ul id="menu_dropdown" class="menubar">
+<li class="submenu"><a href="/bikepoa/home.asp">Home</a></li>
+<li class="submenu"><a href="#">Passe</a>
+<ul class="menu">
+<li><a href="https://ww2.mobilicidade.com.br/bikepoa/assinatura.asp" target="_parent">Comprar Passe</a></li>
+</ul>
+</li>
+<li class="submenu"><a href="#">Extrato</a>
+<ul class="menu">
+<li><a href="/bikepoa/ordershistory.asp">Compras</a></li>
+<li><a href="/bikepoa/gridmovimento.asp">Movimentação</a></li>
+<!--<li><a href="#">Cancelar Passe</a></li>-->
+</ul>
+</li>
+<li class="submenu"><a href="#">Informações</a>
+<ul class="menu">
+<li><a href="/bikepoa/sobre.asp">Sobre</a></li>
+<li><a href="/bikepoa/comoutilizar.asp">Como Utilizar</a></li>
+<li><a href="/bikepoa/duvidas.asp">Dúvidas</a></li>
+<li><a href="/bikepoa/mapaestacao.asp">Localização Estações</a></li>
+<li><a href="javascript:window.open('/bikepoa/contratoprint.asp','Imprimir','width=740,heigth=300,scrollbars=yes'); void(0)">Termo de Adesão e Uso</a></li>
+</ul>
+</li>
+<li class="submenu"><a href="/bikepoa/faleconosco.asp">
+Fale conosco</a></a></li>
+</ul>
+</div>
+<!-- fim menu -->
+</div>
+
+<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
+<script type="text/javascript" src="js/markerwithlabel.js"></script>
+<style>
+html, body {
+height: 100%;
+}
+#map-canvas, #map_canvas {
+width : 750px;
+height: 500px;
+}
+.labelMapa{
+font-family:Arial;
+font-size:12px;
+font-weight:bold;
+}
+</style>
+<script>
+var map;
+var infowindowEstacaoArray = [];
+var pathKML = ""; // utilizar url caso queira mapa tipo KLM
+var arrayEstacao = [];
+var arrayPontoTuristico = [];
+// inicializa mapa com um ponto central
+function initialize() {
+var pontoCentral = new google.maps.LatLng(-30.027674,-51.228053); //(-8.06264, -34.872783);
+var myOptions = {
+zoom: 13,
+center: pontoCentral,
+mapTypeId: google.maps.MapTypeId.ROADMAP
+}
+// exibe mapa
+map = new google.maps.Map(document.getElementById("map-canvas"), myOptions);
+// exibe rota baseada em arquivo KML
+if(pathKML != ""){
+var ctaLayer = new google.maps.KmlLayer(pathKML);
+ctaLayer.setMap(map);
+}
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.028658",
+"-51.226791",
+"img/icone-estacoes.gif",
+"Mercado",
+"1",
+"A",
+"EO",
+"4",
+"12",
+"Rua Marechal Floriano, 66, entre a Rua Voluntários da Pátria e a Avenida Otávio Rocha");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.029262",
+"-51.231908",
+"img/icone-estacoes.gif",
+"Praça da Alfândega",
+"2",
+"A",
+"EO",
+"2",
+"8",
+"Rua Capitão Montanha, Esquina com a Rua Siqueira Campos");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.030772",
+"-51.234886",
+"img/icone-estacoes.gif",
+"Casa de Cultura Mario Quintana",
+"3",
+"A",
+"EO",
+"3",
+"12",
+"Rua 7 de Setembro, 539");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.034920",
+"-51.241060",
+"img/icone-estacoes.gif",
+"Usina do Gasômetro",
+"4",
+"A",
+"EO",
+"4",
+"12",
+"Avenida Presidente João Goulart, 551");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.037492",
+"-51.237230",
+"img/icone-estacoes.gif",
+"Câmara de Vereadores",
+"5",
+"A",
+"EO",
+"2",
+"9",
+"Rua Ibanor José Tartarotti (ao lado do portao da Camara municipal)");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.038430",
+"-51.225814",
+"img/icone-estacoes.gif",
+"Largo Zumbi",
+"6",
+"A",
+"EO",
+"5",
+"14",
+"Travessa do Carmo, 76");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.038003",
+"-51.213755",
+"img/icone-estacoes.gif",
+"Redenção Araújo Viana",
+"7",
+"I",
+"BL",
+"0",
+"2",
+"Parque Farroupilha");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.034891",
+"-51.217778",
+"img/icone-estacoes.gif",
+"Redenção UFRGS",
+"8",
+"A",
+"EO",
+"10",
+"14",
+"Parque Farroupilha");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.035848",
+"-51.224827",
+"img/icone-estacoes.gif",
+"Redenção Brique",
+"9",
+"I",
+"BL",
+"0",
+"2",
+"Avenida Loureiro da Silva");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.036095",
+"-51.211035",
+"img/icone-estacoes.gif",
+"Redenção Mercadinho",
+"10",
+"A",
+"EO",
+"8",
+"12",
+"Estacionamento Ãrea Azul Protásio Alves");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.045358",
+"-51.219549",
+"img/icone-estacoes.gif",
+"Ginásio Tesourinha",
+"11",
+"A",
+"EO",
+"5",
+"12",
+"Avenida Érico VerÃssimo");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.048256",
+"-51.228947",
+"img/icone-estacoes.gif",
+"Shopping Praia de Belas",
+"12",
+"A",
+"EO",
+"8",
+"10",
+"Avenida Borges de Medeiros");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.039505",
+"-51.207995",
+"img/icone-estacoes.gif",
+"Hospital de ClÃnicas",
+"13",
+"A",
+"EO",
+"4",
+"14",
+"Av. Jerônimo de Ornelas, nº 2350");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.044002",
+"-51.207693",
+"img/icone-estacoes.gif",
+"Planetário",
+"14",
+"A",
+"EO",
+"3",
+"12",
+"Avenida Ipiranga");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.041894",
+"-51.220922",
+"img/icone-estacoes.gif",
+"Opinião",
+"15",
+"A",
+"EO",
+"5",
+"12",
+"Esquina Joaquim Nabuco com José do PatrocÃnio");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.051859",
+"-51.224441",
+"img/icone-estacoes.gif",
+"Menino Deus - Zaffari Getúlio",
+"16",
+"I",
+"BL",
+"0",
+"2",
+"Avenida Getúlio Vargas");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.059685",
+"-51.230815",
+"img/icone-estacoes.gif",
+"Menino Deus",
+"17",
+"A",
+"EO",
+"9",
+"14",
+"Avenida José de Alencar");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.050205",
+"-51.209545",
+"img/icone-estacoes.gif",
+"Terminal Azenha",
+"18",
+"A",
+"EO",
+"1",
+"12",
+"Avenida João Pessoa");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.077197",
+"-51.244973",
+"img/icone-estacoes.gif",
+"Iberê",
+"19",
+"A",
+"EO",
+"0",
+"12",
+"Avenida Padre Cacique");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.097501",
+"-51.248302",
+"img/icone-estacoes.gif",
+"Diário de NotÃcias",
+"20",
+"A",
+"EO",
+"7",
+"12",
+"Cruzamento Av. Diário de NotÃcias com Av. IcaraÃ");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.056131",
+"-51.173844",
+"img/icone-estacoes.gif",
+"Complexo PUC",
+"21",
+"I",
+"BL",
+"0",
+"2",
+"Avenida Ipiranga");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.060726",
+"-51.220630",
+"img/icone-estacoes.gif",
+"Nacional",
+"22",
+"A",
+"EO",
+"5",
+"10",
+"Rua José de Alencar, nº 1068");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.033953",
+"-51.221394",
+"img/icone-estacoes.gif",
+"Campus da UFRGS",
+"23",
+"I",
+"BL",
+"0",
+"2",
+"Parque Farroupilha");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.073030",
+"-51.119642",
+"img/icone-estacoes.gif",
+"Campus da UFRGS Agronomia",
+"24",
+"I",
+"BL",
+"0",
+"2",
+"Avenida Bento Gonçalves");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.076707",
+"-51.122817",
+"img/icone-estacoes.gif",
+"Campus da UFRGS Veterinária",
+"25",
+"I",
+"BL",
+"0",
+"2",
+"Avenida Bento Gonçalves");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.028993",
+"-51.208562",
+"img/icone-estacoes.gif",
+"Avenida Independência",
+"26",
+"I",
+"BL",
+"0",
+"2",
+"Avenida Independência");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.038523",
+"-51.203885",
+"img/icone-estacoes.gif",
+"Avenida Protásio Alves",
+"27",
+"I",
+"BL",
+"0",
+"2",
+"Avenida Protásio Alves");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.043444",
+"-51.199856",
+"img/icone-estacoes.gif",
+"Zaffari Ipiranga",
+"28",
+"A",
+"EO",
+"3",
+"12",
+"Avenida Ipiranga");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.066122",
+"-51.150197",
+"img/icone-estacoes.gif",
+"Terminal Antônio de Carvalho",
+"29",
+"I",
+"BL",
+"0",
+"2",
+"Avenida Bento Gonçalves");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.025147",
+"-51.162257",
+"img/icone-estacoes.gif",
+"Iguatemi Shopping",
+"30",
+"I",
+"BL",
+"0",
+"2",
+"Avenida João Wallig");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.028491",
+"-51.200838",
+"img/icone-estacoes.gif",
+"Parcão",
+"31",
+"I",
+"BL",
+"0",
+"2",
+"Avenida Goethe");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.025296",
+"-51.200580",
+"img/icone-estacoes.gif",
+"Parcão",
+"32",
+"I",
+"BL",
+"0",
+"2",
+"Avenida Goethe");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.047829",
+"-51.221630",
+"img/icone-estacoes.gif",
+"Shopping João Pessoa",
+"33",
+"I",
+"BL",
+"0",
+"2",
+"Avenida Ipiranga");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.083220",
+"-51.247395",
+"img/icone-estacoes.gif",
+"Barra Shopping",
+"34",
+"A",
+"EO",
+"6",
+"14",
+"Avenida Diario de Noticias");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.037631",
+"-51.231522",
+"img/icone-estacoes.gif",
+"Escola Parobé",
+"35",
+"A",
+"EO",
+"10",
+"12",
+"Avenida Loureiro da Silva, 945");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.042786",
+"-51.229044",
+"img/icone-estacoes.gif",
+"Região dos Tribunais",
+"36",
+"A",
+"EO",
+"5",
+"12",
+"Avenida Aureliano de Figueiredo Pinto");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.032597",
+"-51.223433",
+"img/icone-estacoes.gif",
+"Casa do Estudante",
+"37",
+"A",
+"EO",
+"7",
+"12",
+"Avenida Desembargador Andre da Rocha");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.031687",
+"-51.210858",
+"img/icone-estacoes.gif",
+"Avenida Vasco da Gama",
+"38",
+"I",
+"BL",
+"0",
+"2",
+"Avenida Vasco da Gama");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.036739",
+"-51.186933",
+"img/icone-estacoes.gif",
+"Praça da Encol",
+"39",
+"I",
+"BL",
+"0",
+"2",
+"Praça da Encol");
+
+// Criando ponto - plotanto ponto no mapa
+exibirEstacaMapa("-30.039998",
+"-51.219214",
+"img/icone-estacoes.gif",
+"Shopping Olaria",
+"40",
+"I",
+"BL",
+"0",
+"2",
+"Rua General Lima e Silva");
+
+}
+// funcao responsavel por plotar as estacoes
+function exibirEstacaMapa(latitude, longitude, icone, Nome, IdEstacao, StatusOnline, StatusOperacao, VagasOcupadas, numBicicletas, Endereco) {
+var myLatlng = new google.maps.LatLng(latitude, longitude);
+var strCaminho = "";
+var varTableHTML = "";
+var myOptions = {
+center : myLatlng,
+mapTypeId: google.maps.MapTypeId.ROADMAP
+}
+// recupera icone do mapa
+if((StatusOperacao == "EO") && (StatusOnline == "A")){
+strCaminho = "img/icone-estacoes.gif";
+if(VagasOcupadas == 0){
+strCaminho = "img/icone-estacoes-vazia.gif";
+}
+if(numBicicletas == VagasOcupadas){
+strCaminho = "img/icone-estacoes-cheia.gif";
+}
+}else if( ((StatusOperacao == "EI") && (StatusOnline == "A")) || ((StatusOperacao == "EI") && (StatusOnline == "I"))){
+strCaminho = "img/icone-estacoes-cinza.gif";
+}else{
+strCaminho = "img/icone-estacoes-desativado.gif";
+}
+// formata informacao concatenando com zero ex.: 01,02... 09, 10
+if(IdEstacao <= 9){
+IdEstacao = "0".concat(IdEstacao);
+}
+// configura icone
+var imageIcone = {
+url : strCaminho,
+size : new google.maps.Size(33,33),
+origin : new google.maps.Point(0,0),
+anchor : new google.maps.Point(20,34),
+scaledSize: new google.maps.Size(33,33)
+};
+// configurar label
+var marker = new MarkerWithLabel({
+position : myLatlng,
+map : map,
+icon : imageIcone,
+labelContent: IdEstacao,
+labelAnchor : new google.maps.Point(10, 0),
+labelStyle : { opacity: 0.75 },
+labelClass : "labelMapa"
+});
+// armazena pontos
+arrayEstacao.push(marker);
+//Processando 'status online'
+if(StatusOperacao == "EI"){
+StatusOnline = "Em Implantação";
+}else{
+if (StatusOnline == "A" && StatusOperacao == "EO" ){
+StatusOnline = "Estações em Operação";
+} else {
+StatusOnline = "Estações em Manutenção / Bloqueada";
+}
+}
+// montar informacao
+varTableHTML = "<table><tr>";
+varTableHTML += "<td align='left' valign='middle' width='30'><img src='" + strCaminho + "' /></td>";
+varTableHTML += "<td align='left'><font face='arial' size='1'><b><br/>" + IdEstacao + ". " + Nome + "</b><br/><br/></font></td>";
+varTableHTML += "</tr>";
+varTableHTML += "<tr align='left'>"
+varTableHTML += "<td colspan='2'><font face='arial' size='1'><b>Status:</b> " + StatusOnline + "</td>";
+varTableHTML += "</tr>";
+varTableHTML += "<tr align='left'>"
+varTableHTML += "<td colspan='2'><font face='arial' size='1'><b>Endereco:</b> " + Endereco + "</font></td>";
+varTableHTML += "</tr>";
+varTableHTML += "<tr align='left'>"
+varTableHTML += "<td colspan='2'><font face='arial' size='1'><b>Bicicletas disponÃveis:</b> " + VagasOcupadas + "</font></td>";
+varTableHTML += "</tr>";
+varTableHTML += "<tr align='left'>"
+varTableHTML += "<td colspan='2'><font face='arial' size='1'><b>Vagas livres:</b> " + (numBicicletas - VagasOcupadas) + "</font></td>";
+varTableHTML += "</tr></table><br/><br/>";
+//Mensagem do maptip
+var infowindow = new google.maps.InfoWindow({
+content: varTableHTML//,
+//maxWidth: 100
+});
+// armazena informacoes no array
+infowindowEstacaoArray.push(infowindow);
+//Adiciona evento de click na marca
+google.maps.event.addListener(marker, 'click', function () {
+// fechar todos os baloes
+for (i in infowindowEstacaoArray) {
+infowindowEstacaoArray[i].close();
+}
+infowindow.open(map, marker);
+});
+}
+</script>
+<div id="total">
+<div style="padding-left:10px;">
+<br />
+<font class="textoGeralNovo" style="color:#6baf46; font-size:18px;" ><b>Mapa das Estações</b></font>
+<br /><br />
+<font class="textoGeralNovo" font-size:14px;" ><b>Legenda:</b></font>
+<br />
+<table cellpadding="0" cellspacing="0" border="0">
+<tr>
+<td><img src="http://ww2.mobilicidade.com.br/bikepoa/img/icone-estacoes-cinza.gif" width="26" height="26" alt="" /></td>
+<td> <font class="textoGeralNovo" font-size:14px;"> Estações em Implantação</font></td>
+<td> <img src="http://ww2.mobilicidade.com.br/bikepoa/img/icone-estacoes.gif" width="26" height="26" alt="" /></td>
+<td> <font class="textoGeralNovo" font-size:14px;"> Estações em Operação</font></td>
+</tr>
+<tr>
+<td><img src="http://ww2.mobilicidade.com.br/bikepoa/img/icone-estacoes-desativado.gif" width="26" height="26" alt="" /></td>
+<td> <font class="textoGeralNovo" font-size:14px;"> Estações em Manutenção / Bloqueada</font></td>
+<td> <img src="http://ww2.mobilicidade.com.br/bikepoa/img/icone-estacoes-vazia.gif" width="26" height="26" alt="" /></td>
+<td> <font class="textoGeralNovo" font-size:14px;"> Nenhuma bicicleta disponÃvel</font>
+</tr>
+<tr>
+<td><img src="http://ww2.mobilicidade.com.br/bikepoa/img/icone-estacoes-cheia.gif" width="26" height="26" alt="" /></td>
+<td> <font class="textoGeralNovo" font-size:14px;"> Todas as vagas ocupadas</font>
+<td> </td>
+<td> </td>
+</td>
+</table>
+<br/>
+<!-- div mapa -->
+<div id="map-canvas"></div>
+</div>
+</div>
+<script type="text/javascript">initialize();</script>
+
+<div id="rodape">
+<!-- InÃcio do Rodapé -->
+<div class="rodapeNovo">
+<table height="100%" border="0" cellpadding="0" cellspacing="0">
+<tr>
+<td width="198" style="color:#666; font-size:11px; font-family:Arial;">
+<b>Atendimento ao Cliente</b><br />
+Call Center/ Centro de Información:<br />
++55 (51) 4063 6299
+</td>
+<td width="157" align="center">
+<a href="http://www2.portoalegre.rs.gov.br/portal_pmpa_novo/" target="_blank">
+<img width="32" height="43" src="imgnovo/LOGO_EPTC.jpg" border="0">
+</a>
+</td>
+<td width="157" align="center">
+<a href="http://www2.portoalegre.rs.gov.br/portal_pmpa_novo/" target="_blank">
+<img width="60" height="28" src="imgnovo/prefeitura-poa.png" border="0">
+</a>
+</td>
+<td width="128" align="center"><a href="http://www.serttel.com.br/" target="_blank"><img width="36" height="32" src="imgnovo/serttel.png" border="0"></a></td>
+<td width="159" align="center"><a href="http://www.serttel.com.br/" target="_blank"><img width="42" height="33" src="imgnovo/logo-samba.png" border="0"></a></td>
+<td width="159" align="center"><a href="http://www.mobilicidade.com.br/" target="_blank"><img width="66" height="24" src="imgnovo/mobilicidade.png" border="0"></a></td>
+</tr>
+</table>
+</div>
+<!-- Fim do Rodapé -->
+</div></div>
+</body>
+</html></div>
+</body>
+</html>