var map;
var gmarkers = [];
var point;
var bounds = new GLatLngBounds();

var baseIcon = new GIcon();
baseIcon.shadow = "http://www.google.com/mapfiles/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);

function createMarker(point, index) 
{  
	var mapNumber = index + 1;
	var numberIcon = new GIcon(baseIcon);  
	numberIcon.image = iconPath + 'iconr' + ((mapNumber < 26) ? mapNumber : '') +'.png';  
	return new GMarker(point, { icon:numberIcon });  
}

function createHtmlInfo(point, index, p_html)
{
	var marker = createMarker(point, index);
	GEvent.addListener(marker, "mouseover", function(){
		marker.openInfoWindowHtml(p_html);
	});
	return marker;
}

function GMapLoad()
{
  if (GBrowserIsCompatible())
  {
	map = new GMap2(document.getElementById("map"));
	map.addControl(new GLargeMapControl());
	map.addControl(new GMapTypeControl());
	map.setCenter(new GLatLng(lat_default, long_default));

	for (var i = 0; i < data.length; i++)
	{
		point = new GLatLng(data[i][0],data[i][1]);
		bounds.extend(point);
		gmarkers[i] = createHtmlInfo(point, i, '<div class="mapinfopopup">'+data[i][2]+'</div>');
		map.addOverlay(gmarkers[i]);
	}

	setCenter();
  }
}


function setCenter()
{
	map.checkResize();
	map.setZoom(map.getBoundsZoomLevel(bounds));
	var centerLatitude = (bounds.getNorthEast().lat() + bounds.getSouthWest().lat()) /2;
	var centerLongitude = (bounds.getNorthEast().lng() + bounds.getSouthWest().lng()) /2;
	map.setCenter(new GLatLng(centerLatitude,centerLongitude));
}

function showOnMap(p_index)
{
	gmarkers[p_index].openInfoWindowHtml('<div class="mapinfopopup">'+data[p_index][2]+'</div');
	location.href='#map';
}