var directionsDisplay;
var directionsService = new google.maps.DirectionsService();
var map;

function initialize() {
  directionsDisplay = new google.maps.DirectionsRenderer();
  var Vital = new google.maps.LatLng(49.320480,11.053000);
  var myOptions = {
    zoom:14,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    center: Vital,
    navigationControl: true,
    mapTypeControl: true,
    scaleControl: true

  }
  map = new google.maps.Map(document.getElementById("map"), myOptions);
  directionsDisplay.setMap(map);
  directionsDisplay.setPanel(document.getElementById("directions"));
  var image = new google.maps.MarkerImage('images/markers/image.png',
      new google.maps.Size(25, 25),
      new google.maps.Point(0,0),
      new google.maps.Point(1, 24)
  );
  var shadow = new google.maps.MarkerImage('images/markers/shadow.png',
      new google.maps.Size(38, 25)
  );
  var shape = {
      coord: [1, 1, 1, 24, 24, 24, 24 , 1],
      type: 'poly'
  };
  var marker = new google.maps.Marker({
        position: Vital,
        map: map,
        shadow: shadow,
        icon: image,
        shape: shape,
        title: 'Vital Apotheke',
        zIndex: 999
  });
  var Description ="<b>Vital Apotheke</b><br>"+
  	"Inh. Renate Plaumann e.K.<br>"+
  	"Am Falbenholzweg 15<br>"+
  	"91126 Schwabach<br>"+
  	"Tel: ++(0)9122) 87 20 70<br>"+
  	"Fax: ++(0)9122) 87 20 71<br>"+
  	"email: <a href=\"mailto:info@vitalapotheke.net\">info@vitalapotheke.net</a><br>";
  var infowindow = new google.maps.InfoWindow( { content: Description });
  google.maps.event.addListener(marker, 'click', function() { infowindow.open(map,marker); });
}

function calcRoute() {
  var start = document.getElementById("fromAddress").value;
  var end = document.getElementById("toAddress").value;
  var request = {
      origin:start, 
      destination:end,
      travelMode: google.maps.DirectionsTravelMode.DRIVING,
      provideRouteAlternatives:true
  };
  directionsService.route(request, function(response, status) {
    if (status == google.maps.DirectionsStatus.OK) {
      directionsDisplay.setDirections(response);
      document.getElementById("directions").style.display = "block";
    }
  });
}