$(document).ready(function(){
	$("#newsletter_subscribe").submit(function(){
		try {
			var emailField = $("#newsletter_subscribe input[name='email']");
			var email = emailField.val();
			var valid = false;
			
			if (email.length == 0) {
				alert("Your email address is required to subscribe to the email newsletter.");
			} else if (email.match(/[\/\:\,\;]/) || !email.match(/\w+@\w+\.\w+/)) {
				alert("Sorry, "+email+" doesn't look like a valid email address");
			} else {
				valid = true;
			}
			
			if (!valid) {
				emailField.focus();
				emailField.select();
			}
			return valid;
		} catch (err) {
			//console.log("error: "+err);
		}
		return false;
	});
	$('.toggle_itinerary').click(function(){
		$('.default_itinerary, .alternate_itinerary, .current_itinerary, .next_itinerary').toggle();
	});
	if (window.location.hash.indexOf('alternate_itinerary') !== -1) {
		// Can't do this:
		// $('.default_itinerary, .alternate_itinerary').toggle();
		// It's a race condition between reading an element's visibility and when the stylesheet is applied.
		
		// This seems to work:
		$('.default_itinerary').hide();
		$('.alternate_itinerary').show();
	}
});