var map;
function initializeMap() {
	if(GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("map_canvas"));
		map.size = new GSize(430,370);
		map.setMapType(G_NORMAL_MAP);
		map.setCenter(new GLatLng(latitude, longitude), 12);
		map.setUIToDefault();		
		
		// hide tab 3 after map generated
		// bug using style=display:none on div tag
		document.getElementById("tab3").style.display = "none";
	}
}

function clearMap() { 
	map.clearOverlays();
	map.setCenter(new GLatLng(latitude, longitude), 12);
} 


function displayMarker(lon, lat, info, image) {
	// add a marker
	var icon = new GIcon(G_DEFAULT_ICON);
	if(image) {
		icon.image = image;
		icon.iconSize = new GSize(22, 22);
	}
	markerOptions = { icon:icon };
	var landmark = new GLatLng(lat, lon);
	var marker = new GMarker(landmark, markerOptions);
	var tooltip = new Tooltip(marker,info,4);
	marker.tooltip = tooltip;
	
	map.addOverlay(marker);
	map.addOverlay(tooltip);
	
	GEvent.addListener(marker,'mouseover',function(){
		this.tooltip.show();
	});
	GEvent.addListener(marker,'mouseout',function(){
		this.tooltip.hide();
	});

	// move map
	map.panTo(new GLatLng(lat, lon));
}


function displayHotel(lon, lat, info, image, url) {
	var point = new GLatLng(lat, lon);
	var marker = new GMarker(point);
	var tooltip = new Tooltip(marker,info,4,image,url);
	marker.tooltip = tooltip;
	
	map.addOverlay(tooltip);
	tooltip.show();
	// zoom in
	map.setZoom(16);
	// move map
	map.panTo(new GLatLng(lat, lon));
}