//<![CDATA[
var map;

function load(obj) {
  if (GBrowserIsCompatible()) {
    map = new GMap2(document.getElementById("map"));
    map.addControl(new GMapTypeControl());
    map.addControl(new GLargeMapControl());
    map.setCenter(new GLatLng(obj[0].lat, obj[0].lng), 15);
    map.setMapType(G_NORMAL_MAP);
	createMap(obj);
  }
}

function createMap(obj){
	for(var i=0; i<obj.length; i++){
		var infowindow = '<div style="width: 360px;">';
		if(obj[i].img){
			infowindow += '<img style="float:left; margin-right:10px;" height="100" alt="" src="'+obj[i].img+'" />';
		}
		infowindow += '<p style="padding-right:10px;"><strong><a href="'+obj[i].url+'" target="_blank">'+obj[i].name+'</a></strong><br />'+obj[i].address+'</p><br class="clear" /></div>';
		var marker = createMarker(obj[i].lat, obj[i].lng, infowindow);
		map.addOverlay(marker);
	}
}

function createMarker(lat, lng, infowindow){
	customMarker();
	var marker = new GMarker(new GLatLng(lat, lng), customMarkerObj);
	GEvent.addListener(marker, "click", function(){
		marker.openInfoWindowHtml(infowindow);
		map.setCenter(marker.getPoint());
	});
	return marker;
}

function customMarker(){
	customMarkerObj = new GIcon();
	customMarkerObj.image = "/images/common/marker.png";
	customMarkerObj.shadow = "/images/common/marker_shadow.png";
	customMarkerObj.iconSize = new GSize(32, 43);
	customMarkerObj.shadowSize = new GSize(45,43);
	customMarkerObj.iconAnchor = new GPoint(16, 43);
	customMarkerObj.infoWindowAnchor = new GPoint(16,21);
}

//]]>