(function($) {
$(function(){
// Namespace.
var golfCourseFinder = {};
/*
* Maps related stuff.
*/
golfCourseFinder.courseMap = null;
golfCourseFinder.geocoder = null;
golfCourseFinder.courses = [];
golfCourseFinder.markers = [];
golfCourseFinder.infoBubble = undefined;
golfCourseFinder.initMap = function() {
golfCourseFinder.geocoder = new google.maps.Geocoder();
var myOptions = {
zoom: 4,
center: new google.maps.LatLng(54.6, -3.5),
panControl: false,
zoomControl: true,
mapTypeControl: true,
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
},
scaleControl: false,
streetViewControl: false,
mapTypeId: google.maps.MapTypeId.ROADMAP,
scrollwheel: false
}
golfCourseFinder.courseMap = new google.maps.Map(document.getElementById("golfCourseFinderMapCanvas"), myOptions);
};
golfCourseFinder.populateCoursesArr = function() {
golfCourseFinder.courses = [];
$('tr.gcs', '.courseFinderTable').each(function(idx, item) {
var course = [
$('.gc-name', this).text(), // Course name
parseFloat($('.gc-name', this).attr('gc-lat')), // Lat
parseFloat($('.gc-name', this).attr('gc-lng')), // Lng
parseFloat($(this).attr('gc-id')), // Result/Course number
golfCourseFinder.templateInfoBubble_v2($('.gc-name', this).text(), $('.gc-name', this).attr('href'), $('.c-adx', this).text(), $('.gc-name', this).attr('gc-lat'), $('.gc-name', this).attr('gc-lng')), // Info bubble inner template
// $('.gc-address', this).attr('c-adx')
// $('.c-adx', this).text(),
]
golfCourseFinder.courses[idx] = course;
});
};
golfCourseFinder.linkMapToResults = function() {
// Populate global courses / markers.
golfCourseFinder.populateCoursesArr();
golfCourseFinder.setMarkers();
// Add bounce effect to markers.
$('table.courseFinderTable tr.gcs').bind('mouseenter mouseleave', function(event) {
var markerIdx = $(this).index('tr.gcs');
if (golfCourseFinder.markers[markerIdx].getAnimation() != null) {
golfCourseFinder.markers[markerIdx].setAnimation(null);
} else {
golfCourseFinder.markers[markerIdx].setAnimation(google.maps.Animation.BOUNCE);
}
});
};
golfCourseFinder.setMarkers = function() {
var bounds = new google.maps.LatLngBounds();
for (var i = 0; i < golfCourseFinder.courses.length; i++) {
var iconId = i + 1;
var course = golfCourseFinder.courses[i];
var myLatLng = new google.maps.LatLng(course[1], course[2]);
var marker = golfCourseFinder.createMarker(myLatLng, course[0], course[3], course[4]);
bounds.extend(myLatLng);
golfCourseFinder.markers[i] = marker; // Populate global markers variable.
}
// For one course results, default bound causes big zoom.
if (golfCourseFinder.courses.length == 1) {
var course = golfCourseFinder.courses[0]
var myLatLng = new google.maps.LatLng(course[1], course[2]);
golfCourseFinder.courseMap.setZoom(10);
golfCourseFinder.courseMap.setCenter(myLatLng);
} else {
golfCourseFinder.courseMap.fitBounds(bounds);
};
};
golfCourseFinder.createMarker = function(myLatLng, title, iconId, infoBubbleText) {
// Marker settings.
// v1
// var iconImageUrl = "http://gmaps-samples.googlecode.com/svn/trunk/markers/green/marker" + iconId + ".png";
// var iconImageOverUrl = "http://gmaps-samples.googlecode.com/svn/trunk/markers/red/marker" + iconId + ".png";
// v2
var iconColour = "8ab470";
var iconColourOver = "f5a430";
var iconImageUrl = "http://chart.googleapis.com/chart?chst=d_map_spin&chld=0.5|0|" + iconColour + "|12|_|" + iconId + "";
var iconImageOverUrl = "http://chart.googleapis.com/chart?chst=d_map_spin&chld=0.5|0|" + iconColourOver + "|12|_|" + iconId + "";
if (iconId > 99) {
iconImageUrl = "http://chart.googleapis.com/chart?chst=d_map_spin&chld=0.5|0|" + iconColour + "|12|_|";
iconImageOverUrl = "http://chart.googleapis.com/chart?chst=d_map_spin&chld=0.5|0|" + iconColourOver + "|12|_|";
};
var iconShadowUrl = "http://www.google.com/mapfiles/shadow50.png";
var iconSize = new google.maps.Size(20, 34);
var iconPosition = new google.maps.Point(0, 0);
var iconHotSpotOffset = new google.maps.Point(9, 34);
var iconShadowSize = new google.maps.Size(37, 34);
// Instantiate markers.
var markerImage = new google.maps.MarkerImage(iconImageUrl, iconSize, iconPosition, iconHotSpotOffset);
var markerImageOver = new google.maps.MarkerImage(iconImageOverUrl, iconSize, iconPosition, iconHotSpotOffset);
var markerShadow = new google.maps.MarkerImage(iconShadowUrl, iconShadowSize, iconPosition, iconHotSpotOffset);
var marker = new google.maps.Marker({
position : myLatLng,
map : golfCourseFinder.courseMap,
title : title,
icon : markerImage,
shadow : markerShadow
});
// Mouseover / out events.
google.maps.event.addListener(marker, "mouseover", function() {
marker.setIcon(markerImageOver);
});
google.maps.event.addListener(marker, "mouseout", function() {
marker.setIcon(markerImage);
});
// Show infoBubble on marker click.
google.maps.event.addListener(marker, "click", function() {
if (golfCourseFinder.infoBubble != undefined) {
golfCourseFinder.infoBubble.close();
}
golfCourseFinder.infoBubble = golfCourseFinder.newInfoBubble(marker, infoBubbleText);
golfCourseFinder.infoBubble.open();
});
return marker;
}
golfCourseFinder.newInfoBubble = function(marker, content){
var bubbleFill = '';
if (marker.title.length < 35) {
bubbleFill = '';
}
myInfoBubble = new InfoBubble({
map: golfCourseFinder.courseMap,
content: bubbleFill,
position: marker.getPosition(),
shadowStyle: 1,
padding: 0,
backgroundColor: '#ffffff',
borderRadius: 4,
arrowSize: 10,
borderWidth: 1,
borderColor: '#aaaaaa',
disableAutoPan: false,
hideCloseButton: false,
arrowPosition: 50,
anchor: true,
anchorPoint: {
y: -34
},
arrowStyle: 0
});
return myInfoBubble;
};
golfCourseFinder.templateInfoBubble_v1 = function(courseName, courseLink, courseAddress){
var drivingInstr = 'Driving directions: from | to'
return '' + courseName + ' Golf Course »
' + courseAddress + '
' + drivingInstr;
};
golfCourseFinder.templateInfoBubble_v2 = function(courseName, courseLink, courseAddress, lat, lng){
var saddrUrl = 'http://maps.google.co.uk/maps?saddr=' + courseName + ' Golf Course@(' + lat + ',' + lng + ')&daddr=&hl=en'
var daddrUrl = 'http://maps.google.co.uk/maps?daddr=' + courseName + ' Golf Course@(' + lat + ',' + lng + ')&saddr=&hl=en'
var drivingInstr = 'Directions: From Here | To Here'
return '' + courseName + '
' + drivingInstr;
};
golfCourseFinder.displayContainer = $('.courseFinderTable');
golfCourseFinder.init = function() {
// Initialize the map.
if ($(golfCourseFinder.displayContainer).length != 0) {
golfCourseFinder.initMap();
golfCourseFinder.linkMapToResults();
};
if ($('.hook_CourseSearchDrillDown').length != 0) {
$('.hook_ExpandSwitch').click(function() {
if ($('.hook_CourseSearchDrillDown').is(':hidden')) {
$('.hook_CourseSearchDrillDown').slideDown();
$('.hook_ExpandSwitch').text('Show Less');
$('.hook_ExpandSwitch').removeClass('exps-down');
$('.hook_ExpandSwitch').addClass('exps-up');
} else {
$('.hook_CourseSearchDrillDown').slideUp();
$('.hook_ExpandSwitch').text('Show More');
$('.hook_ExpandSwitch').removeClass('exps-up');
$('.hook_ExpandSwitch').addClass('exps-down');
}
});
};
};
// Initialize.
golfCourseFinder.init();
$(".distance-sort-switch").gaflyoutmenu({
Flyout: ".menu-sort-distance",
FlyoutCloseButton: ".distance-sort-close",
FlyoutPositionTop: 2,
FlyoutPositionLeft: 0,
TriggerButton: ".distance-sort-switch",
ShowHideSpeed: 120,
GroupBy: "",
linksWork: true
});
$(".txtCoursePicker").gaflyoutmenu({
Flyout: ".menu-auto-helper-course",
FlyoutCloseButton: ".menu-auto-helper-close",
FlyoutPositionTop: 2,
FlyoutPositionLeft: 0,
TriggerButton: ".txtCoursePicker",
ShowHideSpeed: 120,
GroupBy: "",
linksWork: true
});
/*
* Autocomplete for courses and locations combined.
*/
$.widget("custom.courseslocationscomplete", $.ui.autocomplete, {
_renderMenu: function(ul, items) {
var self = this;
var currentCategory = "";
$.each(items, function(index, item) {
if (item.category != currentCategory) {
ul.append('' + convertToPlural(item.category) + '');
currentCategory = item.category;
}
self._renderItem(ul, item);
});
}
});
/*
$('input.txtCoursesLocationsPicker').keyup(function () {
$('#varContainer').val('Null');
});
*/
$('input.txtCoursesLocationsPicker').keypress(function(e) {
var keyCode;
if (window.event) keyCode = window.event.keyCode;
else if(e) keyCode = e.which;
else return true;
if (keyCode !== 13) {
$('#varContainer').val('Null');
}
});
$('input.txtCoursesLocationsPicker').click(function() { $(this).select(); } );
$('input.txtCoursesLocationsPicker').courseslocationscomplete({
minLength: 2,
select: function(event, data) {
if (data.item.category == 'Course') {
$('#varContainer').val('c|' + data.item.seed);
} else {
$('#varContainer').val(data.item.seed);
}
},
open: function(event, ui) {
// console.log('test');
$('.menu-auto-helper-course-location').hide();
},
source: function(request, response) {
$.ajax({
type: 'POST',
url: '/Resources/Golfalot2/Modules/GolfCourse/WS_CoursesLocations_Autocomplete.ashx',
dataType: "json",
data: {keyword: request.term},
success: function (data) {
response($.map(data, function (item) {
return {
label: item.ItemName,
value: item.ItemName,
country: item.Country,
term: request.term,
category: item.ItemType,
seed: item.Seed
}
}));
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
// console.log(errorThrown);
}
});
}
})
.data("courseslocationscomplete")._renderItem = function(ul, item) {
return $("")
.data("item.autocomplete", item)
.append("" + highlightSearchTerm(item.label, item.term) + "
" + renderCountryName(item.category, item.country) + "
\
\
Use 2-FORE!-1 vouchers to get two rounds of golf for the price of one at over 1,000 UK golf courses.
\
\
\
\
Use this option to search for golf courses that accept 2-FORE!-1 vouchers.
\
With 2-FORE!-1 vouchers you can buy two rounds of golf for the price of one at over 1,000 UK golf courses.
\
\
\
\
Open Fairways card entitles both members and up to 7 guests to green fee offers such as \'2 for 1\' at 1600+ courses worldwide.
\
\
\
\
Use this option to search for golf courses that accept Open Fairways membership.
\
Open Fairways card entitles both members and up to 7 guests to green fee offers such as \'2 for 1\' at 1600+ courses worldwide.
\
\
\
\
You can book tee times online at this course. We search the major online tee time providers to find you the best online tee time deal.
\
\
\
\
Use this option to search for golf courses that allow booking tee times online.
\
We search the major online tee time providers to find you the best online tee time deal.
\
\
' + innerHtml + '
');
var flyOutHeight = $('#livetip').innerHeight();
var flyOutWidth = $('#livetip').width();
$('#livetip').css({ "left": position.left + anchorWidth - flyOutWidth + adjHor + "px", "top": position.top + adjVer - flyOutHeight + "px" });;
// $('#livetip').fadeIn(120);
$('#livetip').show();
},
function () {
hide_promoHelper();
}
);
$('.ui-livetip-close').live('click', function() {
hide_promoHelper();
});
function hide_promoHelper() {
$('#livetip').hide();
return false;
};
/*
* Weather forecast search.
*/
// Weather textbox tip.
/*
if ($("#txt_WeatherSearch_hook").is('*')) {
$.getScript('/Resources/Golfalot2/Modules/jQueryExample/jquery.example.min.js', function() {
jQuery('#txt_WeatherSearch_hook').example('St. Andrews, Scotland', {
className: 'faint'
});
});
}
*/
$("#txt_WeatherSearch_hook").click(function() { $(this).select(); } );
$('#btn_WeatherSearch_hook').click(function(){
$('div.weatherForecastPlaceholder').fadeTo(200, 0.5, function() {
getWetherForecast();
});
return false;
});
$('#txt_WeatherSearch_hook')
.keypress(function(e) {
var keyCode;
if (window.event) keyCode = window.event.keyCode;
else if(e) keyCode = e.which;
else return true;
if (keyCode == 13) {
$('div.weatherForecastPlaceholder').fadeTo(200, 0.5, function() {
getWetherForecast();
});
return false;
} else return true;
});
function getWetherForecast() {
$.ajax({
type: 'POST',
url: '/Resources/Golfalot2/Modules/Weather/WS_WeatherForecast_Handler.ashx',
dataType: "html",
data: {locationText: $('#txt_WeatherSearch_hook').val()},
success: function (resultData) {
if (resultData === 'noResponse') {
renderWeatherFetchError();
} else {
clearWeatherFetchError()
$('div.weatherForecastPlaceholder').html(resultData);
}
$('div.weatherForecastPlaceholder').fadeTo(20, 1);
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
// console.log('error ocurred');
$('div.weatherForecastPlaceholder').fadeTo(20, 1);
renderWeatherFetchError();
}
});
return false;
};
function renderWeatherFetchError() {
$('.txt_WeatherFetchError').html('This location could not be found.
Try different location.
');
$("#txt_WeatherSearch_hook").addClass('ga_text_error');
}
function clearWeatherFetchError() {
$('.txt_WeatherFetchError').html('');
$("#txt_WeatherSearch_hook").removeClass('ga_text_error');
}
});
})(jQuery);
\
\
