/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
//Google MAP

$(function () {
    $("#mapbox").fancybox({
        'autoscale': true,
        'hideOnContentClick': false,
        'onComplete': GmapInit()
    });

/*if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        //var map_lat = document.getElementById("map-lat").innerHTML;
        //var map_lon = document.getElementById("map-lon").innerHTML;
        //alert(map_ll);
        //map.addControl(new GSmallMapControl());
        //map.addControl(new GLargeMapControl3D());
        //map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(40.633089,14.601699), 24);
        //var point = map.getCenter();
        //map.addOverlay(createMarker(point));
        map.setMapType(G_PHYSICAL_MAP);
    }*/

});
function GmapInit() {
    if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        //var map_lat = document.getElementById("map-lat").innerHTML;
        //var map_lon = document.getElementById("map-lon").innerHTML;
        //alert(map_ll);
        //map.addControl(new GSmallMapControl());
        map.addControl(new GLargeMapControl3D());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(40.633089,14.599900), 15);
        //map.setCenter(new GLatLng(40.633089,14.601699), 15);
        //var point = map.getCenter();
        //map.addOverlay(createMarker(point));
        map.setMapType(G_HYBRID_MAP); //G_PHYSICAL_MAP



        $.getJSON("ebp_wb/mapservice.php?action=listpoints", function(json) {

            if (json.Accommodations.length > 0) {
                for (i=0; i<json.Accommodations.length; i++) {
                    var accommodation = json.Accommodations[i];
                    map.addOverlay(addAccommodation(accommodation));
                }
                
            //zoomToBounds();
            }

        });
    }
}
function addAccommodation(accommodation) {

    // Create our "tiny" marker icon
    var myIcon = new GIcon();
    myIcon.image = 'images/markers/map_marker1_image.png';
    myIcon.shadow = 'images/markers/map_marker1_shadow.png';
    myIcon.iconSize = new GSize(34,32);
    myIcon.shadowSize = new GSize(50,32);
    myIcon.iconAnchor = new GPoint(34,32);
    myIcon.infoWindowAnchor = new GPoint(17,0);
    myIcon.printImage = 'images/markers/map_marker1_printImage.gif';
    myIcon.mozPrintImage = 'images/markers/map_marker1_mozPrintImage.gif';
    myIcon.printShadow = 'images/markers/map_marker1_printShadow.gif';
    myIcon.transparent = 'images/markers/map_marker1_transparent.png';
    myIcon.imageMap = [30,0,31,1,32,2,32,3,33,4,33,5,33,6,33,7,33,8,33,9,33,10,33,11,33,12,33,13,33,14,33,15,33,16,33,17,33,18,33,19,33,20,32,21,32,22,31,23,30,24,29,25,29,26,30,27,31,28,32,29,33,30,33,31,31,31,29,30,27,29,25,28,23,27,21,26,19,25,3,24,2,23,1,22,0,21,0,20,0,19,0,18,0,17,0,16,0,15,0,14,0,13,0,12,0,11,0,10,0,9,0,8,0,7,0,6,0,5,0,4,0,3,1,2,2,1,3,0];

    // Set up our GMarkerOptions object
    markerOptions = {
        icon:myIcon
    };




    var point = new GLatLng(accommodation.Lat, accommodation.Lon);
    var marker = new GMarker(point, markerOptions);

    //map.addOverlay(marker);
    //bounds.extend(marker.getPoint());

    /*
	$("<li />")
		.html(location.name)
		.click(function(){
			showMessage(marker, location.name);
		})
		.appendTo("#list");
	*/
    GEvent.addListener(marker, "click", function(){
        //showMessage(this);
        marker.openInfoWindowHtml('<strong><img src="media/foto_'+accommodation.IdStruttura+'a.jpg" width="50" height="50" style="float:left;margin-right:4px;" /><a href="accommodation.php?id='+accommodation.IdStruttura+'">'+accommodation.Nome+'</a></strong><br />'+accommodation.Indirizzo);

    });
    return marker;
}