// Creates a marker whose info window displays the given number
function createMarker(point, html) {
    var marker = new GMarker(point);

    // Show this marker's index in the info window when it is clicked
    GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(html); });

    return marker;
}

function showGMap(lng, lat, branchname, postcode) 
{
	var map = new GMap(document.getElementById("map"));
	
	map.addControl(new GSmallMapControl());
	map.addControl(new GMapTypeControl());
	map.centerAndZoom(new GPoint(lng, lat), 3);
			
  	var point		= new GPoint(lng, lat);
	
	var html = "<div style=\"width:250px;height:100px;overflow:auto;\">";
	html += '<form class="directions" method="GET" action="http://maps.google.com/maps" target="_blank"">';
	html += "<font face=\"Verdana, Helvetica\" size=\"-4\">";
	html += "<b>" + branchname + "</b><br/>";
	
	html += 'Directions to here - <br/>';
	html += 'Start address:<br/>';

	html +=
	'<input name="saddr" value="'+ postcode +'" type="hidden">' +
	'<input name="daddr" value="" style="width: 16em">' +
	'<input name="hl" value="en" type="hidden">' +
	'<br><input type=\"submit\" value=\"Get Directions\">';
	
	html += "</font></form></div>";
  	
  	var marker		= new createMarker(point, html);
  	
  	map.addOverlay(marker);
}