//<![CDATA[

    if (GBrowserIsCompatible()) {
      
      // this variable will collect the html which will eventualkly be placed in the side_bar
      var side_bar_html = "";
    
      // arrays to hold copies of the markers and html used by the side_bar
      // because the function closure trick doesnt work there
      var gmarkers = [];
      var htmls = [];
      var i = 0;


      // A function to create the marker and set up the event window
      function createMarker(point,name,html) {
        var marker = new GMarker(point);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        // save the info we need to use later for the side_bar
        gmarkers[i] = marker;
        htmls[i] = html;
        // add a line to the side_bar html
        side_bar_html += '<a href="javascript:myclick(' + i + ')">' + name + '</a><br>';
        i++;
        return marker;
      }


      // This function picks up the click and opens the corresponding info window
      function myclick(i) {
        gmarkers[i].openInfoWindowHtml(htmls[i]);
      }


      // create the map
      var map = new GMap2(document.getElementById("map"));
      map.addControl(new GLargeMapControl());
      map.addControl(new GMapTypeControl());
      map.setCenter(new GLatLng(45.884512, 8.535862),11);

		// add the points    		
		var point = new GLatLng(45.756984, 8.55998);
		var marker = createMarker(point,"<strong>Arona</strong> ","<table width='250px' border='0' cellspacing='0' cellpadding='2'>  <tr>    <td><strong>Arona</strong><br />Lake Maggiore<br />Italy<br /><br /></td>    <td><img src='images/towns/arona.jpg' alt='Arona, Lake Maggiore' title='Arona Lake Maggiore' /></td>  </tr><td colspan'2'><a target='_blank' href='http://www.discoverlakemaggiore.com/arona.asp'>See more</a></td>  </tr></table>")
		map.addOverlay(marker);

 var point = new GLatLng(45.8242, 8.5643);
		var marker = createMarker(point,"<strong>Lesa</strong> ","<table width='250px' border='0' cellspacing='0' cellpadding='2'>  <tr>    <td><strong>Lesa</strong><br />Lake Maggiore<br />Italy<br /><br /></td>    <td><img src='images/towns/Lesa.gif' alt='Lesa, Lake Maggiore' title='Lesa Lake Maggiore' /></td>  </tr><td colspan'2'><a target='_blank' href='http://www.discoverlakemaggiore.com/Lesa.asp'>See more</a></td>  </tr></table>")
		map.addOverlay(marker);

var point = new GLatLng(45.884512, 8.535862);
		var marker = createMarker(point,"<strong>Stresa</strong> ","<table width='250px' border='0' cellspacing='0' cellpadding='2'>  <tr>    <td><strong>Stresa</strong><br />Lake Maggiore<br />Italy<br /><br /></td>    <td><img src='images/towns/Stresa.jpg' alt='Stresa, Lake Maggiore' title='Stresa Lake Maggiore' /></td>  </tr><td colspan'2'><a target='_blank' href='http://www.discoverlakemaggiore.com/Stresa.asp'>See more</a></td>  </tr></table>")
		map.addOverlay(marker);
		
			  var point = new GLatLng(45.9047, 8.5066);
		var marker = createMarker(point,"<strong>Baveno</strong> ","<table width='250px' border='0' cellspacing='0' cellpadding='2'>  <tr>    <td><strong>Baveno</strong><br />Lake Maggiore<br />Italy<br /><br /></td>    <td><img src='images/towns/Baveno.jpg' alt='Baveno, Lake Maggiore' title='Baveno Lake Maggiore' /></td>  </tr><td colspan'2'><a target='_blank' href='http://www.discoverlakemaggiore.com/Baveno.asp'>See more</a></td>  </tr></table>")
		map.addOverlay(marker);
		
	  var point = new GLatLng(45.9227, 8.5643);
		var marker = createMarker(point,"<strong>Verbania</strong> ","<table width='250px' border='0' cellspacing='0' cellpadding='2'>  <tr>    <td><strong>Verbania</strong><br />Lake Maggiore<br />Italy<br /><br /></td>    <td><img src='images/towns/Verbania.jpg' alt='Verbania, Lake Maggiore' title='Verbania Lake Maggiore' /></td>  </tr><td colspan'2'><a target='_blank' href='http://www.discoverlakemaggiore.com/Verbania.asp'>See more</a></td>  </tr></table>")
		map.addOverlay(marker);
		
			  var point = new GLatLng(45.9575, 8.6209);
		var marker = createMarker(point,"<strong>Ghiffa</strong> ","<table width='250px' border='0' cellspacing='0' cellpadding='2'>  <tr>    <td><strong>Ghiffa</strong><br />Lake Maggiore<br />Italy<br /><br /></td>    <td><img src='images/towns/Ghiffa.jpg' alt='Ghiffa, Lake Maggiore' title='Ghiffa Lake Maggiore' /></td>  </tr><td colspan'2'><a target='_blank' href='http://www.discoverlakemaggiore.com/Ghiffa.asp'>See more</a></td>  </tr></table>")
		map.addOverlay(marker);
		
			  var point = new GLatLng(46.0616, 8.6959);
		var marker = createMarker(point,"<strong>Cannobio</strong> ","<table width='250px' border='0' cellspacing='0' cellpadding='2'>  <tr>    <td><strong>Cannobio</strong><br />Lake Maggiore<br />Italy<br /><br /></td>    <td><img src='images/towns/Cannobio.jpg' alt='Cannobio, Lake Maggiore' title='Cannobio Lake Maggiore' /></td>  </tr><td colspan'2'><a target='_blank' href='http://www.discoverlakemaggiore.com/Cannobio.asp'>See more</a></td>  </tr></table>")
		map.addOverlay(marker);
		
			  var point = new GLatLng(46.1509, 8.7744);
		var marker = createMarker(point,"<strong>Ascona</strong> ","<table width='250px' border='0' cellspacing='0' cellpadding='2'>  <tr>    <td><strong>Ascona</strong><br />Lake Maggiore<br />Italy<br /><br /></td>    <td><img src='images/towns/Ascona.jpg' alt='Ascona, Lake Maggiore' title='Ascona Lake Maggiore' /></td>  </tr> <td colspan'2'><a target='_blank' href='http://www.discoverlakemaggiore.com/Ascona.asp'>See more</a></td>  </tr></table>")
		map.addOverlay(marker);
		
		
	  	  var point = new GLatLng(46.1652, 8.8770);
		var marker = createMarker(point,"<strong>Locarno Airport</strong> ","<table width='250px' border='0' cellspacing='0' cellpadding='2'>  <tr>    <td><strong>Locarno Airport</strong><br />Lake Maggiore<br />Italy<br /><br /></td>    <td><img src='images/towns/Locarno.jpg' alt='Locarno, Lake Maggiore' title='Locarno Lake Maggiore' /></td>  </tr><td colspan'2'><a target='_blank' href='http://www.discoverlakemaggiore.com/Locarno.asp'>See more</a></td>  </tr></table>")
		map.addOverlay(marker);
		
			  var point = new GLatLng(46.0011, 8.7433);
		var marker = createMarker(point,"<strong>Luino</strong> ","<table width='250px' border='0' cellspacing='0' cellpadding='2'>  <tr>    <td><strong>Luino</strong><br />Lake Maggiore<br />Italy<br /><br /></td>    <td><img src='images/towns/Luino.jpg' alt='Luino, Lake Maggiore' title='Luino Lake Maggiore' /></td>  </tr><td colspan'2'><a target='_blank' href='http://www.discoverlakemaggiore.com/Luino.asp'>See more</a></td>  </tr></table>")
		map.addOverlay(marker);
		
			  var point = new GLatLng(45.9497, 8.6793);
		var marker = createMarker(point,"<strong>Porto Valtravaglia</strong> ","<table width='250px' border='0' cellspacing='0' cellpadding='2'>  <tr>    <td><strong>Porto Valtravaglia</strong><br />Lake Maggiore<br />Italy<br /><br /></td>    <td><img src='images/towns/Porto.jpg' alt='Porto, Lake Maggiore' title='Porto Lake Maggiore' /></td>  </tr><td colspan'2'><a target='_blank' href='http://www.discoverlakemaggiore.com/Porto.asp'>See more</a></td>  </tr></table>")
		map.addOverlay(marker);
		
			  var point = new GLatLng(45.9090, 8.6223);
		var marker = createMarker(point,"<strong>Laveno</strong> ","<table width='250px' border='0' cellspacing='0' cellpadding='2'>  <tr>    <td><strong>Laveno</strong><br />Lake Maggiore<br />Italy<br /><br /></td>    <td><img src='images/towns/Laveno.jpg' alt='Laveno, Lake Maggiore' title='Laveno Lake Maggiore' /></td>  </tr><td colspan'2'><a target='_blank' href='http://www.discoverlakemaggiore.com/Laveno.asp'>See more</a></td>  </tr></table>")
		map.addOverlay(marker);
		
			  var point = new GLatLng(45.8148, 8.6131);
		var marker = createMarker(point,"<strong>Ispra</strong> ","<table width='250px' border='0' cellspacing='0' cellpadding='2'>  <tr>    <td><strong>Ispra</strong><br />Lake Maggiore<br />Italy<br /><br /></td>    <td><img src='images/towns/Ispra.jpg' alt='Ispra, Lake Maggiore' title='Ispra Lake Maggiore' /></td>  </tr><td colspan'2'><a target='_blank' href='http://www.discoverlakemaggiore.com/Ispra.asp'>See more</a></td>  </tr></table>")
		map.addOverlay(marker);
		
			  var point = new GLatLng(45.7718, 8.5811);
		var marker = createMarker(point,"<strong>Angera</strong> ","<table width='250px' border='0' cellspacing='0' cellpadding='2'>  <tr>    <td><strong>Angera</strong><br />Lake Maggiore<br />Italy<br /><br /></td>    <td><img src='images/towns/Angera.jpg' alt='Angera, Lake Maggiore' title='Angera Lake Maggiore' /></td>  </tr><td colspan'2'><a target='_blank' href='http://www.discoverlakemaggiore.com/Angera.asp'>See more</a></td>  </tr></table>")
		map.addOverlay(marker);
		
			  var point = new GLatLng(45.7221, 8.6380);
		var marker = createMarker(point,"<strong>Sesto Calende</strong> ","<table width='250px' border='0' cellspacing='0' cellpadding='2'>  <tr>    <td><strong>Sesto Calende</strong><br />Lake Maggiore<br />Italy<br /><br /></td>    <td><img src='images/towns/Sesto Calende.jpg' alt='Sesto Calende, Lake Maggiore' title='Sesto Calende Lake Maggiore' /></td>  </tr><td colspan'2'><a target='_blank' href='http://www.discoverlakemaggiore.com/Sesto_ Calende.asp'>See more</a></td>  </tr></table>")
		map.addOverlay(marker);
                       
      // put the assembled side_bar_html contents into the side_bar div
      document.getElementById("side_bar").innerHTML = side_bar_html;
      
    }

    else {
      alert("Sorry, the Google Maps API is not compatible with this browser");
    }

    //]]>