var map = null;
var geocoder = null;

    function onLoad() {

if (GBrowserIsCompatible()) {

// Red marker icon1
var icon1 = new GIcon();
icon1.image = "img/mm_20_red.png";
icon1.iconSize = new GSize(12, 20);
icon1.iconAnchor = new GPoint(6, 20);
icon1.infoWindowAnchor = new GPoint(5, 1);

// Star icon6
var icon6 = new GIcon();
icon6.image = "img/star.png";
icon6.iconSize = new GSize(15, 15);
icon6.iconAnchor = new GPoint(6, 15);
icon6.infoWindowAnchor = new GPoint(5, 1);

      
map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(1, 1), 1);
map.addControl(new GSmallMapControl());
geocoder = new GClientGeocoder();


var address_ita = 'Binasco Milano, Italy';
geocoder.getLatLng(address_ita,		
function(point){
if (point){
map.setCenter(point, 10);
}
}
);



var marker1 = new GMarker(new GPoint(9.190336,45.464161), icon1);
map.addOverlay(marker1);
var html1 = "<img border='0' src='img/milano_3.jpg'><br><font class='corpo1'><b>Piazza Duomo Milano</b></font>";
GEvent.addListener(marker1, "click", function()
{
marker1.openInfoWindowHtml(html1);
});

var marker2 = new GMarker(new GPoint(9.170687,45.466144), icon1);
map.addOverlay(marker2);
var html2 = "<img border='0' src='img/milano_4.jpg'><br><font class='corpo1'><b>Santa Maria delle Grazie</b><br><br><i>Ultima Cena Leonardo da Vinci</i></font>";
GEvent.addListener(marker2, "click", function()
{
marker2.openInfoWindowHtml(html2);
});

var marker3 = new GMarker(new GPoint(9.180302,45.469676), icon1);
map.addOverlay(marker3);
var html3 = "<img border='0' src='img/milano_2.jpg'><br><font class='corpo1'><b>Castello Sforzesco</b></font>";
GEvent.addListener(marker3, "click", function()
{
marker3.openInfoWindowHtml(html3);
});

var marker4 = new GMarker(new GPoint(9.190799,45.465609), icon1);
map.addOverlay(marker4);
var html4 = "<img border='0' src='img/milano_1.jpg'><br><font class='corpo1'><b>Galleria Vittorio Emanuele</b></font>";
GEvent.addListener(marker4, "click", function()
{
marker4.openInfoWindowHtml(html4);
});

var marker5 = new GMarker(new GPoint(9.189769,45.467301), icon1);
map.addOverlay(marker5);
var html5 = "<img border='0' src='img/milano_5.jpg'><br><font class='corpo1'><b>Teatro La Scala</b></font>";
GEvent.addListener(marker5, "click", function()
{
marker5.openInfoWindowHtml(html5);
});

var marker6 = new GMarker(new GPoint(9.153565,45.477677), icon1);
map.addOverlay(marker6);
var html6 = "<img border='0' src='img/milano_6.jpg'><br><font class='corpo1'><b>Fiera Milano</b></font>";
GEvent.addListener(marker6, "click", function()
{
marker6.openInfoWindowHtml(html6);
});


var marker7 = new GMarker(new GPoint(9.079041,45.520698), icon1);
map.addOverlay(marker7);
var html7 = "<img border='0' src='img/milano_7.jpg'><br><font class='corpo'><b>Fiera Rho</b></font>";
GEvent.addListener(marker7, "click", function()
{
marker7.openInfoWindowHtml(html7);
});


var marker8 = new GMarker(new GPoint(9.202785,45.484849), icon1);
map.addOverlay(marker8);
var html8 = "<img border='0' src='img/milano_8.jpg'><br><font class='corpo1'><b>Stazione Centrale FS</b></font>";
GEvent.addListener(marker8, "click", function()
{
marker8.openInfoWindowHtml(html8);
});


var marker11 = new GMarker(new GPoint(9.123879,45.480061), icon1);
map.addOverlay(marker11);
var html11 = "<img border='0' src='img/milano_11.jpg' width='174' height='86'><br><font class='corpo1'><b>Stadio San Siro - Ippodromo</b></font>";
GEvent.addListener(marker11, "click", function()
{
marker11.openInfoWindowHtml(html11);
});


var marker12 = new GMarker(new GPoint(9.130497,45.408333), icon1);
map.addOverlay(marker12);
var html12 = "<img border='0' src='img/milano_10.jpg'><br><font class='corpo1'><b>Assago</b> - Forum</font>";
GEvent.addListener(marker12, "click", function()
{
marker12.openInfoWindowHtml(html12);
});



var marker14 = new GMarker(new GPoint(9.16004,45.389988), icon1);
map.addOverlay(marker14);
var html14 = "<img border='0' src='img/tangenziale_pic.jpg'><br><font class='corpo1'><b>Tangenziale Ovest</b><br><br><i>Uscita s.s. 35 dei Giovi Milano - Pavia</i></font>";
GEvent.addListener(marker14, "click", function()
{
marker14.openInfoWindowHtml(html14);
});


var marker20 = new GMarker(new GPoint(9.1105842590332,45.3390096292289), icon6);
map.addOverlay(marker20);
var html20 = "<img border='0' src='img/foto_pic.jpg'><br><font class='corpo1'><b>Hotel Ascot</b> ***<br>Strada Statale 35 dei Giovi, 12 - 20082 Binasco (MI)</font>";
GEvent.addListener(marker20, "click", function()
{
marker20.openInfoWindowHtml(html20);
});
marker20.openInfoWindowHtml(html20);

     }
  }
