var mapHidden = true;
var firstTime = true;
var lat;
var lon;
$(document).ready(function(){

	if ($("span.geocoords").text() != ',') {

		var coords = $("span.geocoords").text();
		coords = coords.split(',');
		lon = coords[0];
		lat = coords[1];
	
		var counter = 0;
		$('div.box').each(function(){
			if(counter == 0){
			
				$(this).find('div.fl').append('<ul class="bh2"><li><a href="#" id="viewmap"><span>view a map</span></a></li></ul>');
	
			}
			
			counter++;
		});
		
		
		$('a#viewmap').click(function(me){
			me.preventDefault();
	
			if(mapHidden){
				 $('div#mapcontainer').slideDown("fast",function(){
					if(firstTime){
						load();
						firstTime = false;
					}
				 });
				 mapHidden = false;
				$('a#viewmap span').text('hide the map');
			}else{
				hide();
			}
		});
	}
});

function hide(){
	$('div#mapcontainer').hide();
	$('a#viewmap span').text('view a map');
	mapHidden = true;
}


function load() {
	if (GBrowserIsCompatible()) {
	var map = new GMap2(document.getElementById("map"));
	map.addControl(new GSmallMapControl());
	map.addControl(new GMapTypeControl());
	map.setCenter(new GLatLng(lat,lon), 15);
	
	var icon = new GIcon();
	icon.image = "http://www.google.com/mapfiles/marker.png";
	icon.shadow = "http://www.google.com/mapfiles/shadow50.png";
	icon.iconSize = new GSize(20, 34);
	icon.shadowSize = new GSize(37, 34);
	icon.iconAnchor = new GPoint(6, 20);
	icon.infoWindowAnchor = new GPoint(5, 1);
	
	var point = new GLatLng(lat,lon);
	var marker = new GMarker(point, icon);
	map.addOverlay(marker);
  }
}