var gmarkers=[];
var map;
var baseIcon = new GIcon();
baseIcon.shadow = "/mytown/images/026.png";

baseIcon.iconSize = new GSize(20, 34);
baseIcon.shadow = "/mytown/images/shadow50.png";
baseIcon.shadowSize = new GSize(20, 34);
baseIcon.iconAnchor = new GPoint(6, 20);
baseIcon.infoWindowAnchor = new GPoint(5, 1);


var clubIcon = new GIcon();
	/*clubIcon.image ="/images/icons/icon_clubmap.png";
	clubIcon.shadow = "/images/icons/shadow-icon_clubmap.png";
	clubIcon.iconSize = new GSize(24.0, 24.0);
	clubIcon.shadowSize = new GSize(37.0, 24.0);
	clubIcon.iconAnchor = new GPoint(12.0, 12.0);
	clubIcon.infoWindowAnchor = new GPoint(12.0, 12.0);*/

	/*clubIcon.image = "/images/icons/icon_clubmap.png";
    clubIcon.shadow = "/images/icons/shadow-icon_clubmap.png";
    clubIcon.iconSize = new GSize(20.0, 19.0);
    clubIcon.shadowSize = new GSize(30.0, 19.0);
    clubIcon.iconAnchor = new GPoint(12.0, 11.0);
    clubIcon.infoWindowAnchor = new GPoint(12.0, 11.0);*/

	clubIcon.image = "/images/icons/icon_clubmap3.png";
    clubIcon.shadow = "/images/icons/shadow-icon_clubmap3.png";
    
   clubIcon.iconSize = new GSize(13.0, 16.0);
    clubIcon.shadowSize = new GSize(22.0, 16.0);
    clubIcon.iconAnchor = new GPoint(6.0, 8.0);
    clubIcon.infoWindowAnchor = new GPoint(6.0, 8.0);

 var hotelIcon = new GIcon();
    hotelIcon.image = "/images/icons/icon_hotelmap.png";
    hotelIcon.shadow = "/images/icons/shadow-icon_hotelmap.png";
     hotelIcon.iconSize = new GSize(20.0, 22.0);
    hotelIcon.shadowSize = new GSize(32.0, 22.0);
    hotelIcon.iconAnchor = new GPoint(10.0, 11.0);
    hotelIcon.infoWindowAnchor = new GPoint(10.0, 11.0);


var barIcon = new GIcon();

     barIcon.image = "/images/icons/icon_barmap.png";
    barIcon.shadow = "/images/icons/shadow-icon_barmap.png";
    barIcon.iconSize = new GSize(16.0, 15.0);
    barIcon.shadowSize = new GSize(24.0, 15.0);
    barIcon.iconAnchor = new GPoint(8.0, 7.0);
    barIcon.infoWindowAnchor = new GPoint(8.0, 7.0);

var liveIcon = new GIcon();
     liveIcon.image = "/images/icons/icon_livemap.png";
    liveIcon.shadow = "/images/icons/shadow-icon_livemap.png";
	liveIcon.iconSize = new GSize(24.0, 22.0);
    liveIcon.shadowSize = new GSize(36.0, 22.0);
    liveIcon.iconAnchor = new GPoint(12.0, 11.0);
    liveIcon.infoWindowAnchor = new GPoint(12.0, 11.0);

function showVenueMap(mapid,datafile,cntrlat,cntrlong){
loadgmap(mapid,datafile,cntrlat,cntrlong);
}


  function loadgmap(mapid,datafile,cntrlat,cntrlong) {
	  document.getElementById("progress").innerHTML = "Plotting venues on map...";
      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById(mapid));
        map.addControl(new GLargeMapControl());
        map.setCenter(new GLatLng(cntrlat,cntrlong), 14);
			  			

        GDownloadUrl(datafile, function(data) { //GRAB HOTELS
          var xml = GXml.parse(data);
          var markers = xml.documentElement.getElementsByTagName("marker");
		  
          for (var i = 0; i < markers.length; i++) {

			var lat = parseFloat(markers[i].getAttribute("lat"));
            var lng = parseFloat(markers[i].getAttribute("lng"));
	//alert("LAT"+lat+", LONG"+lng);
	//return false;
            var colour = parseFloat(markers[i].getAttribute("colour"));

            var point = new GPoint(lng,lat);
			//hotels=4;
			if(colour==4){
				var image = markers[i].getAttribute("image");
				var name = markers[i].getAttribute("name");
				var address = markers[i].getAttribute("address");
				var prices = markers[i].getAttribute("prices");
				var link = markers[i].getAttribute("link");
				var stars = parseInt(markers[i].getAttribute("stars"));
				var html = '<div class="mapbubble"><img style="float:left;margin-right:5px" src="'+image+'"><h3>'+name+'</h3>';
			
				if(stars>0){
					for(j=stars;j>0;j--){ 
						html+="<img src='http://images.laterooms.com/global/star_ac.png' >";
					}
				}

				html+='<br/>'+address+'<br/><br/>Rooms from &pound;'+prices+'<br/><br/><a href="'+link+'"><strong>view details&gt;</strong></a></div>';

			}else{
			
				var name = markers[i].getAttribute("name");
				var address = markers[i].getAttribute("address");
				var image = markers[i].getAttribute("image");
				var link = markers[i].getAttribute("link");
				var html = '<div class="mapbubble">';
				if(image){
					html +='<img style="float:left;margin-right:5px" src="'+image+'">';
				}
				html += '<h3>'+name+'</h3>'+address+'<br/><br/><a href="'+link+'"><strong>view event listings&gt;</strong></a></div>';


			}
			
			var label = "";
			var marker = createMarker(point,label,html,colour);
           
			if(colour==1 || colour==4){
			   map.addOverlay(marker);

			}
          }
        }); //END HOTELS

		







      }
	  			document.getElementById("progress").innerHTML = "";
				document.getElementById("progress").style.display='none';

    }

	function createMarker(point,name,html,color) {
        // Icon Creation Code
     // var icon = new GIcon(baseIcon);
	
        switch(color)
        {
          case 1:
				var icon = new GIcon(clubIcon);
				break;
          case 2:
				var icon = new GIcon(liveIcon);
				break;
          case 3:
				var icon = new GIcon(barIcon);        
				break;
		  case 4: //hotel
				var icon = new GIcon(hotelIcon);
				break;
          default:
				var icon = new GIcon(baseIcon);        
				  
		 }
		 
        // Create the marker with icon.
        var marker = new GMarker(point,icon,false);
		marker.type = color;
		 gmarkers.push(marker);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        //gmarkers[marker_num] = marker;
        //htmls[marker_num] = html;
        //marker_num++;
        return marker;
      } 

function Markers(icontype){

map.closeInfoWindow();
   if (document.getElementById(icontype).checked==false) { // hide the marker
      for (var i=0;i<gmarkers.length;i++) {
         if (gmarkers[i].type==icontype)  {
            map.removeOverlay(gmarkers[i]);
			//gmarkers[i].display(false);
       
         }
      }
   } else { // show the marker again
      for (var i=0;i<gmarkers.length;i++) {
         if (gmarkers[i].type==icontype)  {
            map.addOverlay(gmarkers[i]);
		
      //  gmarkers[i].display(true); 
         }
      }
   }
}
	    //]]>

//window.onload = loadgmap;
//window.onunload=GUnload;