$(document).ready(function() {
    if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setUIToDefault();
        setMarker(map)
    }
});

$(window).unload(function() { GUnload(); });

var markers = [];
var Dati = [];

function tohere(i) {
    var tabHtml = "<div style='height:170px;width:340px;'>" + Dati[i] + '<div>' +
   '<br>Ottieni indicazioni stradali: <b>A qui</b> - <a href="javascript:fromhere(' + i + ')">Da qui</a>' +
   '<br>Indirizzo di partenza:<form action="http://maps.google.com/maps" method="get" target="_blank">' +
   '<input type="text" size="40" maxlength="40" name="saddr" id="saddr" value="" /><br>' +
   '<input value="Calcola" type="submit"/>' +
   '<input type="hidden" name="daddr" value="' + markers[i].getPoint().lat() + ',' + markers[i].getPoint().lng() + '"/></div>';

    markers[i].openInfoWindowHtml(tabHtml);
}

function fromhere(i) {
    var tabHtml = "<div style='height:170px;width:340px;'>" +  Dati[i] + '<div style=height:"100px">' +
   '<br>Ottieni indicazioni stradali: <a href="javascript:tohere(' + i + ')">A qui</a> - <b>Da qui</b>' +
   '<br>Indirizzo di arrivo:<form action="http://maps.google.com/maps" method="get"" target="_blank">' +
   '<input type="text" size="40" maxlength="40" name="daddr" id="daddr" value="" /><br>' +
   '<input value="Calcola" type="submit"/>' +
   '<input type="hidden" name="saddr" value="' + markers[i].getPoint().lat() + ',' + markers[i].getPoint().lng() + '"/></div></div>';

    markers[i].openInfoWindowHtml(tabHtml);
}


function setMarker(map) {

    var bounds = new GLatLngBounds();

    var wbIcon = new GIcon();
    wbIcon.image = "http://www.woodbeton.it/gruppo/immagini/icoRed.png";
    wbIcon.shadow = "";
    wbIcon.iconSize = new GSize(35, 36);
    wbIcon.shadowSize = new GSize(35, 36);
    wbIcon.iconAnchor = new GPoint(17, 34);
    wbIcon.infoWindowAnchor = new GPoint(17, 5);

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

    var point = new GLatLng(45.648059, 10.042168);
    marker = new GMarker(point, markerOptions);
    map.addOverlay(marker);
    markers[0] = marker;
    bounds.extend(point);
    Dati[0] = "<b>WOOD BETON S.p.A.</b><br />Via Roma, 1 - 25049 ISEO (BS)<br />info@woodbeton.it<br />"
    var Testo0 = "<div style='height:80px;width:220px;'>" + Dati[0] + "<div>Ottieni indicazioni stradali: <a href='javascript:tohere(0)'>Da qui</a> - <a href='javascript:fromhere(0)'>A qui</a></div></div>";
    
    // Crea listener per il click sull'oggetto
    GEvent.addListener(markers[0], "click", function() {
        markers[0].openInfoWindowHtml(Testo0);
    });

    
    var wbIcon = new GIcon();
    wbIcon.image = "http://www.woodbeton.it/gruppo/immagini/icoBlu.png";
    wbIcon.shadow = "";
    wbIcon.iconSize = new GSize(35, 36);
    wbIcon.shadowSize = new GSize(35, 36);
    wbIcon.iconAnchor = new GPoint(17, 36);
    wbIcon.infoWindowAnchor = new GPoint(5, 1);

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


    var point = new GLatLng(44.917977, 10.805748);
    marker = new GMarker(point, markerOptions);
    map.addOverlay(marker);
    markers[1] = marker;
    bounds.extend(point);
    Dati[1] = "<b>Wood Beton Sede Commerciale Emilia Romagna</b><br />p.zza Lidio Artioli, 8 - 42046 Reggiolo(RE)<br />tecnicomn@nulli.it<br />"
    var Testo1 = "<div style='height:80px;width:320px;'>" + Dati[1] + "<div>Ottieni indicazioni stradali: <a href='javascript:tohere(1)'>Da qui</a> - <a href='javascript:fromhere(1)'>A qui</a></div></div>";
    
    // Crea listener per il click sull'oggetto
    GEvent.addListener(markers[1], "click", function() {
        markers[1].openInfoWindowHtml(Testo1);
    });

    var point = new GLatLng(43.861962, 10.275578);
    marker = new GMarker(point, markerOptions);
    map.addOverlay(marker);
    markers[2] = marker;
    bounds.extend(point);
    Dati[2] = "<b>Wood Beton Sede Commerciale Toscana</b><br />Te.Co. s.r.l. - Via Scirocco, 53 - 55049 VIAREGGIO (LU)<br />info@tecoedilizia.it<br />"
    var Testo2 = "<div style='height:80px;width:300px;'>" + Dati[2] + "<div>Ottieni indicazioni stradali: <a href='javascript:tohere(2)'>Da qui</a> - <a href='javascript:fromhere(2)'>A qui</a></div></div>";
    
    // Crea listener per il click sull'oggetto
    GEvent.addListener(markers[2], "click", function() {
        markers[2].openInfoWindowHtml(Testo2);
    });

    var point = new GLatLng(45.679713, 12.551608);
    marker = new GMarker(point, markerOptions);
    map.addOverlay(marker);
    markers[3] = marker;
    bounds.extend(point);
    Dati[3] = "<b>Wood Beton Est s.r.l.</b><br />Via Calnova, 111 - 30020 NOVENTA DI PIAVE (VE)<br />info@woodbetonest.it<br />"
    var Testo3 = "<div style='height:80px;width:280px;'>" + Dati[3] + "<div>Ottieni indicazioni stradali: <a href='javascript:tohere(3)'>Da qui</a> - <a href='javascript:fromhere(3)'>A qui</a></div></div>";
    
    // Crea listener per il click sull'oggetto
    GEvent.addListener(markers[3], "click", function() {
        markers[3].openInfoWindowHtml(Testo3);
    });


    var point = new GLatLng(42.352498, 13.302814);
    marker = new GMarker(point, markerOptions);
    map.addOverlay(marker);
    markers[4] = marker;
    bounds.extend(point);
    Dati[4] = "<b>Sede Tecnica e Commerciale Abruzzo</b><br />67018 SASSA (AQ)<br />apigeom@libero.it<br />"
    var Testo4 = "<div style='height:80px;width:280px;'>" + Dati[4] + "<div>Ottieni indicazioni stradali: <a href='javascript:tohere(4)'>Da qui</a> - <a href='javascript:fromhere(4)'>A qui</a></div></div>";

    // Crea listener per il click sull'oggetto
    GEvent.addListener(markers[4], "click", function() {
        markers[4].openInfoWindowHtml(Testo4);
    });


    var wbIcon = new GIcon();
    wbIcon.image = "http://www.woodbeton.it/gruppo/immagini/icoGreen.png";
    wbIcon.shadow = "";
    wbIcon.iconSize = new GSize(35, 36);
    wbIcon.shadowSize = new GSize(35, 36);
    wbIcon.iconAnchor = new GPoint(17, 36);
    wbIcon.infoWindowAnchor = new GPoint(5, 1);

    // Set up our GMarkerOptions object
    markerOptions = { icon: wbIcon };
   
    var point = new GLatLng(45.683607, 9.083465);
    marker = new GMarker(point, markerOptions);
    map.addOverlay(marker);
    markers[5] = marker;
    bounds.extend(point);
    Dati[5] = "<b>Nulli Milano s.r.l.</b><br />Via San Lorenzo, 141 - 20020 LAZZATE (MI)<br />infomi@nulli.it<br />"
    var Testo5 = "<div style='height:80px;width:250px;'>" + Dati[5] + "<div>Ottieni indicazioni stradali: <a href='javascript:tohere(5)'>Da qui</a> - <a href='javascript:fromhere(5)'>A qui</a></div></div>";

    // Crea listener per il click sull'oggetto
    GEvent.addListener(markers[5], "click", function() {
        markers[5].openInfoWindowHtml(Testo5);
    });

    var point = new GLatLng(45.338463, 9.778907);
    marker = new GMarker(point, markerOptions);
    map.addOverlay(marker);
    markers[6] = marker;
    bounds.extend(point);
    Dati[6] = "<b>Nulli Project s.r.l.</b><br />Z.I. loc. Gerola I - 26010 FIESCO (CR)<br />infocr@nulli.it<br />"
    var Testo6 = "<div style='height:80px;width:250px;'>" + Dati[6] + "<div>Ottieni indicazioni stradali: <a href='javascript:tohere(6)'>Da qui</a> - <a href='javascript:fromhere(6)'>A qui</a></div></div>";

    // Crea listener per il click sull'oggetto
    GEvent.addListener(markers[6], "click", function() {
        markers[6].openInfoWindowHtml(Testo6);
    });

    //ZoomFit
    map.setCenter(new GLatLng(bounds.getCenter().lat()+0.3,bounds.getCenter().lng()), map.getBoundsZoomLevel(bounds)); 
   
}