var var_artnumber="";
	var var_city="";
var map = null;
    var geocoder = null;

    function loadmap(city) {
      if (GBrowserIsCompatible()) { 
        map = new GMap2(document.getElementById("googlemap"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
		var icon = new GIcon();
		icon.image = "images/marker_city.png";
		icon.iconSize = new GSize(14, 14);
		icon.iconAnchor = new GPoint(6, 20);
		icon.infoWindowAnchor = new GPoint(5, 1);
	    geocoder = new GClientGeocoder();	

	  map.setCenter(new GLatLng(0, 0), 12);

        GDownloadUrl("system/mapgetspots.php?city="+city, function(data) {  
		
          var xml = GXml.parse(data); 
          var markers = xml.documentElement.getElementsByTagName("marker"); 
          for (var i = 0; i < markers.length; i++) {
		  if(markers[i].getAttribute("spotnumber")!=var_artnumber){
		  
		  if(markers[i].getAttribute("cat")==28) { icon.image = "images/essenicon.png"; icon.iconSize = new GSize(20, 20); }
				  else if(markers[i].getAttribute("cat")==31) { icon.image = "images/cocktailicon.png"; icon.iconSize = new GSize(20, 20); }
				  else if(markers[i].getAttribute("cat")==38) { icon.image = "images/hotelicon.png"; icon.iconSize = new GSize(20, 20); }
				  else if(markers[i].getAttribute("cat")==49) { icon.image = "images/iconshopping.png"; icon.iconSize = new GSize(20, 20); }
		   else {icon.image = "images/marker_city.png"; icon.iconSize = new GSize(10, 10);}
            var name = markers[i].getAttribute("name");
            var address = markers[i].getAttribute("address");
			var image = markers[i].getAttribute("image"); 
			var url = "index.php?p=shop&show=showdetail&parent=0&categ="+markers[i].getAttribute("cat")+"&fid="+markers[i].getAttribute("spotnumber");
            var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));
            var marker = createMarker(point, name, address, icon, url, image);
            map.addOverlay(marker); 
			
			}
          }
        });
      }
	  
        {
     /*      var thumb = document.getElementById('map_thumb');
            document.onmousemove = function(e) {
              if (showThumb) {
                thumb.style.left = (parseInt(mouseX(e))+thumbOffsetX) + 'px';
                thumb.style.top = (parseInt(mouseY(e))+thumbOffsetY) + 'px';
				thumb.style.display = 'inline';
              }
            } */
        }
	  
    }



     function createMarker(point, name, address, icon, url, image)
	 {
      var marker = new GMarker(point,icon);
      
	  var html = "<b>" + name + "</b> <br/>" + address;
      GEvent.addListener(marker, 'click', function() {
       window.location.href=url;
      });
	  
      GEvent.addListener(marker,'mouseover',function() {
          var thumb = document.getElementById('map_thumb');
          thumb.innerHTML = name + "<br /><br />" + address+ "<br /><br /><img src=system/shopthumb.php?smode=2&type=shop&img=" + image + ">";
          thumb.style.padding = '3px';
          thumbOffsetX = 10;
          thumbOffsetY = -25;
          showThumb = 2;
      });
      GEvent.addListener(marker,'mouseout',function() {
          var thumb = document.getElementById('map_thumb');
			thumb.style.visibility = 'hidden';
          showThumb = 0;
      });

      return marker;
    }
	

	
	function showAddress(city,street,streetnumber,zip,x,y,title,artnumber) {
		
	var_artnumber=artnumber;
	var_title=title;
	var_city=city;		
		var val = city + " " + street + " " + streetnumber;
     var point = new GLatLng(x,y);
             map.setCenter(point, 16);
              var marker = new GMarker(point);
              map.addOverlay(marker);
              marker.openInfoWindowHtml(var_title + "<br><br>" + street + " " + streetnumber + ", " + zip + " " + city);

	


			  }