//Google Map (API)

var map;
var panel;
var dir;
var point = new GLatLng(32.93426232694458, -97.07656860351562); <!-- Set Point of Interest == 'POI' -->
var html = '<span class="mapInfo"><strong class="blue">Vetro Glass Blowing Studio</strong><br />701 South Main Street, #103<br />Grapevine, TX  76051<br />(817) 251-1668</span>';
					 

var address = html + '<span class="mapInfo"  style="position:relative; top:8px;"><br />Directions: <a href="javascript:tohere();">To here</a> - <a href="javascript:fromhere()">From here</a></span>';
var marker = createInfoMarker(point, address); <!-- Initialize POI -->

var gIcon = new GIcon();
GIcon.printImage ='images//black.png';          
		
			

function initializeMap() {
	map = new GMap(document.getElementById("map"));
	panel = document.getElementById("directions");
	map.setCenter(new GLatLng(32.93426232694458, -97.07656860351562), 10); <!-- Center Map on POI & set zoom level -->
	dir = new GDirections(map, panel);
	map.addControl(new GLargeMapControl());
	map.addControl(new GMapTypeControl());
	map.addOverlay(marker);
	marker.openInfoWindowHtml(address);
}				
			

function createInfoMarker(point, address) {
	var marker = new GMarker(point);
	GEvent.addListener(marker, "click",
	function() { marker.openInfoWindowHtml(address); });
	return marker;
}				

function opener() {
	marker.openInfoWindowHtml(address);
}

function tohere() {
	marker.openInfoWindowHtml(to_htmls);
}
	  
function fromhere() {
	marker.openInfoWindowHtml(from_htmls);
}
	  
function getDirections() {
	var saddr = document.getElementById("saddr").value
	var daddr = document.getElementById("daddr").value
	dir.load("from: "+saddr+" to: "+daddr); 
}



var to_htmls = html + '<span class="mapInfo"><br />Directions: <b>To here</b> - <a href="javascript:fromhere()">From here</a>' +
	 '<br></span><span class="mapInfo" style="position:relative; top:8px;">Start address:<form action="javascript:getDirections()">' +
	 '<input type="text" SIZE=20 MAXLENGTH=40 name="saddr" id="saddr" value="" />&nbsp;&nbsp;' +
	 '<INPUT value="Get Directions" TYPE="SUBMIT">' +
	 '<input type="hidden" id="daddr" value="'+name+"@"+ point.lat() + ',' + point.lng() + 
	 '"/></span>';		   
var from_htmls = html + '<span class="mapInfo"><br />Get Directions</b>: <a href="javascript:tohere()">To here</a> - <b>From here</b>' +
	 '<br></span><span class="mapInfo" style="position:relative; top:8px;">End address:<form action="javascript:getDirections()">' +
	 '<input type="text" SIZE=20 MAXLENGTH=40 name="daddr" id="daddr" value="" />&nbsp;&nbsp;' +
	 '<INPUT value="Get Directions" TYPE="SUBMIT">' +
	 '<input type="hidden" id="saddr" value="'+name+"@"+ point.lat() + ',' + point.lng() +
	 '"/></span>';