$(document).ready(function() {

	$('#pause').click(function() { $('#slideshow').cycle('pause'); return false; });
	$('#play').click(function() { $('#slideshow').cycle('resume'); return false; });
	
	$('#headerimages').hover(
		function() { $('#controls').fadeIn(); },
		function() { $('#controls').fadeOut(); }
	);
	
	$('#slideshow').cycle({
		fx:     'fade',
		speed:   2000,
		timeout: 3000,
		next:   '#next',
		prev:   '#prev'
	});

	
	// handle nav selection
	function selectNav() {
		// Hide all panels
		$('.contentsection').hide('fast');
		
		// Fix navigation
		$(this)
	  	.parents('ul:first')
				.find('a')
					.removeClass('active')
				.end()
			.end()
		.addClass('active');
		
		// Show active panel
		$($(this).attr('href')).fadeIn();
		
		// Don't scroll window
		return false;

	}
	
	$('#nav li a').click(selectNav);
	
	// Google analytics
	$('a').click(function () {
		_gaq.push(
			['_trackEvent', 'Click','Click', $(this).attr("href") ],
			['_trackPageview', $(this).attr("href")]
		);
	});
	
	// go find the navigation link that has this target and select the nav
	function trigger(data) {
	  var el = $('#nav').find('a[href$="' + data.id + '"]').get(0);
	  selectNav.call(el);
	}
	
	if (window.location.hash) {
	  trigger({ id : window.location.hash.substr(1) });
	} else {
	  $('#nav a:first').click();
	}
	
	// Contact form submission
	$('#contactForm').validate({
		errorClass: 'invalid',
		validClass: 'valid',
		errorLabelContainer: $('div.errorcontainer'),
		submitHandler: function(form){
			$(form).ajaxSubmit({
				target: '#output',
				beforeSubmit: showSending,
				success: showResponse
			});
		},
		rules: {
			posLocation: 'required',
			posEmail: {
				required: true,
				email: true
			}		
		},
		messages: {
			posLocation: "Please select a location. ",
			posEmail: "Please enter a valid email address. ",
			posName: "Please enter your name. "
		}
	});
	
	/*
	$('#contactForm').bind('submit', function() {
		$(this).ajaxSubmit({
			target: '#output',
			beforeSubmit: showSending,
			success: showResponse
		});
		return false;
	});
	*/
	// Contact form fun
	$('#posName').keyup(function(){
		$('#byline').html($(this).val());
	});
	$('#posName').blur(function(){
		$('#byline').html($(this).val());
	});
	$('#posEmail').keyup(function(){
		$('#byemail').html($(this).val());
	});
	$('#posEmail').blur(function(){
		$('#byemail').html($(this).val());
	});
	
}); 

function showResponse(responseText, statusText){
	$('#loading').hide();
	$('#output').show();
	$('#sendContactEmail').attr("value"," All Done. ");
	$('#output').addClass('notice');	
}

function showSending(){
	$('#sendContactEmail').attr("disabled",true);
	$('#sendContactEmail').attr("value"," Sending... ");
	$('#loading').show();
}