//<![CDATA[

function createMarker(point, number) {
  var marker = new GMarker(point);
  switch(number) {
  	case 1:
  			GEvent.addListener(marker, "mouseover", function() {
    			marker.openInfoWindowHtml("<font color='#000000' size='2'>Rezeption<br><img src='pics/thumbs/144.jpg' width='100' height='74' alt='Rezeption'></font>");
  			});
  			break;
  	case 2:
  			GEvent.addListener(marker, "mouseover", function() {
    			marker.openInfoWindowHtml("<font color='#000000' size='2'>Restaurant Casabe (Buffet)<br><img src='pics/thumbs/118.jpg' width='100' height='74' alt='Casabe'></font>");
  			});
  			break;
  	case 3:
  			GEvent.addListener(marker, "mouseover", function() {
    			marker.openInfoWindowHtml("<font color='#000000' size='2'>Restaurant Il Bacio (Italienisch)<br><img src='pics/thumbs/121.jpg' width='100' height='74' alt='Il Bacio'></font>");
  			});
  			break;
  	case 4:
  			GEvent.addListener(marker, "mouseover", function() {
    			marker.openInfoWindowHtml("<font color='#000000' size='2'>Restaurant Rio Grande (Tex Mex)<br><img src='pics/thumbs/120.jpg' width='100' height='74' alt='Rio Grande'></font>");
  			});
  			break;
  	case 5:
  			GEvent.addListener(marker, "mouseover", function() {
    			marker.openInfoWindowHtml("<font color='#000000' size='2'>Souveniershop/Minimarket<br><img src='pics/thumbs/128.jpg' width='100' height='74' alt='Shops'></font>");
  			});
  			break;
  	case 6:
  			GEvent.addListener(marker, "mouseover", function() {
    			marker.openInfoWindowHtml("<font color='#000000' size='2'>Tennisplatz</font>");
  			});
  			break;
  	case 7:
  			GEvent.addListener(marker, "mouseover", function() {
    			marker.openInfoWindowHtml("<font color='#000000' size='2'>Tennisplatz</font>");
  			});
  			break;
  	case 8:
  			GEvent.addListener(marker, "mouseover", function() {
    			marker.openInfoWindowHtml("<font color='#000000' size='2'>Bogenschiessen<br><img src='pics/thumbs/017.jpg' width='100' height='74' alt='Bogenschiessen'></font>");
  			});
  			break;
  	case 9:
  			GEvent.addListener(marker, "mouseover", function() {
    			marker.openInfoWindowHtml("<font color='#000000' size='2'>Tischtennis</font>");
  			});
  			break;
  	case 10:
  			GEvent.addListener(marker, "mouseover", function() {
    			marker.openInfoWindowHtml("<font color='#000000' size='2'>Tischtennis</font>");
  			});
  			break;
  	case 11:
  			GEvent.addListener(marker, "mouseover", function() {
    			marker.openInfoWindowHtml("<font color='#000000' size='2'>Block 1<br><img src='pics/thumbs/016.jpg' width='100' height='74' alt='Block 1'></font>");
  			});
  			break;
  	case 12:
  			GEvent.addListener(marker, "mouseover", function() {
    			marker.openInfoWindowHtml("<font color='#000000' size='2'>Block 2<br><img src='pics/thumbs/031.jpg' width='100' height='74' alt='Block 2'></font>");
  			});
  			break;
  	case 13:
  			GEvent.addListener(marker, "mouseover", function() {
    			marker.openInfoWindowHtml("<font color='#000000' size='2'>Block 3<br><img src='pics/thumbs/021.jpg' width='100' height='74' alt='Block 3'></font>");
  			});
  			break;
  	case 14:
  			GEvent.addListener(marker, "mouseover", function() {
    			marker.openInfoWindowHtml("<font color='#000000' size='2'>Block 4</font>");
  			});
  			break;
  	case 15:
  			GEvent.addListener(marker, "mouseover", function() {
    			marker.openInfoWindowHtml("<font color='#000000' size='2'>Block 5</font>");
  			});
  			break;
  	case 16:
  			GEvent.addListener(marker, "mouseover", function() {
    			marker.openInfoWindowHtml("<font color='#000000' size='2'>Restaurant Le Petit Fondue (Schweizerisch)<br><img src='pics/thumbs/035.jpg' width='100' height='74' alt='Le Petit Fondue'></font>");
  			});
  			break;
  	case 17:
  			GEvent.addListener(marker, "mouseover", function() {
    			marker.openInfoWindowHtml("<font color='#000000' size='2'>Restaurant Mare Nostrum (Mediterran)<br><img src='pics/thumbs/044.jpg' width='100' height='74' alt='Mare Nostrum'></font>");
  			});
  			break;
  	case 18:
  			GEvent.addListener(marker, "mouseover", function() {
    			marker.openInfoWindowHtml("<font color='#000000' size='2'>Strandbar<br><img src='pics/thumbs/047.jpg' width='100' height='74' alt='Strandbar'></font>");
  			});
  			break;
  	case 19:
  			GEvent.addListener(marker, "mouseover", function() {
    			marker.openInfoWindowHtml("<font color='#000000' size='2'>Pool<br><img src='pics/thumbs/038.jpg' width='100' height='74' alt='Pool'></font>");
  			});
  			break;
  	case 20:
  			GEvent.addListener(marker, "mouseover", function() {
    			marker.openInfoWindowHtml("<font color='#000000' size='2'>Poolbar<br><img src='pics/thumbs/061.jpg' width='100' height='74' alt='Poolbar'></font>");
  			});
  			break;
  	case 21:
  			GEvent.addListener(marker, "mouseover", function() {
    			marker.openInfoWindowHtml("<font color='#000000' size='2'>Tauchbasis/Handt&uuml;cher<br><img src='pics/thumbs/053.jpg' width='100' height='74' alt='Tauchbasis'></font>");
  			});
  			break;
  }
  return marker;
}

function load() {
  if (GBrowserIsCompatible()) {
    var map = new GMap2(document.getElementById("map"));
    map.addControl(new GSmallMapControl());
    map.addControl(new GScaleControl());
    map.setCenter(new GLatLng(18.70685738211219, -68.44258725643158), 17,G_SATELLITE_MAP);

    var p = new Array();
    p[0]  = new GLatLng(18.708214010618516, -68.44133198261261);
    p[1]  = new GLatLng(18.707731316329156, -68.44314515590668);
    p[2]  = new GLatLng(18.705810687516628, -68.44506025314331);
    p[3]  = new GLatLng(18.704596310430915, -68.4434723854065);
    p[4]  = new GLatLng(18.705724309518104, -68.442302942276);
    p[5]  = new GLatLng(18.706074902297285, -68.44267308712006);
    p[6]  = new GLatLng(18.706400089153284, -68.44236731529236);
    p[7]  = new GLatLng(18.70668970817076, -68.44267308712006);
    p[8]  = new GLatLng(18.70687262518955, -68.44249606132507);
    p[9]  = new GLatLng(18.706994569758884, -68.44251215457916);
    p[10] = new GLatLng(18.70704029894973, -68.44123005867004);

    map.addOverlay(new GPolyline(p));

    var point = new GLatLng( 18.705216202751807, -68.4434187412262); // Rezeption
    map.addOverlay(createMarker(point, 1));

    var point = new GLatLng( 18.705983443381434, -68.44370305538177); // Restaurant Casabe
    map.addOverlay(createMarker(point, 2));

    var point = new GLatLng( 18.705724309518104, -68.44368159770966); // Restaurant La
    map.addOverlay(createMarker(point, 3));

    var point = new GLatLng( 18.705632850412755, -68.44362258911133); // Restaurant Tex Mex
    map.addOverlay(createMarker(point, 4));

    var point = new GLatLng( 18.70544485098544, -68.44297885894775); // Shops
    map.addOverlay(createMarker(point, 5));

    var point = new GLatLng( 18.705195878449423, -68.44299495220184); // Tennisplatz
    map.addOverlay(createMarker(point, 6));

    var point = new GLatLng( 18.705876741250478, -68.44414293766022); // Tennisplatz
    map.addOverlay(createMarker(point, 7));

    var point = new GLatLng( 18.705958038118265, -68.44426095485687); // Bogenschiessen
    map.addOverlay(createMarker(point, 8));

    var point = new GLatLng( 18.70605457809804, -68.4444808959961); // Tischtennis
    map.addOverlay(createMarker(point, 9));

    var point = new GLatLng( 18.707792288315364, -68.4420561790466); // Tischtennis
    map.addOverlay(createMarker(point, 10));

    var point = new GLatLng( 18.705729390578057, -68.44274818897247); // Block 1
    map.addOverlay(createMarker(point, 11));

    var point = new GLatLng( 18.70632387353999, -68.44276428222656); // Block 2
    map.addOverlay(createMarker(point, 12));

    var point = new GLatLng( 18.70645089954308, -68.44392836093903); // Block 3
    map.addOverlay(createMarker(point, 13));

    var point = new GLatLng( 18.707309592822888, -68.44328999519348); // Block 4
    map.addOverlay(createMarker(point, 14));

    var point = new GLatLng( 18.707792288315364, -68.44258725643158); // Block 5
    map.addOverlay(createMarker(point, 15));

    var point = new GLatLng( 18.70685738211219, -68.44258725643158); // Restaurant Le Petit Fondue
    map.addOverlay(createMarker(point, 16));

    var point = new GLatLng( 18.70713683831202, -68.44204008579254); // Restaurant Mare Nostrum
    map.addOverlay(createMarker(point, 17));

    var point = new GLatLng( 18.707670344320952, -68.44187915325165); // Strandbar
    map.addOverlay(createMarker(point, 18));

    var point = new GLatLng( 18.707289268771945, -68.44261407852173); // Pool
    map.addOverlay(createMarker(point, 19));

    var point = new GLatLng( 18.707294349784917, -68.44278573989868); // Poolbar
    map.addOverlay(createMarker(point, 20));

    var point = new GLatLng( 18.707980285134575, -68.44187915325165); // Tauchbasis
    map.addOverlay(createMarker(point, 21));

   }
}
//]]>