//<![CDATA[

        //////////////////////////////////////////////////////
        var iconOptions1 = {}; 
	iconOptions1.width = 24; 
	iconOptions1.height = 24;
	iconOptions1.primaryColor = "#AAAAAA"; 
	iconOptions1.cornerColor = "#FFFFFF"; 
	iconOptions1.strokeColor = "#000000"; 
	var icon1estrella = MapIconMaker.createMarkerIcon(iconOptions1);
	
	var iconOptions2 = {}; 
	iconOptions2.width = 24; 
	iconOptions2.height = 24; 
	iconOptions2.primaryColor = "#00CCCC"; 
	iconOptions2.cornerColor = "#FFFFFF"; 
	iconOptions2.strokeColor = "#000000"; 
	var icon2estrella = MapIconMaker.createMarkerIcon(iconOptions2);
	
	var iconOptions3 = {}; 
	iconOptions3.width = 24; 
	iconOptions3.height = 24; 
	iconOptions3.primaryColor = "#009900"; 
	iconOptions3.cornerColor = "#FFFFFF"; 
	iconOptions3.strokeColor = "#000000"; 
	var icon3estrella = MapIconMaker.createMarkerIcon(iconOptions3);
	
	var iconOptions4 = {}; 
	iconOptions4.width = 24; 
	iconOptions4.height = 24; 
	iconOptions4.primaryColor = "#0000CC"; 
	iconOptions4.cornerColor = "#FFFFFF"; 
	iconOptions4.strokeColor = "#000000"; 
	var icon4estrella = MapIconMaker.createMarkerIcon(iconOptions4);
	
	var iconOptions5 = {}; 
	iconOptions5.width = 24; 
	iconOptions5.height = 24; 
	iconOptions5.primaryColor = "#999900"; 
	iconOptions5.cornerColor = "#FFFFFF"; 
	iconOptions5.strokeColor = "#000000"; 
	var icon5estrella = MapIconMaker.createMarkerIcon(iconOptions5);
	
	
	  var iconBlue = new GIcon();
	    	iconBlue.image 		        = 'http://labs.google.com/ridefinder/images/mm_20_blue.png';
	    	iconBlue.shadow 	        = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
	    	iconBlue.iconSize 	      = new GSize(12, 20);
	    	iconBlue.shadowSize 	    = new GSize(22, 20);
	    	iconBlue.iconAnchor 	    = new GPoint(6, 20);
	    	iconBlue.infoWindowAnchor = new GPoint(5, 1);
	
	  var iconRed = new GIcon();
	    	iconRed.image 		       = 'http://labs.google.com/ridefinder/images/mm_20_red.png';
	    	iconRed.shadow 		       = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
	    	iconRed.iconSize 	       = new GSize(12, 20);
	    	iconRed.shadowSize 	     = new GSize(22, 20);
	    	iconRed.iconAnchor 	     = new GPoint(6, 20);
	    	iconRed.infoWindowAnchor = new GPoint(5, 1);
	
	  var customIcons = [];
	    	customIcons["restaurant"] = iconBlue;
	    	customIcons["bar"] 	  = iconRed;
	    	customIcons["0"] 	  = iconRed;
	    	customIcons["1"] = icon1estrella;
	    	customIcons["2"] = icon2estrella;
	    	  customIcons["3"] = icon3estrella;
	    	    	  customIcons["4"] = icon4estrella;
    	    	    	 customIcons["5"] = icon5estrella;
        /////////////////////////////////////////////////////


	var map;
	var myPano;
	var panoClient;
	var nextPanoId;
	var ubicacionInicialPOV;
	var ubicacionNuevaPOV;

	var myPOV;
	var geocoder;
	//var panoClient;
	//var nextPanoId;

	var latitud;
	var longitud;
	var azimut;
	var altura;
	var mizoom;
	
	//var id;
	var marker;
	var miid;
	var milat;
	var milng;
	var num_estrellas;
	
  function load() {
    if (GBrowserIsCompatible()) {
        
    	map = new GMap2(document.getElementById("map"));
        

    	map.addControl(new GSmallMapControl());
    	map.addControl(new GMapTypeControl());
    	map.setCenter(new GLatLng(40.416691, -3.700345), 13);
    
      ubicacionInicial 	= new GLatLng(40.416691, -3.700345);
	  	ubicacionInicialPOV	= {yaw:370.64659986187695,pitch:-20};
	  	panoClient 		= new GStreetviewClient();
	  	myPano 			= new GStreetviewPanorama(document.getElementById("pano"));
	  		
	  	myPano.setLocationAndPOV(ubicacionInicial, ubicacionInicialPOV);
	  	GEvent.addListener(myPano, "error", handleNoFlash);










      // Change this depending on the name of your PHP file
        		
        		GDownloadUrl("hotelesdemadrid_genxml.php", function(data) {
          			
          			var xml 	= GXml.parse(data);
          			var markers 	= xml.documentElement.getElementsByTagName("marker");
          			
          			for (var i = 0; i < markers.length; i++) {
          			        var id	 	= markers[i].getAttribute("id");
            				var name 	= markers[i].getAttribute("name");
            				var estrellas 	= markers[i].getAttribute("estrellas");
            				var address 	= markers[i].getAttribute("address");
            				var type 	= markers[i].getAttribute("type");
            				var pointo 	= new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                    				      parseFloat(markers[i].getAttribute("lng")));
             				var yaww 	= parseFloat(markers[i].getAttribute("yaw"));
 			 		var pitchw 	= parseFloat(markers[i].getAttribute("pitch"));
 			 		var zoomw 	= markers[i].getAttribute("zoom");
 			 		
 			 		
 			 	//	alert (id);

            				 marker = createMarker(id, pointo, name, estrellas, address, type, yaww, pitchw, zoomw);
            				map.addOverlay(marker);
          			}
        		});
      		}
    	}


    	function createMarker(id, pointo, name, estrellas, address, type, yaww, pitchw, zoomw) {
      		var marker = new GMarker(pointo, customIcons[estrellas]);
      		
      		num_estrellas='';
      		
      		if (estrellas==1){
      		num_estrellas= "<img alt='' src='http://www.mundivideo.com/images/hoteles/1estrellas-kml.gif' />";
      		}
      		if (estrellas==2){
      		num_estrellas= "<img alt='' src='http://www.mundivideo.com/images/hoteles/2estrellas-kml.gif' />";
      		}
           		if (estrellas==3){
           		num_estrellas= "<img alt='' src='http://www.mundivideo.com/images/hoteles/3estrellas-kml.gif' />";
      		}
        		if (estrellas==4){
        		num_estrellas= "<img alt='' src='http://www.mundivideo.com/images/hoteles/4estrellas-kml.gif' />";
      		}
        		if (estrellas==5){
        		num_estrellas= "<img alt='' src='http://www.mundivideo.com/images/hoteles/5estrellas-kml.gif' />";
      		}
      		
      		
      		
      		
      		
      		
      		
      		
      		var html = "<b>" + name + "</b> <br/>" + num_estrellas;

      		GEvent.addListener(marker, 'click', function() {
               		marker.openInfoWindowHtml(html);
               		miid = id;
               		milat = pointo.y;
               		milng = pointo.x;
               	
               		var ya = yaww;
               		var pi = pitchw;
               		var zo = zoomw;
               		//var myPOV = new GPov();
               		myPOV = {yaw:ya,pitch:pi,zoom:zo}; 
       

myPano.setLocationAndPOV(pointo, myPOV); 


//panoramaOptions = {  latlng:pointo, pov:myPOV }
//myPano.setLocationAndPOV(panoramaOptions):





           		//panoClient.getNearestPanorama(pointo, showPanoData);
                	
                	//	myPano.setLocationAndPOV(pointo, NuevaPOV); 
      		});
      		return marker;
    	}

	function showPanoData(panoData) {
   		if (panoData.code != 200) {
    			/*    GLog.write('showPanoData: Server rejected with code: ' + panoData.code);*/
    			alert ('Sin cobertura de Street View');
        		return;
      		}

      		myPano.setLocationAndPOV(panoData.location.latlng, myPOV);          
    	}

	function handleNoFlash(errorCode) {
		if (errorCode == 603) {
	    		alert("Error: Flash doesn't appear to be supported by your browser");
	    		return;
	  	}
	}

	

	
	
	

//]]>