var marker;
var map;

function load() {
	if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById('googlemap'));
		map.setCenter(new GLatLng(41.82858, 23.48010), 15);
		map.setMapType(G_NORMAL_MAP);

		var mapControl = new GMapTypeControl();
		map.addControl(mapControl);
		map.addControl(new GLargeMapControl());

		map.enableScrollWheelZoom();
		map.enableContinuousZoom();
		map.enableDoubleClickZoom();

		// Create a base icon for all of our markers that specifies the
		// shadow, icon dimensions, etc.
		var baseIcon = new GIcon(G_DEFAULT_ICON);
		baseIcon.shadow = "http://www.flyfar.gr/images/google/map_shadow.png";
		baseIcon.shadowSize = new GSize(35, 45);
		baseIcon.iconAnchor = new GPoint(9, 34);
		baseIcon.infoWindowAnchor = new GPoint(9, 2);
		baseIcon.infoShadowAnchor = new GPoint(18, 25);

		// Creates a marker whose info window displays the letter corresponding
		// to the given index.
		function createMarker(point, text, type, index) {

			var icon = new GIcon(baseIcon);
			icon.image =  "http://www.flyfar.gr/images/google/"+type;

			// Set up our GMarkerOptions object
			markerOptions = { icon:icon };
			var marker = new GMarker(point, markerOptions);

			GEvent.addListener(marker, "click", function() {
				marker.openInfoWindowHtml(text);
			});

			return marker;
		}

		// Add markers to the map at random locations
		var point = new GLatLng("41.82852","23.48391");
		map.addOverlay(createMarker(point,"<div class='google_html'>Hotel Lion Bansko</div>","standard.png"));

		var point = new GLatLng("41.82853","23.48411");
		map.addOverlay(createMarker(point,"<div class='google_html'>Hotel Tanne</div>","standard.png"));

        var point = new GLatLng("41.82728","23.47786");
		map.addOverlay(createMarker(point,"<div class='google_html'>Gondola Lift</div>","standard.png"));
		
		var point = new GLatLng("41.824882","23.482874");
		map.addOverlay(createMarker(point,"<div class='google_html'>Orbilux Hotel</div>","standard.png"));
	}
}