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(27.982881,-15.557327), 6);
	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(27.779557,-15.603504);
	bounds.extend(point);
	var marker = createMarker(point, "Palmitos Park", "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Palmitos Park</b><br>Amid beautiful mountains and a countryside<br>setting find Palmitos Park; a large,<br>200,000 m2 botanical garden and aviary.<br>", 1);
	gmarkers[0] = marker;
	htmls[0] = "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Palmitos Park</b><br>Amid beautiful mountains and a countryside<br>setting find Palmitos Park; a large,<br>200,000 m2 botanical garden and aviary.<br>";
	map.addOverlay(marker);


	var icon = new GIcon(baseIcon);
	var point = new GLatLng(27.965833,-15.601112);
	bounds.extend(point);
	var marker = createMarker(point, "Roque Nublo", "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Roque Nublo</b><br>Roque Nublo (Spanish meaning the<br>Rock Clouded) is a monolith feature<br>that is 80m tall. It is one of the most<br>famous landmarks in the island of Gran<br>Canaria. It was formed from a volcanic<br>eruption during the early Earth age.<br>", 2);
	gmarkers[1] = marker;
	htmls[1] = "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Roque Nublo</b><br>Roque Nublo (Spanish meaning the<br>Rock Clouded) is a monolith feature<br>that is 80m tall. It is one of the most<br>famous landmarks in the island of Gran<br>Canaria. It was formed from a volcanic<br>eruption during the early Earth age.<br>";
	map.addOverlay(marker);

	var icon = new GIcon(baseIcon);
	var point = new GLatLng(27.924227,-15.571618);
	bounds.extend(point);
	var marker = createMarker(point, "Aquasur", "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Aquasur</b><br>Aquasur is one of the perfect places<br>for a family day out. With 130,000 sq.<br>meters the biggest water park in Gran<br>Canaria, it provides fun for each<br>and every member of the family with the<br>most amazing aquatic entertainments.<br>", 3);
	gmarkers[2] = marker;
	htmls[2] = "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Aquasur</b><br>Aquasur is one of the perfect places<br>for a family day out. With 130,000 sq.<br>meters the biggest water park in Gran<br>Canaria, it provides fun for each<br>and every member of the family with the<br>most amazing aquatic entertainments.<br>";
	map.addOverlay(marker);

	var icon = new GIcon(baseIcon);
	var point = new GLatLng(28.099357,-15.417155);
	bounds.extend(point);
	var marker = createMarker(point, "Museo Canario", "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Museo Canario</b><br>The main museum in Las Palmas is well<br>worth a visit, boasting the world's largest<br>collection of Cro-Magnon skulls and<br>a few mummies. The museum also gives a<br>comprehensive overview of the life and<br>times of Gran Canaria's original<br>inhabitants. <br>", 4);
	gmarkers[3] = marker;
	htmls[3] = "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Museo Canario</b><br>The main museum in Las Palmas is well<br>worth a visit, boasting the world's largest<br>collection of Cro-Magnon skulls and<br>a few mummies. The museum also gives a<br>comprehensive overview of the life and<br>times of Gran Canaria's original<br>inhabitants.<br>";
	map.addOverlay(marker);

	var icon = new GIcon(baseIcon);
	var point = new GLatLng(27.741809,-15.571082);
	bounds.extend(point);
	var marker = createMarker(point, "Playa de Maspalomas", "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Playa de Maspalomas</b><br>This 10km-long stretch of golden beach<br>has been awarded an EU Blue Flag category<br>in recognition of the quality of<br>the waters, the cleanliness of the beach and<br>the range of facilities on offer.<br>", 5);
	gmarkers[4] = marker;
	htmls[4] = "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Playa de Maspalomas</b><br>This 10km-long stretch of golden beach<br>has been awarded an EU Blue Flag category<br>in recognition of the quality of<br>the waters, the cleanliness of the beach and<br>the range of facilities on offer.<br>";
	map.addOverlay(marker);

	var icon = new GIcon(baseIcon);
	var point = new GLatLng(27.739948,-15.591166);
	bounds.extend(point);
	var marker = createMarker(point, "Campo de Golf Maspalomas", "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Campo de Golf Maspalomas</b><br>This course is easy to get to as it is<br>located in the heart of the largest tourist<br>complex in Gran Canaria. It is<br>surrounded by dunes made of fine sand on<br>one of the world's most famous beaches.<br></p>", 6);
	gmarkers[5] = marker;
	htmls[5] = "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Campo de Golf Maspalomas</b><br>This course is easy to get to as it is<br>located in the heart of the largest tourist<br>complex in Gran Canaria. It is<br>surrounded by dunes made of fine sand on<br>one of the world's most famous beaches.<br></p>";
	map.addOverlay(marker);

	var icon = new GIcon(baseIcon);
	var point = new GLatLng(28.032156,-15.455983);
	bounds.extend(point);
	var marker = createMarker(point, "Caldera de Bandama", "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Caldera de Bandama</b><br>Caldera Bandama is the crater of a volcano<br>in all its majesty, and a reminder of the<br>volcanic origin of the whole archipelago.<br>It is around 1km in diameter, with a 10km<br>perimeter and an average depth of 200 metres.<br></p>", 7);
	gmarkers[6] = marker;
	htmls[6] = "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Caldera de Bandama</b><br>Caldera Bandama is the crater of a volcano<br>in all its majesty, and a reminder of the<br>volcanic origin of the whole archipelago.<br>It is around 1km in diameter, with a 10km<br>perimeter and an average depth of 200 metres.<br></p>";
	map.addOverlay(marker);

	var icon = new GIcon(baseIcon);
	var point = new GLatLng(28.14062,-15.431124);
	bounds.extend(point);
	var marker = createMarker(point, "Parque de Santa Catalina", "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Parque de Santa Catalina</b><br>Located next to La Luz and Las Palmas<br>Ports, this park's wide central area is<br>surrounded by the Science Museum,<br>the Elder Building, a play area for<br>children and a modern tourist<br>office.<br></p>", 8);
	gmarkers[7] = marker;
	htmls[7] = "<p style='font-size: smaller; padding: 0; margin: 0;'><b>Parque de Santa Catalina</b><br>Located next to La Luz and Las Palmas<br>Ports, this park's wide central area is<br>surrounded by the Science Museum,<br>the Elder Building, a play area for<br>children and a modern tourist<br>office.<br></p>";
	map.addOverlay(marker);

	
	map.setZoom(map.getBoundsZoomLevel(bounds));
	map.savePosition();
}

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]);
}