// JavaScript Document

	var map;//for map div
	var panel;//for directions div
	var dir; //for the actual directions
	var point = new GLatLng(35.39117972617749, -82.48755633831024); <!-- Set Point of Interest == 'POI' -->
	var html = '<span class="mapInfo"><strong class="blue">Park Ridge Cardiology</strong><br />'+ <!-- Define popup balloon information -->
									'50 Hospital Dr, Suite 3-B<br />' +
									'Hendersonville, NC 28792<br /></span>';
						 

	var address = html + '<span class="mapInfo"  ><br />Directions: <a href="javascript:tohere()">To here</a> - <a href="javascript:fromhere()">From here</a></span>';
	var marker = createInfoMarker(point, address); <!-- Initialize POI -->
		
			
				
	function initialize() {
		map = new GMap(document.getElementById("map"));//create map
		panel = document.getElementById("directions");
		map.setCenter(new GLatLng(35.39117972617749, -82.48755633831024), 15); <!-- Center Map on POI & set zoom level -->
		dir = new GDirections(map, panel); //create directions panel
		map.addControl(new GLargeMapControl());//add zoom 
		map.addControl(new GMapTypeControl());//add map view selector
		map.addOverlay(marker);//add arrow
		marker.openInfoWindowHtml(address);//create balloon
	}				
				
	
	function createInfoMarker(point, address) {
		//on click populate balloon with the address and get directionslinks
		var marker = new GMarker(point);
		GEvent.addListener(marker, "click",
		function() { marker.openInfoWindowHtml(address); });
		return marker;
	}				

	function opener() { //open info window
		marker.openInfoWindowHtml(address);
	}
	
	function tohere() {//get departure location from user
		marker.openInfoWindowHtml(to_htmls);
	}
		  
	function fromhere() {//get destination location from user
		marker.openInfoWindowHtml(from_htmls);
	}
		  
	function getDirections() { //get directions and put them in the directionsdiv
		var saddr = document.getElementById("saddr").value
		var daddr = document.getElementById("daddr").value
		dir.load("from: "+saddr+" to: "+daddr); 
	}
	
	//formatting for the get directions balloon
	//for the 'To Here' option
	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"><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() + 
		 '"/><br /></span>';
	//for the 'From Here' option
	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"><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() +
		 '"/><br /></span>';	
	
	//custom forms & functions added by jana
	var form1_html = '<form action="javascript:getDirectionsfromForm1()">'+
							'<input type="text" size=20 maxlength=40 name="startaddr" id="startaddr" value="" />'+
							'<input value="Get Directions" type="submit" />'+							
						'</form>';	

	function getDirectionsfromForm1 () { //get directions from form and put them in directionsdiv
		var startaddr = document.getElementById("startaddr").value
		var destaddr = name + "@" + point.lat() + ',' + point.lng();
		dir.load("from: "+startaddr+" to: "+destaddr);
	}
		
	function writeform1 (){//outputs directions form 1
		document.write(form1_html);		
	}