var map1;
var gmarkers = [];
var htmls = [];
var i = 0;
var y =0;
var geocoder = null;

function ShowCityMap( Elem ) 
{
	this.element= Elem;
	this.show();
}    



ShowCityMap.prototype.show = function() 
{

  if (GBrowserIsCompatible()) 
  {
  		map1 = new GMap2(this.element);
  		map1.addControl(new GSmallMapControl());
  		map1.addControl(new GMapTypeControl());
		map1.enableContinuousZoom();
		map1.setCenter(new GLatLng(cityx, cityy), cityzoom);
		

		// ikona
		 // Create our "tiny" marker icon
        var blueIcon = new GIcon(G_DEFAULT_ICON);
        blueIcon.image = "{$URL}/storage/polish/images/hotel_online_icon.png";
		blueIcon.iconSize = new GSize(29, 45);
        blueIcon.iconAnchor = new GPoint(15, 45);
        
		// Set up our GMarkerOptions object
		markerOptions = { icon:blueIcon };
		
		function createMarker(map, point,id, icon, cityname, link) 
		{  
			var marker = new GMarker(point, icon);  
			
			GEvent.addListener(marker, "mouseover", 
				function() {   
			
				html = "";
				html = html + "<table><tr>";
				html = html + "<td colspan=3><font size=2 face=arial><b>"+cityname+",</b> Polska<font size=1 face=arial>";
				html = html + "</tr><tr><td>";
				html = html + "<br><br><a href={$URL}/"+ link +"><font size=2 face=arial>Lista hoteli</a>";
				html = html + "<br><a href={$URL}/"+ link +"mapa/><font size=2 face=arial>Zobacz hotele na mapie</a>";
				html = html + "<br><a href={$URL}/"+ link +"opinie/><font size=2 face=arial>Opinie o hotelach</a>";
				html = html + "</td><td>&nbsp;</td><td>";
				html = html + "<td valign=bottom><a href='javascript:zin()'><img src='/storage/common/images/zoomin.gif' border=0></a>&nbsp;<a href='javascript:zout()'><img src='/storage/common/images/zoomout.gif' border=0></a> ";
				html = html + "</td>";
				html = html + "</tr></table>";
				
			marker.openInfoWindowHtml(html);});

	
								  
		 return marker;
		
	 }
	
	
	GDownloadUrl("{$URL}/mapgoogle/city.xml.php?cityid="+cityid+"&literka="+literka+"&word="+word, function(data) 
	{
          var xml = GXml.parse(data);
          var markers = xml.documentElement.getElementsByTagName("marker");
          for (var i = 0; i < markers.length; i++) 
          {
	    	var cityname  = GXml.value(markers[i].getElementsByTagName("cityname")[0]);
	        var link  = GXml.value(markers[i].getElementsByTagName("link")[0]);  
            var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),parseFloat(markers[i].getAttribute("lng")));
            map1.addOverlay(createMarker(map1, point, markers[i].getAttribute("id"), blueIcon, cityname, link));              

          }
        });
        
  }

} 
function zout()
{
 		map1.zoomOut();		
}
function zin()
{
 		map1.zoomIn();		
}