$(window).load(function() {
	$('.flexslider').flexslider({
		animation: "slide",
		controlsContainer: ".flexcontainer"
	});
	
	$("figure a[rel='gallery']").fancybox({
		'opacity'		: true,
		'overlayShow'	: true,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'none',
		'titlePosition'	: 'inside'
	});
	
	$("form.contact").validate({
		rules: {
			name: {
				required: true,
				minlength: 2,
				alphanumeric: true
			},
			email: {
				required: true,
				minlength: 5,
				email: true
			},
			phone1: {
				phoneUS: true
			},
			message: {
				required: true,
				minlength: 5
			}
		},
		messages: {
			name: {
				required: "Please tell us your name",
				alphanumeric: "Letters and numbers only please."
			},
			email: {
				required: "Please enter your email address",
				email: "Your email address is not valid ... please check it and try again."
			},
			phone1: {
				phoneUS: "Please enter a valid telephone number"
			},
			message: {
				required: "A message is required"
			}
		},
		errorElement: "span",
		errorClass: "help",
		errorPlacement: function(error, element) {
		     error.appendTo( element.parent("li") );
		   },
	    highlight: function(element) {
	        $(element).parent().addClass("error");
	    },
	    unhighlight: function(element) {
	        $(element).parent().removeClass("error");
	    }
	});
	
	$("form.feedback").validate({
		rules: {
			name: {
				required: true,
				minlength: 2,
				alphanumeric: true
			},
			email: {
				required: true,
				minlength: 5,
				email: true
			},
			os: {
				required: true
			},
			browser: {
				required: true
			},
			message: {
				required: true,
				minlength: 5
			}
		},
		messages: {
			name: {
				required: "Please tell us your name",
				alphanumeric: "Letters and numbers only please."
			},
			email: {
				required: "Please enter your email address",
				email: "Your email address is not valid ... please check it and try again."
			},
			os: {
				required: "What operating system do you use?",
			},
			browser: {
				required: "What browser do you use? Internet Explorer? Firefox? Etc.",
			},
			message: {
				required: "A message is required"
			}
		},
		errorElement: "span",
		errorClass: "help",
		errorPlacement: function(error, element) {
		     error.appendTo( element.parent("li") );
		   },
	    highlight: function(element) {
	        $(element).parent().addClass("error");
	    },
	    unhighlight: function(element) {
	        $(element).parent().removeClass("error");
	    }
	});
});