$(document).ready(function() {
	
	$("a.lightbox").fancybox({
			'hideOnContentClick': true,
			autoDimensions: false,
			width: 500
		});
	
	// slideshow
	
	$('#slides').slides({
		preload: true,
		preloadImage: 'img/loading.gif',
		play: 5000,
		pause: 2500,
		hoverPause: true,
		generatePagination: false,
		animationStart: function(current){
			$('.caption').animate({
				bottom:-35
			},100);
			if (window.console && console.log) {
				// example return of current slide number
				console.log('animationStart on slide: ', current);
			};
		},
		animationComplete: function(current){
			$('.caption').animate({
				bottom:0
			},200);
			if (window.console && console.log) {
				// example return of current slide number
				console.log('animationComplete on slide: ', current);
			};
		},
		slidesLoaded: function() {
			$('.caption').animate({
				bottom:0
			},200);
		}
	});
	
	// validation check 
	
	$("#checkout_form").validate({
		rules: {
			first_name: "required",    // simple rule, converted to {required: true}
			last_name: "required",
			address: "required",
			city: "required",
			zip: "required",
			phone: "required",
			email_address: {             // compound rule
				required: true,
				email: true
				},
		    },
			messages: {
				first_name: "We need your first name to process your order",
				last_name: "We need your last name to process your order",
				address: "We need the first line of your address to process your order",
				city: "We need the city you live in to process your order",
				zip: "We need your post/zip code to process your order",
				phone: "We need a contact number in case we need to call you about your order",
				email: "We need a valid email address to process your order"
		    }
		  });
	
	// check if the email address has been used
	$("#username").keyup(function(){
	$.ajax({
	type: 'GET',
	url: '/ajax/username_check/'+$(this).val(),
	success: function(data){
	if (data=="")
	{
	$("span.username_return").html("Email address available");}
	else
	{
	$("span.username_return").html("Email address not available, please choose another or <a href='/user/forgot'>reset your password</a>")
	$("span.username_return").css('color','red');
	}
	}
	})
	return false;
	})
	
});