﻿
var map;
var isGoogle;

/* G_NORMAL_MAP G_SATELLITE_MAP G_HYBRID_MAP */
function InitMap(googleView,googleZoom) {

    if(document.getElementById("gmap") == null) {
        if(document.getElementById("msmap") != null) {
            // Microsoft map
            map = new VEMap('msmap');
            map.LoadMap(new VELatLong(44.135970,10.873767), 15 ,'a' ,false);
            isGoogle = false;
        }
    }
    else {
        // Google map
        if (GBrowserIsCompatible()) {
            map = new GMap2(document.getElementById("gmap"));
            map.setCenter(new GLatLng(44.135970,10.873767), googleZoom,googleView);
            map.addControl(new GSmallMapControl());
	        map.addControl(new GMapTypeControl());
	        isGoogle=true;
        }
    }
    return;
}

function createMarker(lat,lng,comment,icon,code) {
  var point = new GLatLng(lat,lng);
  var marker = new GMarker(point,icon);
  GEvent.addListener(marker, "click", function() {
        marker.openInfoWindowHtml('<div class="infow"><div></div><div>' + comment +'</div></div>');
  });
  return marker;
}

function InitOld() {
    InitMap();
    MontainShow();
}

var Pt = new Array();
function MontainOpen() {
    var lb = document.getElementById("lista");  
    var idx = lb.selectedIndex;
    
    // Controlla zoom level
    var z = map.getZoom();
    if(Pt[idx].zoom != z)
        map.setZoom(Pt[idx].zoom);
    
    
    // Apri info window
    Pt[idx].marker.openInfoWindowHtml('<div class="infow"><div><b>' + Pt[idx].title + '</b></div></div>');
}

function GetMyIcon(name) {
    var icon = new GIcon();
    icon.image = "http://labs.google.com/ridefinder/images/mm_20_" + name + ".png";
    icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
    icon.iconSize = new GSize(12, 20);
    icon.shadowSize = new GSize(22, 20);
    icon.iconAnchor = new GPoint(6, 20);
    icon.infoWindowAnchor = new GPoint(5, 1);
    return icon;
}

function MontainShow() {

    Pt[0] = new spot("piazza",44.135727,10.874115,"Piazza di Pianaccio","",18);
    Pt[1] = new spot("cancellino",44.112219,10.837559,"Cancellino","",13);
    Pt[2] = new spot("montegrande",44.149648,10.866958,"Monte Grande","",13);
    Pt[3] = new spot("fabuino",44.139483,10.850046,"Fabuino","",13);
    Pt[4] = new spot("bagnatori",44.135689,10.857515,"Bagnatori","",15);
    Pt[5] = new spot("uccelliera",44.099383,10.844823,"Uccelliera","",13);
    Pt[6] = new spot("montegennaio",44.098114,10.848927,"Monte Gennaio","",13);
    Pt[7] = new spot("portafranca",44.097939,10.853060,"Porta Franca","",13);
    Pt[8] = new spot("capannatassoni",44.151628,10.774728,"Capanna Tassoni","",13);
    Pt[9] = new spot("boccadellupo",44.110278,10.850956,"Bocca del Lupo","",13);
    
    // Create icon
    var icon = new GIcon();
    icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
    icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
    icon.iconSize = new GSize(12, 20);
    icon.shadowSize = new GSize(22, 20);
    icon.iconAnchor = new GPoint(6, 20);
    icon.infoWindowAnchor = new GPoint(5, 1);

    var i,html,lb;
    lb = document.getElementById("lista");
    for(i=0;i<Pt.length;i++) {
        html = "<b>" + Pt[i].title + "</b>";
        Pt[i].marker = createMarker(Pt[i].lat,Pt[i].lng,html,icon,Pt[i].name);
        map.addOverlay(Pt[i].marker);
        
        // Add to listbox
        lb.options[i] = new Option(Pt[i].title,Pt[i].name);
    }
}

function spot(name,lat,lng,title,comment,zoom) {
    this.name=name;
    this.lat=lat;
    this.lng=lng;
    this.title=title;
    this.comment=comment;
    this.zoom=zoom;
    this.marker='';
}

function ZoomItalia() {map.setZoom(8);}
function ZoomBologna() {map.setZoom(9);}
function ZoomPianaccio() {map.setZoom(12);}

function ZoomCimitero() {
    map.setZoom(17);
    var marker = createMarker(44.134787,10.876531,"<b>Cimitero</b>",GetMyIcon("black"),"Cimitero");
    map.addOverlay(marker);
}

function MarkerPiazza() {
        var marker = createMarker(44.135727,10.874115,"<b>Pianaccio</b>",GetMyIcon("green"),"Pianaccio");
        map.addOverlay(marker);

}