function geocodeLatLng(geocoder, input) {
	var latlngStr = input.split(',', 2);
	var lat = latlngStr[0]; var lng = latlngStr[1];
	var latlng = {lat: parseFloat(lat), lng: parseFloat(lng)};
	geocoder.geocode({'location': latlng}, function(results, status) {
		if (status === google.maps.GeocoderStatus.OK) {
			if (results) {
				current_center	= results[0].geometry.location;
				for (i=0;i<results.length;i++) {
					if (results[i].types[0] == 'postal_town') {
						current_address = results[i].formatted_address; 
						document.getElementById('origin').value	= current_address;
						break;
					}
				}
				
				if (document.getElementById('origin').value == '') {
					if (document.getElementById('referer')) {
						if (document.getElementById('referer').value != 'specific') {document.getElementById('origin').value	= current_address;}
					} else {document.getElementById('origin').value		= current_address;}
					document.getElementById('origin_lat').value 	= lat;
					document.getElementById('origin_lng').value 	= lng;
				}
				
				document.getElementById('current_lat').value 		= lat;
				document.getElementById('current_lng').value 		= lng;
				document.getElementById('current_info').value 		= current_address;
				
				if (document.getElementById('referer')) {
					to_submit = document.getElementById('referer').value;
					if (to_submit == 'specific') {
						document.getElementById('referer').value 	= 'toilet_form';
					} else if (document.getElementById(to_submit)) {
						document.getElementById(to_submit).submit();
					}
				} 
			} else {
				window.alert('No results found');
			}
		} else {
			window.alert('Geocoder failed due to: ' + status);
		}
	});
}

function getLocation() {
	if (navigator.geolocation) {
		navigator.geolocation.getCurrentPosition(showPosition);
	} else {
		alert('Geolocation is not supported by this browser.');
	}
}

function showPosition(position) {
	var latitude	= position.coords.latitude; 
	var longitude	= position.coords.longitude;
	
	var geocoder 	= new google.maps.Geocoder;
	var latlng		= latitude + ',' + longitude;
	
	if (document.getElementById('referer')) {
		if (document.getElementById('referer').value == 'specific') {
			map.setZoom(10);
			map.setCenter({lat: latitude, lng: longitude});
			update_pin(latitude,longitude);		
		}
	}
	
	geocodeLatLng(geocoder, latlng);
}

function pinSymbol(color) {
    return {
        path: 'M 0,0 C -2,-20 -10,-22 -10,-30 A 10,10 0 1,1 10,-30 C 10,-22 2,-20 0,0 z',
        fillColor: color,
        fillOpacity: 1,
        strokeColor: '#000',
        strokeWeight: 2,
        scale: 1,
   };
}

function getInfo(id, referer) {
	device = navigator.userAgent;
	if (device.match(/iPhone|iPad|iPod|Android/i)) {is_mobile = '1';} else {is_mobile = '0';}
		
	var language = document.getElementById('language').value;
	if (language === '') {language = 'en';}
	language_link = '&language='+ language;
	
	var old_id = document.getElementById('selected_toilet').value;
	if (old_id !== '-') {document.getElementById('selected_toilet').value = id;}
	else 				{document.getElementById('selected_toilet').value = '';}
	
	if (is_mobile === '1') {
		var is_route_planner = false;
		url = window.location.href;		url = url.split('/');
		for (u=0; u<url.length; u++) {url_part = url[u];
			if (url_part.substr(0,17) == 'route_planner.php') {is_route_planner = true;}
		}
		if (is_route_planner === true) {extra = 80;} else {extra = 40;}
	} else {extra = 30;}
	
	var url_extra = '';
	if (is_mobile === '1') {
		map_width = document.getElementById('map').clientWidth;
		width_info = map_width/2;
	} else {width_info	= 220;}
	
	toilet_info 	= document.getElementById('toilet_info');
	toilet_width 	= toilet_info.style.width;
	
	if ((toilet_width === '0px') || (toilet_width === '')) {
		document.getElementById('map').className = 'show_info';
		document.getElementById('toilet_info').className = 'show_me';
		
		if (document.getElementById('directions')) {document.getElementById('directions').className = 'show_info'; }
		
	/*	map_width = document.getElementById('map').clientWidth;
		dir_width = document.getElementById('directions').clientWidth;
		new_map_width = map_width - width_info - extra;
		new_dir_width = dir_width - width_info - extra;
		
		document.getElementById('map').style.width = new_map_width + 'px';
		document.getElementById('directions').style.width = new_dir_width + 'px'; 
		
		document.getElementById('map').setAttribute("class", "show_info");
		toilet_info.style.width = width_info + 'px';
		toilet_info.style.padding = '10px';
		if (is_mobile !== '1') {toilet_info.style.marginRight = '10px';}	*/
	}
	
	var xmlhttp = new XMLHttpRequest();
	xmlhttp.onload = function() {
		if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
			response 	= xmlhttp.responseText;
			response	= response.split("-----");
			colour		= response[0];
			info		= response[2];
			latlng		= response[1];	latlng		= latlng.split(",");
			lat			= latlng[0];	lng			= latlng[1];
			
			var geocoder 	= new google.maps.Geocoder;
			var latlng 		= {lat: parseFloat(lat), lng: parseFloat(lng)};
/*			if (referer == 'toilet'){
				geocoder.geocode({'location': latlng}, function(results, status) {
					if (status === google.maps.GeocoderStatus.OK) {if (results) {
						for (i=0;i<results.length;i++) {
							if (results[i].types[0] == 'postal_town') {
								current_address = results[i].formatted_address; 
								document.getElementById('origin').value	= current_address;
								break;
							}
						}
					}}
				});
			} */
			
			document.getElementById("info").innerHTML = info;
			if (referer == 'toilet') {
				if (document.getElementById('dest_lat')) {
					document.getElementById('dest_lat').value 	= document.getElementById('lat').value;
					document.getElementById('dest_lng').value 	= document.getElementById('lng').value;
					document.getElementById('dest').value 		= document.getElementById('building').value;
				}
				
				if (document.getElementById('dest_id')) {	document.getElementById('dest_id').value = id;}
				if ((lat != '') && (lng != '')) {
					if (document.getElementById('directions_form')) {	
						document.getElementById('toilet_name').innerHTML = document.getElementById('building').value;
						document.getElementById('directions_form').style.display = 'inline';
						var directions_button = document.getElementById('toilet_name_button').style;
						if (colour == '0') {
							directions_button.backgroundColor = '#000000';
							directions_button.borderColor = '#FF0000';
						} else {					
							directions_button.borderColor = '#000000';
							if (colour == '1') {directions_button.backgroundColor = '#008D07';}
							else if (colour == '2') {directions_button.backgroundColor = '#E2CA00';}
							else if (colour == '3') {directions_button.backgroundColor = '#FF0000';}
						}
					}
				}
			} else if (referer == 'route') {
				if (document.getElementById('travel_mode').value == 'transit') {
					if (document.getElementById('toilet_list').value != '') {
						document.getElementById('via_form').style.display = 'none';
					} else {document.getElementById('via_form').style.display = 'block';}
				}
			}
			
			movePage('form_route');
		}
	};
	
	if (referer != '') {
		url_extra = "&referer=" + referer;
		if (referer == 'route') {
			travel_mode = document.getElementById('travel_mode').value;
			if (document.getElementById('via')) {
				url_extra += "&via="+ document.getElementById('via').value;
			}
			url_extra += "&travel_mode="+travel_mode;
			
			toilet_list = document.getElementById('toilet_list').value;
			if (toilet_list.length > 0) {
				toilet_list = toilet_list.split(',');
				toilet_list_length = toilet_list.length;
				for (i=0;i<toilet_list_length;i++) {
					url_extra += "&tl_length="+toilet_list_length;
					if (toilet_list[i] == id) {
						url_extra += "&active=true";
					}	
				}
			} else {url_extra += "&tl_length=0"}
		} else if (referer == 'toilet') {
			var origin			= document.getElementById('origin').value;
			var origin_lat 		= document.getElementById('origin_lat').value;
			var origin_lng		= document.getElementById('origin_lng').value;
			var current			= document.getElementById('current_info').value;
			var current_lat 	= document.getElementById('current_lat').value;
			var current_lng		= document.getElementById('current_lng').value;
			
			if (origin != '') {
				url_extra += "&origin=" + origin + "&origin_lat=" + origin_lat + "&origin_lng=" + origin_lng + "&current_lat=" + current_lat + "&current_lng=" + current_lng;
			} else {
				url_extra += "&origin=" + current + "&origin_lat=" + current_lat + "&origin_lng=" + current_lng + "&current_lat=" + current_lat + "&current_lng=" + current_lng;
				document.getElementById('origin').value 		= current;
				document.getElementById('current_lat').value 	= current_lat;
				document.getElementById('origin_lat').value 	= current_lat;
				document.getElementById('current_lng').value 	= current_lng;
				document.getElementById('origin_lng').value 	= current_lng;
			}
		}
	}
	
	if (typeof(marker_list) !== 'undefined') {
		marker_new = marker_list[id];
		marker_new_icon = marker_new.icon;
		marker_new_icon = marker_new_icon.replace(".png", "_active.png");
		marker_new.setIcon(marker_new_icon);
		marker_new.setOptions({'opacity': 1})
	}
	
	if (old_id != '') {
		marker_old = marker_list[old_id];
		marker_old_icon = marker_old.icon;
		marker_old_icon = marker_old_icon.replace("_active", "");
		marker_old.setIcon(marker_old_icon);
		marker_old.setOptions({'opacity': 0.7})
	}
	
	if (document.getElementById('dest_id')) {dest = '&dest_id=' + document.getElementById('dest_id').value;}
	else {dest = '';}
	
	url = "toilet_info.php?toilet_id=" + id + language_link + dest;
	if (url_extra != '') {url = url + url_extra;}
	xmlhttp.open("GET", url, true);
	xmlhttp.send();
}

function place_info(which, place, type, action) {
	var place_lat = place.geometry.location.lat();
	var place_lng = place.geometry.location.lng();
	
	if (type == 'latlng') {
		if (document.getElementById(which + '_lat')) 	{document.getElementById(which + '_lat').value = place_lat;}
		if (document.getElementById(which + '_lng')) 	{document.getElementById(which + '_lng').value = place_lng;}
	} else if (type == 'viewport') {
		var ne_lat		= place.geometry.viewport.getNorthEast().lat();
		var ne_lng		= place.geometry.viewport.getNorthEast().lng();
		var sw_lat		= place.geometry.viewport.getSouthWest().lat();
		var sw_lng		= place.geometry.viewport.getSouthWest().lng();
		var town		= place.name;
		var search_type	= place.types[0];
		
		if (document.getElementById(which + '_lat')) 	{document.getElementById(which + '_lat').value 		= place_lat;}
		if (document.getElementById(which + '_lng')) 	{document.getElementById(which + '_lng').value		= place_lng;}
		if (document.getElementById(which + '_ne_lat')) {document.getElementById(which + '_ne_lat').value	= ne_lat;}
		if (document.getElementById(which + '_ne_lng')) {document.getElementById(which + '_ne_lng').value	= ne_lng;}
		if (document.getElementById(which + '_sw_lat')) {document.getElementById(which + '_sw_lat').value	= sw_lat;}
		if (document.getElementById(which + '_sw_lng')) {document.getElementById(which + '_sw_lng').value	= sw_lng;}
		if (document.getElementById(which + '_town'))	{document.getElementById(which + '_town').value 	= town;}
		if (document.getElementById(which + '_type'))	{document.getElementById(which + '_type').value		= search_type;}
		if (document.getElementById(which + '_pc_town')){
			var address_parts = place.address_components;
			for (i=0;i<address_parts.length;i++) {
				if 		(address_parts[i].types[0] == 'postal_town')	{document.getElementById(which + '_pc_town').value		= address_parts[i].long_name;}
				else if (address_parts[i].types[0] == 'country')		{document.getElementById(which + '_pc_country').value	= address_parts[i].short_name;}
			}
		}
	} else {
		place_id = place.place_id;
		box_name = which + '_placeid';
		document.getElementById(box_name).value = place_id;		
	}
	
	if ((which == 'origin') && (action == 'toilet_form')) {
		document.getElementById('center_lat_lng').value = place_lat +','+ place_lng;
	//	var place_latlng = new google.maps.LatLng(place_lat, place_lng);
	//	me_marker.setPosition(place_latlng);
	}
	
	if (action == 'toilet_form') {
		document.getElementById(action).submit();
	}
}

function update_pin(lat,lng) {
	var place_latlng = new google.maps.LatLng(lat, lng);
	if (typeof(me_marker) !== 'undefined') {
		me_marker.setPosition(place_latlng);
	} else {
		var me_marker = new google.maps.Marker({
			position: place_latlng, 
			map: map, 
			icon: '/images/marker/me.gif', 
			title: 'You are here', 
			opacity: 1, 
			optimized: false
		});	
	}
}

function make_destination (lat, lng, name, toilet_id) {
	document.getElementById('dest_lat').value = lat;
	document.getElementById('dest_lng').value = lng;
	document.getElementById('dest_id').value = toilet_id;
	document.getElementById('dest').value = name;
	document.getElementById('route_planner').submit();
}

function add_waypoint(toilet_id) {
	current = document.getElementById('toilet_list').value;
	if (current !== '') {
		document.getElementById('toilet_list').value = current + ',' + toilet_id;
	} else {
		document.getElementById('toilet_list').value = toilet_id;
	}
	document.getElementById('route_planner').submit();
}

function drop_waypoint(toilet_id) {
	current = document.getElementById('toilet_list').value;
	
	if (current.indexOf(',') > -1) {
		current_list = current.split(',');
		for (i=0;i<current_list.length;i++) {
			if (current_list[i] == toilet_id) {
				current_list.splice(i, 1);
			}
		}
		new_value = current_list.join(',');
	} else {
		new_value = '';
	}
	
	document.getElementById('toilet_list').value = new_value;
	document.getElementById('route_planner').submit();
}

function go_to_place(lat, lng, coords) {
	var bounds = new google.maps.LatLngBounds();
	var place = new google.maps.LatLng(lat, lng);
	
	if (coords != '') {
		var path = google.maps.geometry.encoding.decodePath(coords);
		for (var i=0; i < path.length; i++) {
			bounds.extend(path[i]);
		}
		map.fitBounds(bounds);
	} else {
		map.setZoom(17);
	}
				
	map.panTo(place);
	window.scroll(0, 380);
	
	show_me('zoom_button');
}

function reset_zoom() {	
	var bounds_in = document.getElementById('zoom_level').value;
	bounds_in = bounds_in.replace(/[( )]+/g,"");
	bounds_in = bounds_in.split(",");
	
	ne = new google.maps.LatLng(bounds_in[0], bounds_in[1]);
	sw = new google.maps.LatLng(bounds_in[2], bounds_in[3]);
	
	bounds.extend(ne);
	bounds.extend(sw);
	map.fitBounds(bounds);
	
	setTimeout(function(){ hide_me('zoom_button'), 1});
}

function submit_form(form_name) {
	document.getElementById(form_name).submit();	
}

function show_directions(flightpath_name, directions) {
	document.getElementById('directions_1').style.display	= 'none';
	document.getElementById('directions_2').style.display	= 'none';
	document.getElementById(directions).style.display		= 'inline';
	
	document.getElementById('dir_change').innerHTML			= 'To zoom into a road junction, click onto any details below';
}

function show(to_show) {
	visible = document.getElementById(to_show).style.display;
	if (visible == 'none') {
		document.getElementById(to_show).style.display = 'inline';
	} else {
		document.getElementById(to_show).style.display = 'none';
	}
}

function show_me(to_show) {
	var toshow = document.getElementById(to_show).style;
	toshow.display = 'block';
	
	/*
	device = navigator.userAgent;
	if ((device.match(/iPhone|iPad|iPod|Android/i)) && (to_show == 'short_header')) {
		toshow_button = document.getElementById('show_me_button').style;
		toshow.width = '95%';
		toshow.padding = '10px';
		toshow.textAlign = 'center';
		toshow_button.width = '75%';
		toshow_button.padding = '7px 0px';
		toshow_button.fontSize = '30pt';
		toshow_button.backgroundColor = 'black';
	} */
}

function hide_me(to_show) {
	document.getElementById(to_show).style.display = 'none';
}

function route_validate() {
	fail_list = new Array(); var f = 0; 
	if (document.getElementById('origin').value == '') 	{fail_list[f] = 'origin'; f++;}
	if (document.getElementById('dest').value == '')	{fail_list[f] = 'dest'; f++;}
	
	if (fail_list.length > 0) {
		for (var i = 0; i < fail_list.length; i++) {
			element_name = fail_list[i];
			document.getElementById(element_name).style.backgroundColor = 'red';
		}
		return false;
	} else {return true;}
}

function clear_boxes(which) {
	current_value 	= document.getElementById(which).value;
	new_value		= current_value.replace(/[^a-zA-Z0-9, -]/, "");
	document.getElementById(which).value = new_value;
	
	document.getElementById(which).style.backgroundColor = '';
	document.getElementById(which + '_lat').value = '';
	document.getElementById(which + '_lng').value = '';
}

function clear_box_list(which) {
	list = which.split(',');
	for (var i = 0; i < list.length; i++) {
		box_name = list[i];
		document.getElementById(box_name).value = '';
	}
}

function empty_boxes(which) {
	color = document.getElementById(which).style.backgroundColor;
	if (color == 'red') {
		document.getElementById(which).value = '';
		document.getElementById(which).style.backgroundColor = '';
	}
}

function remove_green() {
	flightPath.setMap(null);
	document.getElementById('directions_1').style.display 			= 'none';
	document.getElementById('directions_1_unhide').style.display 	= 'inline';
	document.getElementById('directions_2_button').style.display 	= 'none';
	document.getElementById('directions_2').style.width				= '96%';
	window.scroll(0, 380);
}

function remove_red() {
	flightPath_short.setMap(null);
	document.getElementById('directions_2').style.display 			= 'none';
	document.getElementById('directions_2_unhide').style.display 	= 'inline';
	document.getElementById('directions_1_button').style.display 	= 'none';
	document.getElementById('directions_1').style.width				= '96%';
	window.scroll(0, 380);
}

function add_green() {
	flightPath.setMap(map);
	document.getElementById('directions_1').style.display 			= '';
	document.getElementById('directions_1_unhide').style.display 	= '';
	document.getElementById('directions_2_button').style.display 	= '';
	document.getElementById('directions_2').style.width				= '48%';
	window.scroll(0, 380);
}

function add_red() {
	flightPath_short.setMap(map);
	document.getElementById('directions_2').style.display 			= '';
	document.getElementById('directions_2_unhide').style.display 	= '';
	document.getElementById('directions_1_button').style.display 	= '';
	document.getElementById('directions_1').style.width				= '48%';
	window.scroll(0, 380);
}

function check_size() {	
	device = navigator.userAgent;
	
	
	if (device.match(/iPhone|iPad|iPod|Android/i)) {
		$('head').append('<link rel="stylesheet" href="inc/mobile.css" type="text/css" />');
		$('#head_style').remove();
	
		if (document.getElementById('is_mobile')) {
			document.getElementById('is_mobile').value = '1';
		} else {
			document.getElementById('is_mobile').value = '';
		}
		
		url = window.location.href; 
		url = url.split('?');
		url_end = url[1];
		if (url_end) {if (url_end.substr(0,7) == 'ref=app') {sessionStorage.setItem('popped', 'true');}}
		var popped = sessionStorage.getItem('popped');
		if ((popped != 'true') && (url[1] != 'ref=app')) {
			var inner_width		= window.innerWidth;
			var inner_height	= window.innerHeight;
			var popup_width		= inner_width 	- 100;
			var popup_height	= inner_height 	- 600;			
			if (inner_height < inner_width) {var popup_height = 450}
			
			if (device.match(/iPhone|iPad|iPod/i)) {
				if (device.match(/iPad/i)) {var user_device = 'iPad';} else if (device.match(/iPod/i)) {var user_device = 'iPod';} else {var user_device = 'iPhone';}
				var user_store = 'App Store';
				var user_link = 'https://itunes.apple.com/us/app/changing-places-toilet-finder/id1160975684?ls=1&mt=8';
			} else {
				var user_device = 'Android device';
				var user_store = 'Play Store';
				var user_link = 'https://play.google.com/store/apps/details?id=changingplaces.map1';
			}
			
			var msg = "<p style='text-align: center'>This website works much better when viewed on a PC</p>"
					+ "<p style='text-align: center'>Our free phone app has slightly different features which will work better on your " + user_device + "</p>"
					+ "<p style='text-align: center'>Would you like to download it?</p>";
			
			$("#dialog").html(msg);
			$("#dialog").dialog({
				resizable: false,
				modal: true,
				title: "You are using an " + user_device,
				height: popup_height,
				minHeight: 600,
				width: popup_width,
				position: { my: "center top", at: "center top", of: window },
				buttons: {
					"Continue to website": function() {
						sessionStorage.setItem('popped', 'true');
						$(this).dialog('close');
					},
					"Download / open app" : function() {
						sessionStorage.setItem('popped', 'true');
						$(this).dialog('close');
						location.replace(user_link); 
					}
				}
			});
		}
	}
}

function check_new_toilet() {
	var radios = document.getElementsByName('type');
	i = 0;
	while (i < radios.length) {
		if (radios[i].checked === true) {return true;}
		i++;
	}
	
	document.getElementById('toilet_type_error').style.display = 'block';
	return false;
}

function movePage(form_name) {
	height_to_move = document.getElementById(form_name).offsetTop;
	window.scroll(0, height_to_move);
}

function print_me(area_name, wrapper) {
	var head	= "<head><link rel='stylesheet' type='text/css' href='inc/print.css' /></head>";
	var body 	= '<body onload="window.print(); window.close()"><'+wrapper+'>' + document.getElementById(area_name).innerHTML + '</'+wrapper+'></body>';
	var content	= head + body;
	
	myWindow=window.open('','Directions','width=800,height=600');
	myWindow.document.write(content);
    myWindow.document.close(); 
    myWindow.focus();
}	

function check_public() {
	var via	= document.getElementById('via').value;
	var toilet_list = document.getElementById('toilet_list').value;
	var msg = "";
	
	if (via != '') {
		if (toilet_list != '') {
			if (toilet_list.indexOf(',') > 0) {var s = 's';} else {var s = '';}
			msg = "<p style='text-align: center'>Due to limitations of Google Maps, on the bus and train routes, the map can't show more than one stop enroute.</p>"
				+ "<p style='text-align: center'>Therefore if you continue to the public transport map, your enroute toilet choice"+ s +" will be deselected.</p>";
		}
	} else if (toilet_list != '') {
		if (toilet_list.indexOf(',') > 0) {
			msg = "<p style='text-align: center'>Due to limitations of Google Maps, the map can only have one added toilet on public transportation routes.</p>"
				+ "<p style='text-align: center'>Therefore if you continue to the public transport map, your enroute toilet choices will be deselected.</p>";
		}
	}
	
	if (msg != '') {
		device = navigator.userAgent;
		if (device.match(/iPhone|iPad|iPod|Android/i)) {
			var popup_width		= window.innerWidth 	- 100;
			var popup_height	= window.innerHeight 	- 200;
		} else {
			var popup_height 	= 500;
			var popup_width 	= 580;
		}
		
		$("#dialog_route").html(msg);
		$("#dialog_route").dialog({
			resizable: false,
			modal: true,
			title: "Public Transport",
			height: popup_height,
			minHeight: 300,
			width: popup_width,
			position: { my: "center top", at: "center top", of: window },
			buttons: {
				"Continue anyway": function() {
					document.getElementById('toilet_list').value = '';
					document.getElementById('travel_mode').value = 'transit';
					document.getElementById('route_planner').submit();
				},
				"Stay where I am": function() {
					$(this).dialog('close');
				}
			}
		});
	} else {
		document.getElementById('travel_mode').value = 'transit';
		document.getElementById('route_planner').submit();		
	}
}

function check_dest () {
	var origin	= document.getElementById('origin').value;
	var dest 	= document.getElementById('dest').value;
	if ((origin != '') && (dest != '')) {
		document.getElementById('travel_mode').value = 'driving';
		document.getElementById('route_planner').submit();
	}
}

function radio_select (radio_id, div_id) {
	document.getElementById('toilet_type_1').style.bgColor = '';
	document.getElementById('toilet_type_2').style.bgColor = '';
	document.getElementById('toilet_type_3').style.bgColor = '';
	document.getElementById('toilet_type_4').style.bgColor = '';
	document.getElementById('toilet_type_5').style.bgColor = '';
	
	document.getElementById(radio_id).checked = true;
	document.getElementById(div_id).style.bgColor = 'red';
}