// setup globals
var map, search, from, to, fromTo, infoWindowListener, searched, searchedLat, searchedLng, hasSearched = false, zoom = 5, flag = false, full = false, marker = new Array(), markers = new Array(), clubMarker = new Array();

var mapdefs = new Object();
mapdefs['nl'] = new Object();
mapdefs['nl']['lng'] = 52.132633;
mapdefs['nl']['lat'] = 5.291266;
mapdefs['nl']['zm'] = 8;
mapdefs['eu'] = new Object();
mapdefs['eu']['lng'] = 49.5;
mapdefs['eu']['lat'] = 2.0
mapdefs['eu']['zm'] = 5;

function showFilterPanel(show) {
	if (show) {
		$('#advanced-tips').addClass('shown');
		$('#advanced-tips span').html(lang.get('hide'));
		$('#advanced-tips img').attr("src","/static/images/core/bullet_triangle_green_up.gif");
		$('#club_search #search_panel .bot').slideDown();	
	} else {
		$('#advanced-tips').removeClass('shown');
		$('#advanced-tips span').html(lang.get('show'));
		$('#advanced-tips img').attr("src","/static/images/core/bullet_triangle_green_down.gif");
		$('#club_search #search_panel .bot').slideUp();
	}
}

// set state and attach events
$(document).ready(function() {
					
	$('form input[type="text"]').each(function() {
		if ($(this).attr('id')!='txtSearch') {
			$(this).val($('label[for="'+$(this).attr('id')+'"]').html());
			$('label[for="'+$(this).attr('id')+'"]').hide();
		}
	});
	$('form input[type="text"]').focus(function() {
		if($(this).val() == $('label[for="'+$(this).attr('id')+'"]').html()) {
			$(this).val('');
		}
	});
	$('form input[type="text"]').blur(function() {
		if($(this).val() == '') {
			$(this).val($('label[for="'+$(this).attr('id')+'"]').html());
		}
	});
	$('form').submit(function() {
		$('form input[type="text"]').each(function() {
			if($(this).val() == $('label[for="'+$(this).attr('id')+'"]').html()) {
				$(this).val('');
			}
		});
	});
	
	$('*').removeClass('nojs_hidden');
	
	$('#map_view_button').addClass('selected');
	$('#list_view_button').removeClass('selected');
	$('#reset_map').addClass('on');
	
	$('.click_show').show();
	$('#list_view').hide();
	$('#advanced-tips').click(function() {		
		if ($(this).hasClass('shown')) {
			showFilterPanel(false);
			$('#langen').attr('href', '/en/home/clubs');
			$('#langnl').attr('href', '/nl/home/clubs');
		} else {
			showFilterPanel(true);
			$('#langen').attr('href', '/en/home/clubs?showpanel=true');
			$('#langnl').attr('href', '/nl/home/clubs?showpanel=true');
		}
	});
	
	$('.click_show').click(function() {
		$(this).hide();
		$('.click_hide').show();
		$('#filter_toggle').slideDown();
	});
	
	$('.click_hide').click(function() {
		$(this).hide();
		$('.click_show').show();
		$('#filter_toggle').slideUp();
	});
	
	$('#map_view_button').click(function() {
		$('#map_view').fadeIn();
		$('#list_view').fadeOut();
		$('#view_container').height($('#map_view').height());
		$(this).addClass('selected');
		$('#list_view_button').removeClass('selected');
		if($('#directions').html() != ' ') {
			$('#directions').show();
			$('#directions_control').show();
		}
		return false;
	});

	$('#list_view_button').click(function() {
		$('#map_view').fadeOut();
		$('#list_view').fadeIn();
		$('#view_container').height($('#list_view').height());
		$(this).addClass('selected');
		$('#map_view_button').removeClass('selected');
		$('#directions').hide();
		$('#directions_control').hide();
		return false;
	});
	
	$('#list_view').css({position:"absolute"});
	$('#view_container').height($('#map_view').height());

	$('#directions_control').click(function() {
		if($(this).hasClass('off')) {
			$('#directions').css({opacity:0}).animate({
				width:"700px",
				paddingLeft:"10px",
				paddingRight:"10px",
				marginLeft:"8px",
				marginRight:"10px",
				opacity:0.9
			},1000);
			$(this).removeClass('off');
			$(this).attr('src', '/static/images/clubsearch/directions-close.gif');
		} else {
			$('#directions').animate({
				width:"0",
				paddingLeft:"0",
				paddingRight:"0",
				marginLeft:"0",
				marginRight:"0",
				opacity:0
			},1000);
			$(this).addClass('off');
			$(this).attr('src', '/static/images/clubsearch/directions-open.gif');
		}
	});
	
	$('#reset_map').click(function() {
		hasSearched = false;
		defaultMap();
		clearDirections();
		$('#search_results_message').html(' ');
		$('#search_results_control').slideUp();
		$('#club_regions_list').show();
		$('#club_search_list').html(' ');
		updateList(999);
		adjustRegions();
		adjustMarkers();
//		$('.click_hide').hide();
//		$('.click_show').show();
		showFilterPanel(false);	
		return false;
	});
	
	$('#search_results_control img').click(function() {
		$('#reset_map').trigger('click');
	});
	
	$('#region_control ul li a.region').click(function() {
		attachRegionMenuAnimation(this);
		return false;
	});
	
	$('#all_regions').click(function() {
		$('#reset_map').trigger('click');
	});
	
	$('#club_select').change(function() {
		if($(this).val()) {
			if($(this).val()=='go_to_uk') {
				$('#uk_clubs a').trigger('click');
			} else {
				window.location = $(this).val();
			}
		}
	});
	
	$('#location_search').submit(function() {
		if($(this).parent().find('#postcode').val()) {
			clearDirections();
			locationSearch($(this).parent().find('#postcode').val()+', NL');
			$('#filters').slideUp();
		}
		return false;
	});
	
	$('#filter_search').submit(function() {
		var data = $(this).serialize();
		var region = getRegion();
		data += '&region=' + region;
		adjustRegions(data);
		adjustMarkers(data);
		updateList(999, data);
		return false;
	});
	
	$('#uk_clubs a').click(function() {
		$('#location_search').show();
		$('#uk').show();		
		$('#europe').hide();
		$(this).addClass('selected');
		$('#european_clubs a').removeClass('selected');
		$('#postcode').val(lang.get('Search by postcode'));
		$("label[for='postcode']").html(lang.get('Search by postcode')); 
//		adjustRegions();
//		defaultMap();
//		resetClubList();
//		$('#reset_map').trigger('click');
		$('#club_regions_list>ul>li>ul').css('display', 'block');
		return false;
	});
	
	$('#european_clubs a').click(function() {
		$('#location_search').hide();
		$('#uk').hide();
		$('#europe').show();
		$(this).addClass('selected');
		$('#uk_clubs a').removeClass('selected');
		showFilterPanel(false);
		
//		$('#postcode').val('Search by region');
//		$("label[for='postcode']").html('Search by region'); 
//		adjustRegions();
//		defaultMap();
//		resetClubList();
//		$('#reset_map').trigger('click');
		return false;
	});
	
	attachPageClicks();

	initialiseMap();
	//$('#advanced-tips').trigger('click');	
	$('#club_regions_list>ul>li>ul').css('display', 'block');
	
	if (postcode!='') {
		$('#postcode').val(postcode);
		$('#location_search').trigger('submit');
	}
	if (tabOpen=='true') $('#advanced-tips').trigger('click');
});

function _GET(s) {
	var vars = [], hash;
	var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
	for(var i = 0; i < hashes.length; i++) {
		hash = hashes[i].split('=');
		vars.push(hash[0]);
		vars[hash[0]] = hash[1];
		console.log(hash[0]+' : '+hash[1]);
	}
	if (vars[s]) return vars[s];
	else return false;
}

function resetClubList() {
	$('#club_select').find('option').remove();
	$.get('/static/ajax/clubsearch.php?_ajaxlang='+_lang+'&action=resetClubList&mode='+pageMode(), function(data) {
		$('#club_select').html(data);
	});
}

function euroTabSifr() {
	sIFR.replaceElement("#europe h2", named({sFlashSrc: "/static/fonts/din-bold.swf", sColor: "#ffffff", sBgColor: "#272727", sCase: "upper", sWmode: "transparent"}));
	sIFR.replaceElement("#europe h3", named({sFlashSrc: "/static/fonts/din-bold.swf", sColor: "#ffffff", sBgColor: "#272727", sCase: "upper", sWmode: "transparent"}));
}


function getRegion() {
	var region = $('#club_regions_list a.selected').attr('href');
	if(!region) {
		region = 999
	} else {
		region = region.substr(8);
	}
	return region;
}


function attachPageClicks() {
	$('.paging a').click(function() {
		var page = $(this).html();
		if(page == 'Prev' || page == 'Next') {
			page = $(this).attr('rel');
		}
		if(hasSearched) {
			data = [];
			data.lat = searchedLat;
			data.lng = searchedLng;
			data.searched = searched;
			data.page = page;
			updateList(0, data);
		} else {
			var data = $('#filter_search').serialize();
			data += '&page=' + page;
			var region = getRegion();
			updateList(region, data);
		}
		return false;
	});
}

function attachRegionMenuAnimation(obj) {
	closeRegions();
	$(obj).addClass('selected');
	$(obj).parent().find('ul').slideDown();
	updateMap($(obj).parent().attr('id'));
}


function adjustRegions(data) {
	if ($('#uk_clubs a').hasClass('selected')) {
		action = 'regions';
	} else {
		action = 'countries';
	}	
	
	$.get('/static/ajax/clubsearch.php?_ajaxlang='+_lang+'&action='+action+'&'+data, function(data) {
		$('#club_regions_list').html(data);
		if (pageMode()=='uk') {
			$('#club_regions_list>ul>li>ul').show();
		}
		$('#region_control ul li a.region').click(function() {
			attachRegionMenuAnimation(this);
			return false;
		});
	});
}


function adjustMarkers(data) {
	
	if ($('#uk_clubs a').hasClass('selected')) {
		var func = 'uk';
		var countryID = 6;
	} else {
		var func = 'eu';
		var countryID = 0;
	}
	$.getJSON('/static/ajax/clubsearch.php?_ajaxlang='+_lang+'&countryID='+countryID+'&func='+func+'&action=lettermarkers&'+data, function(data) {
		letterMarkers = data;
		if(map.getZoom() <= 9) {
			plotMarkers(letterMarkers, 2); // when we zoom in a bit show the letters
		}
		zoom = map.getZoom();
	});
//	$.getJSON('/static/ajax/clubsearch.php?_ajaxlang='+_lang+'&func='+func+'&action=regionmarkers&'+data, function(data) {
//		regionMarkers = data;
//		if(map.getZoom() < 9) {
//			plotMarkers(regionMarkers, 1); // when we zoom out a bit show the regions
//		}
//		zoom = map.getZoom();
//	});
}


function clearDirections() {
	if(!$('#directions_control').hasClass('off')) {
		$('#directions_control').trigger('click');
	}
	$('#directions_control').hide();
	$('#directions').html('&nbsp;');
}


// find the region we clicked
function updateMap(id) {
	region = id.substr(6);
	data = $('#filter_search').serialize();
	updateList(region, data);
	$.each(regionMarkers.markers, function(i, data2) {
		if(data2.region == region) {
			focusMarkers(data2);
			return;
		}
	});
}


// updates list view
function updateList(region, data) {
	if(!region) region = 999;
	var extra = '';
	if(data && data.lat) {
		if(data.page) {
			page = data.page;
		} else {
			page = 1;
		}
		extra = '&lat=' + data.lat + '&lng=' + data.lng + '&searched=' + data.searched + '&page=' + page;
	} else if(data) {
		extra = '&' + data;
	}
	$.get('/static/ajax/clubsearch.php?_ajaxlang='+_lang+'&action=list&region='+region+extra, function(data) {
		$('#list_view_content').html(data);
		attachPageClicks();
		if($('#list_view_button').hasClass('selected')) {
			$('#view_container').height($('#list_view').height());
		}
	});
}


// close clubs by regions panels
function closeRegions() {
	if (pageMode()!='uk') {
		$('#region_control ul ul').slideUp();
		$('#region_control ul li a').removeClass('selected');
	}
}


// define markers
function initialiseMap() {
	if (GBrowserIsCompatible() && typeof GIcon !== 'undefined') {
		searchMarker = new GIcon(G_DEFAULT_ICON);
		searchMarker.image = '/static/images/clubsearch/search-marker.png';
		searchMarker.shadow = '/static/images/clubsearch/search-marker-shadow.png';
		searchMarker.iconSize = new GSize(25, 36);
		searchMarker.shadowSize = new GSize(38, 34);
		searchMarker.iconAnchor = new GPoint(13, 36);
		if(typeof GMap2 == 'undefined'){
			$('#map_view').hide();
			$('#map_view_button').removeClass('selected');
			$('#list_view_button').addClass('selected');
			$('#list_view').show();
			$('#view_container').height($('#list_view').height());
			$('#map_view').html('<b style="display: block; padding: 12px; color:#8CC63F;">' + lang.get('googleMapsDownClubSearch') + '</b>');
		}else{
			map = new GMap2(document.getElementById("map_canvas"));
			map.setUIToDefault();
			GEvent.addListener(map, "zoomend", function() {
				updateZoom();
			});
			//map.zoomend
			defaultMap();
			search = new GlocalSearch();
		}
	}
}


// control which markers are viewable and prevent scrolling out too far
function updateZoom() {
	//UK - max zoom 5
	//Europe - max zoom  -
	if ($('#uk_clubs a').hasClass('selected')) {
		var lng = mapdefs['nl']['lng'];
		var lat = mapdefs['nl']['lat'];
		var zm = mapdefs['nl']['zm'];
	} else {
		var lng = mapdefs['eu']['lng'];
		var lat = mapdefs['eu']['lat'];
		var zm = mapdefs['eu']['zm'];
	}
	if(!hasSearched) {
		if(map.getZoom() < zm) {
			map.setCenter(new GLatLng(lng, lat), zm); // prevent zoom out past set level
		}
		if(map.getZoom() > 6 && zoom < 7) {
			plotMarkers(letterMarkers, 2); // when we zoom in a bit show the letters
		}
		if(map.getZoom() < 7 && zoom >= 6) {
			plotMarkers(regionMarkers, 1); // when we zoom out a bit show the regions
		}
		zoom = map.getZoom();
	}
}


// set map to start
function defaultMap() {
	if (pageMode()=='uk') {
		var lng = mapdefs['nl']['lng'];
		var lat = mapdefs['nl']['lat'];
		var zm = mapdefs['nl']['zm'];
		var mode = 2;
		var data = letterMarkers;
	} else {
		var lng = mapdefs['eu']['lng'];
		var lat = mapdefs['eu']['lat'];
		var zm = mapdefs['eu']['zm'];
		var mode = 1;
		var data = regionMarkers;
	}
	
	closeRegions();
	$('#all_regions').addClass('selected');
	map.setCenter(new GLatLng(lng, lat), zm);
	plotMarkers(data, mode);
}


// calculate the appropriate zoom level for the clubs we're about to plot
function focusMarkers(data) {
	var bounds = new GLatLngBounds(new GLatLng(data.minY,data.minX), new GLatLng(data.maxY,data.maxX));  
	var zoom = map.getBoundsZoomLevel(bounds);
	if(zoom > 15) zoom = 15;
	map.setCenter(bounds.getCenter(), zoom);  
	plotMarkers(letterMarkers, 2);
}
function pageMode() {
	if ($('#uk_clubs a').hasClass('selected')) {
		return 'uk'
	} else {
		return 'eu'
	}
}


function print_r(arr, level) {
	var dumped_text = "";
	if(!level) level = 0;
	
	//The padding given at the beginning of the line.
	var level_padding = "";
	for(var j=0;j<level+1;j++) level_padding += "    ";
	
	if(typeof(arr) == 'object') { //Array/Hashes/Objects 
		for(var item in arr) {
			var value = arr[item];
			
			if(typeof(value) == 'object') { //If it is an array,
				dumped_text += level_padding + "'" + item + "' ...\n";
				dumped_text += dump(value,level+1);
			} else {
				dumped_text += level_padding + "'" + item + "' => \"" + value + "\"\n";
			}
		}
	} else { //Stings/Chars/Numbers etc.
		dumped_text = "===>"+arr+"<===("+typeof(arr)+")";
	}
	return dumped_text;
}

// draw markers onto the map and apply click callbacks
function plotMarkers(data, type) {
	map.clearOverlays();
	if (pageMode()=='uk') {
		var dir = 'region-markers';
	} else {
		var dir = 'country-markers';
	}
	
	$.each(data.markers, function(i, data2) {
		if(type != 1) {
			var point = new GLatLng(data2.lat, data2.lng);
			clubMarker = new GIcon(G_DEFAULT_ICON);
			clubMarker.image = '/static/images/clubsearch/club-markers/'+data2.type+'/'+String.fromCharCode(data2.letter)+'.png';
			
			clubMarker.shadow = '/static/images/clubsearch/club-markers/marker-shadow.png';
			clubMarker.iconSize = new GSize(24, 32);
			clubMarker.shadowSize = new GSize(37, 32);
			clubMarker.iconAnchor = new GPoint(12, 32);
			clubMarker.imageMap = [23,0,23,1,23,2,23,3,23,4,23,5,23,6,23,7,23,8,23,9,23,10,23,11,23,12,23,13,23,14,23,15,23,16,23,17,23,18,23,19,23,20,23,21,23,22,23,23,16,24,15,25,15,26,14,27,14,28,13,29,13,30,12,31,11,31,10,30,10,29,9,28,9,27,8,26,8,25,7,24,0,23,0,22,0,21,0,20,0,19,0,18,0,17,0,16,0,15,0,14,0,13,0,12,0,11,0,10,0,9,0,8,0,7,0,6,0,5,0,4,0,3,0,2,0,1,0,0];
			markers[i] = new GMarker(point, clubMarker);

			GEvent.addListener(markers[i],'click', function() {
				markers[i].openExtInfoWindow(map, "cs_info_window", '<div id="info_window_html">Loading...<\/div>', {ajaxUrl: "/static/ajax/clubsearch.php?_ajaxlang="+_lang+"&action=info&id="+data2.id});
				if(infoWindowListener) GEvent.removeListener(infoWindowListener);
				infoWindowListener = GEvent.addListener(map, 'extinfowindowupdate', function(){
					$('#get_directions span').click(function() {
						$('#get_directions span').removeClass('selected');
						$(this).addClass('selected');
					});
					$('#get_directions').submit(function() {
						$('#directions').html('&nbsp;');
						if($('#get_directions #to_here').hasClass('selected')) {
							from = $("#address").val() + ", NL";
							to = point;
							fromTo = 'from';
							getDirections(from);
						} else {
							from = $("#address").val() + ", NL";
							to = point;
							fromTo = 'to';
							getDirections(to);
						}
						return false;
					});
				});
			});
		} else {
			marker = new GIcon(G_DEFAULT_ICON);
			marker.image = '/static/images/clubsearch/'+dir+'/'+data2.name+'-'+data2.total+'.png';
			marker.shadow = '';
			marker.iconSize = new GSize(data2.width, data2.height);
			marker.iconAnchor = new GPoint(Math.floor(data2.width/2), Math.floor(data2.height/2));
			markers[i] = new GMarker(new GLatLng(data2.lat, data2.lng), marker);
			GEvent.addListener(markers[i],'click', function() {
				closeRegions();
				data = $('#filter_search').serialize();
				updateList(data2.region, data);
				$('#region'+data2.region+' a.region').addClass('selected').parent().find('ul').slideDown();
				focusMarkers(data2);
			});
		}
		map.addOverlay(markers[i]);
	});
}


// directions search and display
function getDirections(data) {
	if (_lang=='nl') {
		var txt = 'Aanwijzingen voor dat adres kon niet worden gevonden, kijk u het juiste adres.';
	} else {
		var txt = 'Directions for that address could not be found, please check you entered the correct address.';
	}
				
	search.setSearchCompleteCallback(null, function() {
		if(search.results[0]) {
			var point = new GLatLng(search.results[0].lat, search.results[0].lng);
			if(fromTo == 'from') {
				from = point;
			} else {
				to = point;
			}
			var directions = new GDirections(map, document.getElementById("directions"));
			directions.load('from: ' + from + ' to: ' + to);
			GEvent.addListener(directions, "load", function() {
				map.clearOverlays();
				$('#directions_control').show().attr('src','/static/images/clubsearch/directions-open.gif').addClass('off');
			});
			GEvent.addListener(directions, "error", function() {				
				alert(txt);
			});
		} else {
			alert(txt);
		}
	});
	search.execute(data);
}


// address search and display
function locationSearch(data) {
	search.setSearchCompleteCallback(null, function() {
		if(search.results[0]) {
			$.getJSON('/static/ajax/clubsearch.php?_ajaxlang='+_lang+'&action=distance&lat=' + search.results[0].lat + '&lng=' + search.results[0].lng, function(data) {
				var point = new GLatLng(search.results[0].lat, search.results[0].lng);
				searched = $('#postcode').val();
				searched = searched.replace(/<.*?>/gi, '');
				if(data.total > 0) {
					var bounds = new GLatLngBounds(new GLatLng(data.minY,data.minX), new GLatLng(data.maxY,data.maxX));  
					map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel(bounds));  
					if(data.total == 1) {
						var clubs = 'is <strong>1 club</strong>';
					} else {
						var clubs = 'are <strong>' + data.total + ' clubs</strong>';
					}
					$('#club_regions_list').hide();
					plotMarkers(data, 2);
					data.lat = search.results[0].lat;
					data.lng = search.results[0].lng;
					searchedLat = search.results[0].lat;
					searchedLng = search.results[0].lng;
					data.searched = searched;
					updateSearchList(data);
				} else {
					map.setCenter(point, 8);
					var clubs = 'are no clubs';
				}
				if (_lang == 'nl') {
					$('#search_results_message').html('Er zijn ' + clubs + ' clubs in een straal van 30 mile van \'<strong>' + searched + '</strong>\'');
				} else {
					$('#search_results_message').html('There ' + clubs + ' within a 30 km radius of \'<strong>' + searched + '</strong>\'');
				}				
				
				$('#search_results_control').slideDown();
				map.addOverlay(new GMarker(point, searchMarker));
				hasSearched = true;
			});
		} else {
			if (_lang == 'nl') {
				var txt = 'We konden niet vinden die locatie, kijk u het juiste adres';
			} else {
				var txt = 'We couldn\'t find that location, please check you entered the correct address.';
			}
		}
	});	
	search.execute(data + ', UK');
}


function updateSearchList(data) {
	if(data.total == 1) {
		var text = '1 Club';
	} else { 
		var text = data.total + ' Clubs';
	}	
	var html = '<h3>'+lang.get('YOUR NEAREST CLUBS')+'</h3><ul><li><a href="#" class="region selected">' + text + ' '+lang.get('near')+' \'' + data.searched + '\'</a><ul style="display:block">';
	$.each(data.markers, function(i, data2) {
		html += '<li><strong>' + String.fromCharCode(data2.letter - 32) + '</strong> <a href="/'+_lang+'/home/clubs/' + data2.code + '">' + data2.name + '</a> <span class="distance">' + data2.distance + ' kms</span></li>';
	});
	html += '</ul></li></ul>';
	$('#club_search_list').html(html);
	updateList(0, data);
}