var map;function createMarker(point, baseIcon, index, html) {var icono = new GIcon(baseIcon);icono.shadow = "http://d.tiempo.hvimg.com/img/shadow.png";icono.image = "http://d.tiempo.hvimg.com/img/" + index + ".png";markerOptions = { icon:icono };var marker = new GMarker(point, markerOptions);GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html);});return marker;}function chinchetasCercanas(doc, flagZoom){var xmlDoc = GXml.parse(doc);var markers = xmlDoc.getElementsByTagName("marker");map.clearOverlays();for (var i = 0; i < markers.length; i++) {var lat = parseFloat(markers[i].getAttribute("lat"));var lng = parseFloat(markers[i].getAttribute("lng"));var point = new GLatLng(lat,lng);var indice = markers[i].getAttribute("name");var html = GXml.value(markers[i].getElementsByTagName("html")[0]);var baseIcon = new GIcon(G_DEFAULT_ICON);baseIcon.iconSize = new GSize(35, 35);var marker = createMarker(point,baseIcon,indice,html);map.addOverlay(marker);}}function initialize(){if (GBrowserIsCompatible()) {map = new GMap2(document.getElementById("mapa"));map.setCenter(new GLatLng(-10, -76), 4, G_PHYSICAL_MAP);map.setUIToDefault();map.enableDoubleClickZoom();map.disableScrollWheelZoom();}GEvent.addListener(map, "dragend", function() {var center = map.getCenter();var coor= map.getBounds();url = "/mapajax.phtml?id=arrastrar&coor="+coor;GDownloadUrl(url, function(doc, responseCode) {if(responseCode == 200) {chinchetasCercanas(doc,0);}});});GEvent.addListener(map, "zoomend", function (){var center = map.getCenter();var coor= map.getBounds();url = "/mapajax.phtml?id=arrastrar&coor="+coor;GDownloadUrl(url, function(doc, responseCode) {if(responseCode == 200) {chinchetasCercanas(doc,0);}});});var baseIcon = new GIcon(G_DEFAULT_ICON);baseIcon.iconSize = new GSize(35, 35);var latlng = new GLatLng(-16.3989, -71.535);map.addOverlay(createMarker(latlng, baseIcon, '11', '<strong>Arequipa</strong><table><tr><td width="80" align="right">Domingo 5</td><td width="55"><img src="/img/11.png" alt="lluvia fuerte"/></td><td class="small">Máx.:19ºC / Mín.: 11ºC</td></tr><tr><td width="80" align="right">Lunes 6</td><td width="55"><img src="/img/11.png" alt="lluvia fuerte"/></td><td class="small">Máx.:19ºC / Mín.: 12ºC</td></tr><tr><td width="80" align="right">Martes 7</td><td width="55"><img src="/img/11.png" alt="lluvia fuerte"/></td><td class="small">Máx.:20ºC / Mín.: 12ºC</td></tr><tr><td width="80" align="right">Mi&eacute;rcoles 8</td><td width="55"><img src="/img/11.png" alt="lluvia fuerte"/></td><td class="small">Máx.:20ºC / Mín.: 12ºC</td></tr><tr><td width="80" align="right">Jueves 9</td><td width="55"><img src="/img/11.png" alt="lluvia fuerte"/></td><td class="small">Máx.:19ºC / Mín.: 12ºC</td></tr></table>'));var latlng = new GLatLng(0, 0);map.addOverlay(createMarker(latlng, baseIcon, '29', '<strong>Callao</strong><table><tr><td width="80" align="right">Domingo 5</td><td width="55"><img src="/img/29.png" alt="nubes y claros"/></td><td class="small">Máx.:26ºC / Mín.: 19ºC</td></tr><tr><td width="80" align="right">Lunes 6</td><td width="55"><img src="/img/30.png" alt="nubes y claros"/></td><td class="small">Máx.:26ºC / Mín.: 19ºC</td></tr><tr><td width="80" align="right">Martes 7</td><td width="55"><img src="/img/30.png" alt="nubes y claros"/></td><td class="small">Máx.:27ºC / Mín.: 20ºC</td></tr><tr><td width="80" align="right">Mi&eacute;rcoles 8</td><td width="55"><img src="/img/30.png" alt="nubes y claros"/></td><td class="small">Máx.:26ºC / Mín.: 19ºC</td></tr><tr><td width="80" align="right">Jueves 9</td><td width="55"><img src="/img/30.png" alt="nubes y claros"/></td><td class="small">Máx.:26ºC / Mín.: 19ºC</td></tr></table>'));var latlng = new GLatLng(-6.77361, -79.8417);map.addOverlay(createMarker(latlng, baseIcon, '29', '<strong>Chiclayo</strong><table><tr><td width="80" align="right">Domingo 5</td><td width="55"><img src="/img/29.png" alt="nubes y claros"/></td><td class="small">Máx.:31ºC / Mín.: 20ºC</td></tr><tr><td width="80" align="right">Lunes 6</td><td width="55"><img src="/img/30.png" alt="nubes y claros"/></td><td class="small">Máx.:32ºC / Mín.: 19ºC</td></tr><tr><td width="80" align="right">Martes 7</td><td width="55"><img src="/img/39.png" alt="rayos"/></td><td class="small">Máx.:32ºC / Mín.: 21ºC</td></tr><tr><td width="80" align="right">Mi&eacute;rcoles 8</td><td width="55"><img src="/img/39.png" alt="rayos"/></td><td class="small">Máx.:31ºC / Mín.: 21ºC</td></tr><tr><td width="80" align="right">Jueves 9</td><td width="55"><img src="/img/28.png" alt="nublado"/></td><td class="small">Máx.:31ºC / Mín.: 21ºC</td></tr></table>'));var latlng = new GLatLng(-9.08333, -78.6);map.addOverlay(createMarker(latlng, baseIcon, '28', '<strong>Chimbote</strong><table><tr><td width="80" align="right">Domingo 5</td><td width="55"><img src="/img/28.png" alt="nublado"/></td><td class="small">Máx.:22ºC / Mín.: 18ºC</td></tr><tr><td width="80" align="right">Lunes 6</td><td width="55"><img src="/img/30.png" alt="nubes y claros"/></td><td class="small">Máx.:22ºC / Mín.: 18ºC</td></tr><tr><td width="80" align="right">Martes 7</td><td width="55"><img src="/img/30.png" alt="nubes y claros"/></td><td class="small">Máx.:21ºC / Mín.: 19ºC</td></tr><tr><td width="80" align="right">Mi&eacute;rcoles 8</td><td width="55"><img src="/img/30.png" alt="nubes y claros"/></td><td class="small">Máx.:21ºC / Mín.: 18ºC</td></tr><tr><td width="80" align="right">Jueves 9</td><td width="55"><img src="/img/30.png" alt="nubes y claros"/></td><td class="small">Máx.:21ºC / Mín.: 18ºC</td></tr></table>'));var latlng = new GLatLng(-14.0681, -75.7256);map.addOverlay(createMarker(latlng, baseIcon, '29', '<strong>Ica</strong><table><tr><td width="80" align="right">Domingo 5</td><td width="55"><img src="/img/29.png" alt="nubes y claros"/></td><td class="small">Máx.:28ºC / Mín.: 19ºC</td></tr><tr><td width="80" align="right">Lunes 6</td><td width="55"><img src="/img/30.png" alt="nubes y claros"/></td><td class="small">Máx.:29ºC / Mín.: 19ºC</td></tr><tr><td width="80" align="right">Martes 7</td><td width="55"><img src="/img/30.png" alt="nubes y claros"/></td><td class="small">Máx.:29ºC / Mín.: 19ºC</td></tr><tr><td width="80" align="right">Mi&eacute;rcoles 8</td><td width="55"><img src="/img/30.png" alt="nubes y claros"/></td><td class="small">Máx.:28ºC / Mín.: 19ºC</td></tr><tr><td width="80" align="right">Jueves 9</td><td width="55"><img src="/img/30.png" alt="nubes y claros"/></td><td class="small">Máx.:28ºC / Mín.: 19ºC</td></tr></table>'));var latlng = new GLatLng(-3.74806, -73.2472);map.addOverlay(createMarker(latlng, baseIcon, '47', '<strong>Iquitos</strong><table><tr><td width="80" align="right">Domingo 5</td><td width="55"><img src="/img/47.png" alt="tormenta"/></td><td class="small">Máx.:28ºC / Mín.: 23ºC</td></tr><tr><td width="80" align="right">Lunes 6</td><td width="55"><img src="/img/38.png" alt="rayos"/></td><td class="small">Máx.:31ºC / Mín.: 22ºC</td></tr><tr><td width="80" align="right">Martes 7</td><td width="55"><img src="/img/38.png" alt="rayos"/></td><td class="small">Máx.:28ºC / Mín.: 23ºC</td></tr><tr><td width="80" align="right">Mi&eacute;rcoles 8</td><td width="55"><img src="/img/38.png" alt="rayos"/></td><td class="small">Máx.:28ºC / Mín.: 23ºC</td></tr><tr><td width="80" align="right">Jueves 9</td><td width="55"><img src="/img/38.png" alt="rayos"/></td><td class="small">Máx.:29ºC / Mín.: 22ºC</td></tr></table>'));var latlng = new GLatLng(-12.05, -77.05);map.addOverlay(createMarker(latlng, baseIcon, '29', '<strong>Lima</strong><table><tr><td width="80" align="right">Domingo 5</td><td width="55"><img src="/img/29.png" alt="nubes y claros"/></td><td class="small">Máx.:26ºC / Mín.: 19ºC</td></tr><tr><td width="80" align="right">Lunes 6</td><td width="55"><img src="/img/30.png" alt="nubes y claros"/></td><td class="small">Máx.:26ºC / Mín.: 19ºC</td></tr><tr><td width="80" align="right">Martes 7</td><td width="55"><img src="/img/30.png" alt="nubes y claros"/></td><td class="small">Máx.:27ºC / Mín.: 20ºC</td></tr><tr><td width="80" align="right">Mi&eacute;rcoles 8</td><td width="55"><img src="/img/30.png" alt="nubes y claros"/></td><td class="small">Máx.:26ºC / Mín.: 19ºC</td></tr><tr><td width="80" align="right">Jueves 9</td><td width="55"><img src="/img/30.png" alt="nubes y claros"/></td><td class="small">Máx.:26ºC / Mín.: 19ºC</td></tr></table>'));var latlng = new GLatLng(-5.2, -80.6333);map.addOverlay(createMarker(latlng, baseIcon, '26', '<strong>Piura</strong><table><tr><td width="80" align="right">Domingo 5</td><td width="55"><img src="/img/26.png" alt="nublado"/></td><td class="small">Máx.:31ºC / Mín.: 22ºC</td></tr><tr><td width="80" align="right">Lunes 6</td><td width="55"><img src="/img/39.png" alt="rayos"/></td><td class="small">Máx.:33ºC / Mín.: 22ºC</td></tr><tr><td width="80" align="right">Martes 7</td><td width="55"><img src="/img/39.png" alt="rayos"/></td><td class="small">Máx.:32ºC / Mín.: 23ºC</td></tr><tr><td width="80" align="right">Mi&eacute;rcoles 8</td><td width="55"><img src="/img/11.png" alt="lluvia fuerte"/></td><td class="small">Máx.:31ºC / Mín.: 22ºC</td></tr><tr><td width="80" align="right">Jueves 9</td><td width="55"><img src="/img/11.png" alt="lluvia fuerte"/></td><td class="small">Máx.:31ºC / Mín.: 23ºC</td></tr></table>'));var latlng = new GLatLng(-8.3825, -74.5381);map.addOverlay(createMarker(latlng, baseIcon, '47', '<strong>Pucallpa</strong><table><tr><td width="80" align="right">Domingo 5</td><td width="55"><img src="/img/47.png" alt="tormenta"/></td><td class="small">Máx.:29ºC / Mín.: 22ºC</td></tr><tr><td width="80" align="right">Lunes 6</td><td width="55"><img src="/img/38.png" alt="rayos"/></td><td class="small">Máx.:28ºC / Mín.: 22ºC</td></tr><tr><td width="80" align="right">Martes 7</td><td width="55"><img src="/img/38.png" alt="rayos"/></td><td class="small">Máx.:28ºC / Mín.: 22ºC</td></tr><tr><td width="80" align="right">Mi&eacute;rcoles 8</td><td width="55"><img src="/img/38.png" alt="rayos"/></td><td class="small">Máx.:29ºC / Mín.: 22ºC</td></tr><tr><td width="80" align="right">Jueves 9</td><td width="55"><img src="/img/38.png" alt="rayos"/></td><td class="small">Máx.:30ºC / Mín.: 22ºC</td></tr></table>'));var latlng = new GLatLng(-18.0056, -70.2483);map.addOverlay(createMarker(latlng, baseIcon, '34', '<strong>Tacna</strong><table><tr><td width="80" align="right">Domingo 5</td><td width="55"><img src="/img/34.png" alt="sol"/></td><td class="small">Máx.:27ºC / Mín.: 18ºC</td></tr><tr><td width="80" align="right">Lunes 6</td><td width="55"><img src="/img/30.png" alt="nubes y claros"/></td><td class="small">Máx.:27ºC / Mín.: 18ºC</td></tr><tr><td width="80" align="right">Martes 7</td><td width="55"><img src="/img/30.png" alt="nubes y claros"/></td><td class="small">Máx.:26ºC / Mín.: 18ºC</td></tr><tr><td width="80" align="right">Mi&eacute;rcoles 8</td><td width="55"><img src="/img/30.png" alt="nubes y claros"/></td><td class="small">Máx.:27ºC / Mín.: 18ºC</td></tr><tr><td width="80" align="right">Jueves 9</td><td width="55"><img src="/img/30.png" alt="nubes y claros"/></td><td class="small">Máx.:26ºC / Mín.: 19ºC</td></tr></table>'));var latlng = new GLatLng(-8.11667, -79.0333);map.addOverlay(createMarker(latlng, baseIcon, '29', '<strong>Trujillo</strong><table><tr><td width="80" align="right">Domingo 5</td><td width="55"><img src="/img/29.png" alt="nubes y claros"/></td><td class="small">Máx.:23ºC / Mín.: 19ºC</td></tr><tr><td width="80" align="right">Lunes 6</td><td width="55"><img src="/img/30.png" alt="nubes y claros"/></td><td class="small">Máx.:22ºC / Mín.: 19ºC</td></tr><tr><td width="80" align="right">Martes 7</td><td width="55"><img src="/img/30.png" alt="nubes y claros"/></td><td class="small">Máx.:21ºC / Mín.: 19ºC</td></tr><tr><td width="80" align="right">Mi&eacute;rcoles 8</td><td width="55"><img src="/img/30.png" alt="nubes y claros"/></td><td class="small">Máx.:21ºC / Mín.: 19ºC</td></tr><tr><td width="80" align="right">Jueves 9</td><td width="55"><img src="/img/30.png" alt="nubes y claros"/></td><td class="small">Máx.:21ºC / Mín.: 19ºC</td></tr></table>'));}