$(function(){
  $('div.height').prepend('<div id="map_canvas" style="display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index:98"></div>');
  loadScript();
  
  $('#school-details').delegate('h4.address', 'click', function() {  
      $('#map_canvas').toggle();
      gmInitialize();
  });
});

var brighton;
var montessori;
var marker;
var map;
  
function loadScript() {
  var script = document.createElement("script");
  script.type = "text/javascript";
  script.src = "http://maps.googleapis.com/maps/api/js?sensor=false&callback=gmInitialize";
  document.body.appendChild(script);
}      

function gmInitialize() {
  
  // var stockholm = new google.maps.LatLng(59.32522, 18.07002);
  // var parliament = new google.maps.LatLng(59.327383, 18.06747);
  brighton = new google.maps.LatLng(50.840875,-0.14291);
  montessori = new google.maps.LatLng(50.841056,-0.137479)
  marker;
  map;  
  
  
  var mapOptions = {
    zoom: 15,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    center: brighton
  };

  map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

  marker = new google.maps.Marker({
    map:map,
    draggable:true,
    animation: google.maps.Animation.DROP,
    position: montessori
  });
  google.maps.event.addListener(marker, 'click', toggleBounce);
}

function toggleBounce() {

  if (marker.getAnimation() != null) {
    marker.setAnimation(null);
  } else {
    marker.setAnimation(google.maps.Animation.BOUNCE);
  }
}