$(document).ready(function(){

//Map

$('div#directions').html("<form id='gdir'>Get directions - input your address: <input type='text' name='originLoc' id='originLoc' size=33><br />Are you: <select id='mode'><option value='DRIVING'>Driving</option><option value='WALKING'>Walking</option><option value='BICYCLING'>Bicycling</option></select>  <input type='submit' value='Submit'></form>");
$('span.mapActivate').click(function(){
    
 if ($('#gmap').length) {

var directionDisplay;
var directionsService;
var map;
var marker;
var happyhorse;
  happyhorse = new google.maps.LatLng(40.586354,-105.072278);
   directionsDisplay = new google.maps.DirectionsRenderer();
   directionsService = new google.maps.DirectionsService();
    var myOptions = {
      zoom: 16,
      center: happyhorse,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    
    $('div#mapArea').slideDown(300, function(){
    map = new google.maps.Map(document.getElementById("gmap"), myOptions);
    directionsDisplay.setMap(map);
    directionsDisplay.setPanel(document.getElementById("directionsPanel"));
     marker = new google.maps.Marker({
      position: happyhorse,
      map: map,
      title:"Happy Horse"
        })
     })
  
  $('form#gdir').submit(function(){

     calcRoute($('input#originLoc').val());
     return false;
  });
  function calcRoute(origin) {
  var start = origin;
  var end = "113 Peterson Street, Fort Collins, CO 80524";
    var mode =   document.getElementById("mode").value;

  var request = {
    origin:start,
    destination:end,
    travelMode: google.maps.DirectionsTravelMode[mode]
  };
  directionsService.route(request, function(result, status) {
    if (status == google.maps.DirectionsStatus.OK) {
      directionsDisplay.setDirections(result);
    }
  });
}
  }
})

 //END COMMUNICATION
 });