var directionDisplay;
var directionsService = new google.maps.DirectionsService();
var rendererOptions = {
		draggable: true
};

var map;

function initialize()
{
	directionsDisplay = new google.maps.DirectionsRenderer(rendererOptions);
	var myLatlng = new google.maps.LatLng(54.010909, -2.786525);
	var myOptions = {
	  zoom: 15,
	  center: myLatlng,
	  mapTypeId: google.maps.MapTypeId.ROADMAP
	};
	
	map = new google.maps.Map(document.getElementById("mapInner"),
		    myOptions);
	directionsDisplay.setMap(map);
	directionsDisplay.setPanel(document.getElementById('directionsPanel'));
	
	var image = '/wp-content/themes/roundhouse/z_core/img/structure/elements/pushpin.png';
	  var myLatLng = new google.maps.LatLng(54.011798, -2.791997);
	  var beachMarker = new google.maps.Marker({
	      position: myLatLng,
	      map: map,
	      icon: image
	  });
	
	jQuery('#mapDirections form').submit(function () { getDirections(); return false; });
}

function getDirections()
{
	var mode = $('.radio input:radio[name=dirflg]:checked').val();
        
        if(mode == "d")
            mode = google.maps.DirectionsTravelMode.DRIVING;
        else if(mode == "w")
            mode = google.maps.DirectionsTravelMode.WALKING;
        
        $('#loadingScreen').removeClass("hidden");
        
        
        var start = jQuery('#saddr');
	if(start)
	{
		start = jQuery(start).attr('value');
		var request = {
				origin:start,
				destination:"54.011798, -2.791997",
				travelMode: mode
		};
		directionsService.route(request, function(result, status) {
                    
                $("#mapResults").removeClass("hidden");
                    
				if(status == google.maps.DirectionsStatus.OK) {

                                        $("#directionsPanelError").addClass("hidden");
                                        $("#directionsPanel").removeClass("hidden");
                                        
                                        directionsDisplay.setDirections(result);
					//Cufon.replace('.adp-substep:first-child');
				}
                                else {
                                    $("#directionsPanelError").removeClass("hidden");
                                    $("#directionsPanel").addClass("hidden");
                                }
                                
                                $('#loadingScreen').addClass("hidden");
			});
	}
}

jQuery(document).ready(function () {
    if(jQuery('#mapInner').length)
            initialize();
});