var rendererOptions = {
    draggable: true
  };
  var directionsDisplay = new google.maps.DirectionsRenderer(rendererOptions);;
  var directionsService = new google.maps.DirectionsService();
  var map;
 
  var latLng = new google.maps.LatLng(52.09655982384829, -2.970059943054133);
 
  function initialize() {
 
    var myOptions = {
      zoom: 15,
      mapTypeId: google.maps.MapTypeId.ROADMAP,
      center: latLng 
    };
    map = new google.maps.Map(document.getElementById("map-canvas"), myOptions);
    directionsDisplay.setMap(map);
    directionsDisplay.setPanel(document.getElementById("directionsPanel"));
 
    var image = 'http://www.wildswimming.co.uk/wp-content/uploads/2014/04/blue.png';
	var myLatLng = new google.maps.LatLng(52.09655982384829, -2.970059943054133);
	var Marker = new google.maps.Marker({
	  position: latLng,
	  map: map,
	  icon: image
	});
    
    var pinkParksStyles = [
{
         featureType: "poi.business",
         elementType: "labels",
         stylers: [
           { visibility: "off" }
         ]
       }
];

map.setOptions({styles: pinkParksStyles});
	
                   document.getElementById('loading_div').style.display="none";

		var content = '<img src="http://www.wildswimming.co.uk/wp-content/uploads//2012/08/12a37613c1f8fc963897f540da90b4c9-150X150.jpg" width="90" height="70" style="float:left; margin:0 11px 22px 0;" alt="Bredwardine, River Wye" /><a href="http://www.wildswimming.co.uk/map/bredwardine-river-wye/" class=ptitle>Bredwardine, River Wye</a><br/><span class=pcontact>Bredwardine, River Wye</span>';
	infowindow = new google.maps.InfoWindow({
	  content: content
	});
	
	////////////////////////////////// Fix by Stiofan hebtech.co.uk for bubble beign hidden on load/////////////////////
		
	google.maps.event.addListener(Marker, 'click', function() {
      infowindow.open(map,Marker);
    });
////////////////////////////////// End Fix by Stiofan hebtech.co.uk for bubble beign hidden on load/////////////////
    
    //calcRoute();
	google.maps.event.addListener(directionsDisplay, 'directions_changed', function() {
      computeTotalDistance(directionsDisplay.directions);
    });
    
/////////////////////////////////////////////////////////////////////////////
        var maxMap = document.getElementById( 'triggermap' );
		google.maps.event.addDomListener(maxMap, 'click', showAlert);
		
		function showAlert() {
       // window.alert('DIV clicked');
		jQuery('#map-canvas').toggleClass('map-fullscreen');
		jQuery('.map_category').toggleClass('map_category_fullscreen');
		jQuery('#trigger').toggleClass('map_category_fullscreen');
		jQuery('body').toggleClass('body_fullscreen');
		jQuery('#loading_div').toggleClass('loading_div_fullscreen');
		jQuery('#advmap_nofound').toggleClass('nofound_fullscreen');
		jQuery('#triggermap').toggleClass('triggermap_fullscreen');
		jQuery('.TopLeft').toggleClass('TopLeft_fullscreen');

		//var darwin = new google.maps.LatLng(-12.461334, 130.841904);
 			 //map.setCenter(darwin);
			 window.setTimeout(function() { 
var center = map.getCenter(); 
google.maps.event.trigger(map, 'resize'); 
map.setCenter(center); 
        }, 100);
      }
////////////////////////////////////////////////////////////////////////////////    
    
    
    
  }
  
  function gtGetTravelMode(){
  var mode = jQuery('#travel-mode').val();
    if (mode=='driving'){return google.maps.DirectionsTravelMode.DRIVING;}
    else if (mode=='walking') {return google.maps.DirectionsTravelMode.WALKING;}
    else if(mode=='bicycling') {return google.maps.DirectionsTravelMode.BICYCLING;} 
    else if (mode=='transit') {return google.maps.DirectionsTravelMode.TRANSIT;}
    else{return google.maps.DirectionsTravelMode.DRIVING;}
  }
  
  function gtGetTravelUnits(){
  var mode = jQuery('#travel-units').val();
    if (mode=='kilometers'){return google.maps.DirectionsUnitSystem.METRIC;}
    else{return google.maps.DirectionsUnitSystem.IMPERIAL;}
  }
 
  function calcRoute() {
  jQuery('#directions-options').show();
 var dest = document.getElementById('fromAddress').value;
    var request = {
      origin: dest,
      destination: "52.09655982384829, -2.970059943054133",
      travelMode: gtGetTravelMode(),
      unitSystem: gtGetTravelUnits(),
    };
    directionsService.route(request, function(response, status) {
      if (status == google.maps.DirectionsStatus.OK) {
        directionsDisplay.setDirections(response);
      }else {alert('Address not found for: '+ dest);}
    });
  }
 
  function computeTotalDistance(result) {
    var total = 0;
    var myroute = result.routes[0];
    for (i = 0; i < myroute.legs.length; i++) {
      total += myroute.legs[i].distance.value;
    }
    totalk = total / 1000
	totalk_round = Math.round(totalk * 100)/100
	totalm = total / 1609.344
	totalm_round = Math.round(totalm * 100)/100
    //document.getElementById("directionsPanel").innerHTML = "<p>Total Distance: <span id='totalk'>" + totalk_round + " km</span></p><p>Total Distance: <span id='totalm'>" + totalm_round + " miles</span></p>";
   
  }   
  google.maps.event.addDomListener(window, 'load', initialize);