var map;
var icon0;
var newpoints = new Array();

function addLoadEvent(func) { 
	var oldonload = window.onload; 
	if (typeof window.onload != 'function'){ 
		window.onload = func
	} else { 
		window.onload = function() {
			oldonload();
			func();
		}
	}
}

addLoadEvent(loadMap);
addLoadEvent(addPoints);
addLoadEvent(toggleMap);

function loadMap() {
	map = new GMap2(document.getElementById("google_map"));
	map.addControl(new GLargeMapControl());
	map.addControl(new GMapTypeControl());
	map.setCenter(new GLatLng(latY, lonX), 15);
	map.setMapType(G_HYBRID_MAP);
	// G_MAP_TYPE, G_SATELLITE_MAP, G_HYBRID_MAP
	icon0 = new GIcon();
	icon0.image = "http://www.google.com/mapfiles/marker.png";
	icon0.shadow = "http://www.google.com/mapfiles/shadow50.png";
	icon0.iconSize = new GSize(20, 34);
	icon0.shadowSize = new GSize(37, 34);
	icon0.iconAnchor = new GPoint(9, 34);
	icon0.infoWindowAnchor = new GPoint(9, 2);
	icon0.infoShadowAnchor = new GPoint(18, 25);
}

function addPoints() {
	newpoints[0] = new Array(latY, lonX, icon0, kwd, desc); 
	for(var i = 0; i < newpoints.length; i++) {
		var point = new GPoint(newpoints[i][1],newpoints[i][0]);
		var popuphtml = newpoints[i][4] ;
		var marker = createMarker(point,newpoints[i][2],popuphtml);
		map.addOverlay(marker);
	}
}

function createMarker(point, icon, popuphtml) {
	var popuphtml = "<div id=\"map_popup\">" + popuphtml + "<\/div>";
	var marker = new GMarker(point, icon);
	GEvent.addListener(marker, "click", function() {
		marker.openInfoWindowHtml(popuphtml);
	});
	return marker;
}

function toggleMap() {
	var elem = document.getElementById("google_map");
	if(elem){
		if(elem.style.display == 'none' || elem.style.visibility == 'hidden'){
			elem.style.display = 'block';
			elem.style.visibility = 'visible';
		}else{
			elem.style.display = 'none';
			elem.style.visibility = 'hidden';
		}
	}
}