var map;

var iconBlue = new GIcon(); 
iconBlue.image = 'http://maps.gstatic.com/intl/it_it/mapfiles/ms/micons/grn-pushpin.png';
iconBlue.shadow = 'http://maps.gstatic.com/intl/it_it/mapfiles/ms/micons/pushpin_shadow.png';
iconBlue.iconSize = new GSize(32, 32);
iconBlue.shadowSize = new GSize(59, 32);
iconBlue.iconAnchor = new GPoint(6, 20);
iconBlue.infoWindowAnchor = new GPoint(5, 1);

function load( lat, lng ) {
	if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("map"));
		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());
		var center = new GLatLng( lat,lng );
		map.setCenter(center, 11);
		//map.openInfoWindowHtml( new GLatLng( lat, lng), "<p>Hello!</p>" );
		geocoder = new GClientGeocoder();
		var marker = new GMarker(center);  
		map.addOverlay(marker);
		
		
		var center2 = new GLatLng( lat,lng );
		var geocoder2 = new GClientGeocoder();
		var marker2 = new GMarker(center2);  
		map2 = new GMap2(document.getElementById("map-tiny"));
		map2.addControl(new GSmallMapControl());
		map2.addControl(new GMapTypeControl());
		map2.setCenter(center2, 11);  
		map2.addOverlay(marker2);
	}
}
function load2( lat, lng ) {
	if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("map2"));
		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());
		var center = new GLatLng( lat,lng );
		map.setCenter(center, 11);
		//map.openInfoWindowHtml( new GLatLng( lat, lng), "<p>Hello!</p>" );
		geocoder = new GClientGeocoder();
		var marker = new GMarker(center);  
		map.addOverlay(marker);
	}
}
function load_( lat,lng, prov ) {
	if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("map"));
		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());

		var center = new GLatLng( lat,lng );
		map.setCenter(center, 11);
		geocoder = new GClientGeocoder();

        GDownloadUrl("../include/phpsqlajax_map.php?p="+prov, function(data) {
          var xml = GXml.parse(data);
          var markers = xml.documentElement.getElementsByTagName("marker");
          for (var i = 0; i < markers.length; i++) {
            var name = markers[i].getAttribute("name");
            var address = markers[i].getAttribute("address");
            var foto = markers[i].getAttribute("foto");			
            var prov = markers[i].getAttribute("Provincia");
            var type = markers[i].getAttribute("tipo");
            var ann = markers[i].getAttribute("ann");
			var voto = markers[i].getAttribute("voto");
			var nrec = markers[i].getAttribute("nrec");
			//var point = new GClientGeocoder();
            var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));
            var marker = createMarker(point, name, address, type, foto, ann, voto, nrec);
            map.addOverlay(marker);
          }
        });
	}
}

function loadMap( id, lat, lng ) {
	if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById( id ));
		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());
		var center = new GLatLng( lat,lng );
		map.setCenter(center, 11);
		//map.openInfoWindowHtml( new GLatLng( lat, lng), "<p>Hello!</p>" );
		geocoder = new GClientGeocoder();
		var marker = new GMarker(center);  
		map.addOverlay(marker);
	}
}

 function createMarker(point, name, address, type, foto, a, voto, nrec) {
	var marker = new GMarker(point, { /* icon:iconBlue, */title: name});
	if (( voto == undefined ) || ( voto == "") ) voto = 0;
	var voto_rec = "<p><img src='../img/mini-"+voto+".gif' /><a <a href=\"javascript:app_commento("+a+")\"><span style='margin: 0px 5px;'>"+nrec+" recensioni</span></a></p>";
	var html = "<b width='60'>" + name + "</b>";
	html +=" <br/><a href=\"javascript:appartamento("+a+")\"><img src=\"" + foto + "\" width=\"150\" height=\"100\" style='border: 1px solid #ccc; padding:2px;' /></div></a>";
	html +=" <br/>" + address;
	html +=" <br/>" + voto_rec;
	GEvent.addListener(marker, 'click', function() {
		marker.openInfoWindowHtml(html, {maxWidth: 180});
	});
	return marker;
}

function appartamento( n )
{
	//document.getElementById('appartamento').innerHTML = "<h1></h1>";
	$('#map').animate( {height: 400}, 500);
	$('#appartamento').load( SITE_BASE + "affitto_m.php?q="+n , function(){ $('#appartamento').fadeIn('slow'); 
		location.hash = "#appartamento";
		addCarousel( '#immagini' );
	});
	
}
function app_commento( n )
{
	//document.getElementById('appartamento').innerHTML = "<h1></h1>";
	$('#map').animate( {height: 400}, 500);
	$('#appartamento').load(SITE_BASE + "affitto_m.php?q="+n , function(){ $('#appartamento').fadeIn('slow'); 
		location.hash = "#commenti";
		addCarousel( '#immagini' );	
	});
	
}