googleMap = true;

var map;
var baseIcon;
var gmarkers = [];
var htmls = [];
function ShowMap(){
	var bounds = new GLatLngBounds();

	map = new GMap2(document.getElementById("map"));
	map.setCenter(new GLatLng(51.233816,6.782856), 13);
	map.addControl(new GLargeMapControl());
	map.addControl(new GMapTypeControl());

	baseIcon = new GIcon();
	baseIcon.image = "../Images/Markers/marker.png";
	baseIcon.shadow = "../Images/Markers/shadow50.png";
	baseIcon.iconSize = new GSize(20, 34);
	baseIcon.shadowSize = new GSize(37, 34);
	baseIcon.iconAnchor = new GPoint(9, 34);
	baseIcon.infoWindowAnchor = new GPoint(9, 2);
	baseIcon.infoShadowAnchor = new GPoint(18, 25);

	var icon = new GIcon(baseIcon);
	var point = new GLatLng(51.256329,6.753802);
	bounds.extend(point);
	var marker = createMarker(point, "Nordpark", "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Nordpark</b><br/>Nordpark is one of the largest and prettiest parks in the region and is a<br/>popular summertime destination for families and walkers. If you enter<br>from the Kaiserswerther StraBe, you can see that the park is dominated<br/>by a 170m long lake from which numerous fountains spring. The stunning<br>flower beds, which are replanted three times a year, are also an eye-catcher.<br/>A Japanese garden was donated to the park by the Japanese community in<br/>1975.</p>", 1);
	gmarkers[0] = marker;
	htmls[0] = "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Nordpark</b><br/>Nordpark is one of the largest and prettiest parks in the region and is a<br/>popular summertime destination for families and walkers. If you enter<br>from the Kaiserswerther StraBe, you can see that the park is dominated<br/>by a 170m long lake from which numerous fountains spring. The stunning<br>flower beds, which are replanted three times a year, are also an eye-catcher.<br/>A Japanese garden was donated to the park by the Japanese community in<br/>1975.</p>";
	map.addOverlay(marker);

	var icon = new GIcon(baseIcon);
	var point = new GLatLng(51.228952,6.7732);
	bounds.extend(point);
	var marker = createMarker(point, "Altstadt", "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Altstadt</b><br>In addition to the myriad eating and drinking opportunities don't miss the<br/>charming 16th-century Rathausplatz (Town Hall Square), the churches of<br/>St Andreas and St Lambertus, the grotesque Battle of Worringen (1288)<br/>monument on the Burgplatz next to the tiny River Dussel and the quiet<br/>leafy southern part of the Old Town adjacent to Karlstadt. With it's huge<br/>range of places to eat and drink, the Altstadt has the nickname of 'the<br/>longest bar in the world.'</p>", 2);
	gmarkers[1] = marker;
	htmls[1] = "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Altstadt</b><br>In addition to the myriad eating and drinking opportunities don't miss the<br/>charming 16th-century Rathausplatz (Town Hall Square), the churches of<br/>St Andreas and St Lambertus, the grotesque Battle of Worringen (1288)<br/>monument on the Burgplatz next to the tiny River Dussel and the quiet<br/>leafy southern part of the Old Town adjacent to Karlstadt. With it's huge<br/>range of places to eat and drink, the Altstadt has the nickname of 'the<br/>longest bar in the world.'</p>";
	map.addOverlay(marker);

	var icon = new GIcon(baseIcon);
	var point = new GLatLng(51.217892,6.762128);
	bounds.extend(point);
	var marker = createMarker(point, "Rheinturm", "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Rheinturm</b><br>An icon for the city, the 360-degree views from its large glass windows<br/>at 164m (538ft) take in the whole city and river; the extraordinary building<br/>immediately below is the new Landtag (regional parliament).</p>", 3);
	gmarkers[2] = marker;
	htmls[2] = "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Rheinturm</b><br>An icon for the city, the 360-degree views from its large glass windows<br/>at 164m (538ft) take in the whole city and river; the extraordinary building<br/>immediately below is the new Landtag (regional parliament).</p>";
	map.addOverlay(marker);

	var icon = new GIcon(baseIcon);
	var point = new GLatLng(51.215365,6.753716);
	bounds.extend(point);
	var marker = createMarker(point, "Medienhafen", "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Medienhafen</b><br>This recently revitalised harbour is so named for its new tenants, who<br/>have colonised its striking waterside buildings, including designs by<br/>Frank Gehry; visit on a sightseeing cruise then come back for the<br/>nightlife.</p>", 4);
	gmarkers[3] = marker;
	htmls[3] = "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Medienhafen</b><br>This recently revitalised harbour is so named for its new tenants, who<br/>have colonised its striking waterside buildings, including designs by<br/>Frank Gehry; visit on a sightseeing cruise then come back for the<br/>nightlife.</p>";
	map.addOverlay(marker);

	var icon = new GIcon(baseIcon);
	var point = new GLatLng(51.227824,6.775389);
	bounds.extend(point);
	var marker = createMarker(point, "Stiftung Kunstsammlung", "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Stiftung Kunstsammlung</b><br>The superb permanent collection here features 20th-century masterpieces<br/>by Kandinsky, Matisse, Picasso, Mondrian, Klee and Kirchner, and<br/>American art after 1945 with works by Warhol, Rauschberg and Pollok;<br/>plus world-class temporary exhibitions.</p>", 5);
	gmarkers[4] = marker;
	htmls[4] = "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Stiftung Kunstsammlung</b><br>The superb permanent collection here features 20th-century masterpieces<br/>by Kandinsky, Matisse, Picasso, Mondrian, Klee and Kirchner, and<br/>American art after 1945 with works by Warhol, Rauschberg and Pollok;<br/>plus world-class temporary exhibitions.</p>";
	map.addOverlay(marker);

	var icon = new GIcon(baseIcon);
	var point = new GLatLng(51.232258,6.775646);
	bounds.extend(point);
	var marker = createMarker(point, "Stiftung Museum Kunst Palast", "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Stiftung Museum Kunst Palast</b><br>The eclectic and extensive collections here comprise works from the<br/>Middle Ages, the Baroque period and the Dusseldorf School of Painting,<br/>right up to some startling contemporary artworks and cutting-edge<br/>temporary exhibitions.</p>", 6);
	gmarkers[5] = marker;
	htmls[5] = "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Stiftung Museum Kunst Palast</b><br>The eclectic and extensive collections here comprise works from the<br/>Middle Ages, the Baroque period and the Dusseldorf School of Painting,<br/>right up to some startling contemporary artworks and cutting-edge<br/>temporary exhibitions.</p>";
	map.addOverlay(marker);

	var icon = new GIcon(baseIcon);
	var point = new GLatLng(51.222314,6.779294);
	bounds.extend(point);
	var marker = createMarker(point, "Konigsallee", "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Konigsallee</b><br>The Konigsallee (or 'Ko' for short) is a handsome leafy boulevard, bisected<br/>by an ornamental canal and fountains, and hosts many of the world's top<br/>designer shops such as Cartier, Lacoste, Gucci, Chanel, Escada, Hugo Boss,<br/>Joop, Prada and many more.</p>", 7);
	gmarkers[6] = marker;
	htmls[6] = "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Konigsallee</b><br>The Konigsallee (or 'Ko' for short) is a handsome leafy boulevard, bisected<br/>by an ornamental canal and fountains, and hosts many of the world's top<br/>designer shops such as Cartier, Lacoste, Gucci, Chanel, Escada, Hugo Boss,<br/>Joop, Prada and many more.</p>";
	map.addOverlay(marker);

	var icon = new GIcon(baseIcon);
	var point = new GLatLng(51.226749,6.783071);
	bounds.extend(point);
	var marker = createMarker(point, "Schadowstrasse", "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Schadowstrasse</b><br>Schadowstrasse is known as 'Germany's shopping mile',<br/>and is said to have the highest turnover in the country.</p>", 8);
	gmarkers[7] = marker;
	htmls[7] = "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Schadowstrasse</b><br>Schadowstrasse is known as 'Germany's shopping mile',<br/>and is said to have the highest turnover in the country.</p>";
	map.addOverlay(marker);

	var icon = new GIcon(baseIcon);
	var point = new GLatLng(51.241272,6.805601);
	bounds.extend(point);
	var marker = createMarker(point, "Zoopark", "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Zoopark</b><br>There were once animals to be seen at the Zoopark. However, this came to<br/>an arduous end after the bombings in World War II. The main attraction<br/>here is a sculpture by Kurt-Wolf von Borries of a bronze naked man lying<br/>down. The street and square are named after the founding father of the<br/>park, Alfred Brehm. The impressive stock of trees at the park make a visit<br/>more than worthwhile.</p>", 9);
	gmarkers[8] = marker;
	htmls[8] = "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Zoopark</b><br>There were once animals to be seen at the Zoopark. However, this came to<br/>an arduous end after the bombings in World War II. The main attraction<br/>here is a sculpture by Kurt-Wolf von Borries of a bronze naked man lying<br/>down. The street and square are named after the founding father of the<br/>park, Alfred Brehm. The impressive stock of trees at the park make a visit<br/>more than worthwhile.</p>";
	map.addOverlay(marker);

	var icon = new GIcon(baseIcon);
	var point = new GLatLng(51.226104,6.773286);
	bounds.extend(point);
	var marker = createMarker(point, "Schneider-Wibbel-Gasse", "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Schneider-Wibbel-Gasse</b><br>Five times a day, locals and tourists gather in front of the carillon to marvel at<br/>the glockenspiel, a chiming clock with mechanical figures which re-enact the<br/>story of 'Schneider Wibbel'. The dressmaker who insulted Napoleon and was<br/>sent to prison, yet cleverly avoided his sentence. Over the centuries, Wibbel<br/>has come to represent the typical, 'clever Rhinelander'.</p>", 10);
	gmarkers[9] = marker;
	htmls[9] = "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Schneider-Wibbel-Gasse</b><br>Five times a day, locals and tourists gather in front of the carillon to marvel at<br/>the glockenspiel, a chiming clock with mechanical figures which re-enact the<br/>story of 'Schneider Wibbel'. The dressmaker who insulted Napoleon and was<br/>sent to prison, yet cleverly avoided his sentence. Over the centuries, Wibbel<br/>has come to represent the typical, 'clever Rhinelander'.</p>";
	map.addOverlay(marker);

	var icon = new GIcon(baseIcon);
	var point = new GLatLng(51.219142,6.7966);
	bounds.extend(point);
	var marker = createMarker(point, "Bertha-von-Suttner-Platz", "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Bertha-von-Suttner-Platz</b><br>The square is named after the writer Bertha von Suttner who received the Nobel Peace<br/>Prize in 1905. Modernized during the early eighties, the post-modern atmosphere is<br/>clarified by the many large office buildings, the college which is situated here, water<br/>pools and a couple of big stainless steel sculptures by the artist Klaus Ante. In<br/>summer, the resident cafe puts tables outside and generates a feeling of southern flair.</p>", 1);
	gmarkers[10] = marker;
	htmls[10] = "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Bertha-von-Suttner-Platz</b><br>The square is named after the writer Bertha von Suttner who received the Nobel Peace<br/>Prize in 1905. Modernized during the early eighties, the post-modern atmosphere is<br/>clarified by the many large office buildings, the college which is situated here, water<br/>pools and a couple of big stainless steel sculptures by the artist Klaus Ante. In<br/>summer, the resident cafe puts tables outside and generates a feeling of southern flair.</p>";
	map.addOverlay(marker);
}

function createMarker(point, title, text, index){
	var icon = new GIcon(baseIcon);
	icon.image = "../images/icons/" + index + ".png";
	var marker = new GMarker(point, icon);
	marker.title = "" + title + "";
	GEvent.addListener(marker, "click", function() {
	  marker.openInfoWindowHtml("" + text + "");
	});
	return marker;
}

function myclick(i) {
	gmarkers[i].openInfoWindowHtml(htmls[i]);
}