$(document).ready(function() {
  // Mount Gipps Stations GPS
  var latlng = new google.maps.LatLng(-31.629817, 141.557142);

  // Main Map
  var mapOptions = {
    mapTypeControl: true,
    navigationControl: true,
    navigationControlOptions: {style: google.maps.NavigationControlStyle.ZOOM_PAN}
  };
  var map = new google.maps.Map(document.getElementById("mapCanvas"), mapOptions);

  // Overlay Map Code - http://dl.google.com/io/2009/pres/Th_1045_Maps_API_Mobile.pdf

  // Small overlay map
  var overlayMapOptions = {
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    disableDefaultUI: true
  }
  var overlayMap = new google.maps.Map(document.getElementById('overlayMap'), overlayMapOptions);

  // Sync map/overlay zoom
  google.maps.event.addListener(map, 'zoom_changed', function() {
    var newZoom = Math.max(map.getZoom() - 3, 0);
    if (overlayMap.getZoom() != newZoom) overlayMap.setZoom(newZoom);
  });

  google.maps.event.addListener(overlayMap, 'zoom_changed', function() {
    var newZoom = overlayMap.getZoom() + 3;
    if (map.getZoom() != newZoom) map.setZoom(newZoom);
  });

  // Sync maps
  overlayMap.bindTo('center', map, 'center');

  var marker = new google.maps.Marker({
      position: latlng,
      map: map,
      title:"Mount Gipps Station"
  });

  map.controls[google.maps.ControlPosition.RIGHT].push(document.getElementById('overlayMap'));

  // Set map's properties now that all bindings and listeners are set up.
  map.setZoom(8);
  map.setCenter(latlng);
  map.setMapTypeId(google.maps.MapTypeId.TERRAIN);

  $(".imagebox a").fancybox({
    'titleShow'     : false
	});

  $('#fbbox').html('<script type="text/javascript">FB.init("ab818d420352224026aef965ac51e458");</script><fb:fan profile_id="404282242577" stream="0" connections="10" logobar="1"></fb:fan>');
});