//Google Map (API)

var map;
var panel;
var dir;
var point;
var html = '<span class="mapInfo"><strong>Centex Machining, Inc.</strong><br />1513 Sam Bass Road<br />Round Rock, TX 78681<br /><strong>(512) 255.1477</strong></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;
       		
var to_htmls;		   
var from_htmls;


function initializeMap() {
	map = new GMap2(document.getElementById("map"));
	point = new GLatLng(30.51701, -97.70038); 
	map.setCenter(point, 15);
	
	panel = document.getElementById("directions"); 
	dir = new GDirections(map, panel);
	
	marker = createInfoMarker(point, address); 
	map.addOverlay(marker);
	marker.openInfoWindowHtml(address);
	
	map.setUIToDefault();

	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>';
	 
	 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>';
	
}				
			

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); 
}