$(document).ready(function () { 
	$('.slideshow').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
	jQuery.validator.messages.required = "";
	$("#quickContact").validate({
		rules: {
			name: {required: true, minlength: 2},
			email: {required: true,  email: true},
			phone_num: {required: true,  digits: true}
		},
		messages: {
			name: "<img id='nameerror' src='/globals/images/errors/error.png' hovertext='You must enter your name.' />",
			email: "<img id='emailerror' src='/globals/images/errors/error.png' hovertext='You must enter a valid email address.' />",
			phone_num: "<img id='phoneerror' src='/globals/images/errors/error.png' hovertext='You must enter a valid phone num.' />"
		},
		invalidHandler: function(e, validator) {
			var errors = validator.numberOfInvalids();
			if (errors) {
				var message = errors == 1
					? 'There is 1 error.'
					: 'There are ' + errors + ' errors.';
				$("div.error span").html(message);
				$("div.error").show();
			} else {
				$("div.error").hide();
			}
		},
		onkeyup: false,
		errorClass: "invalid",
		submitHandler: function(form) {
			$("div.error").hide();
			form.submit();
		},
		success:function(label){
			label.html("<img src='/globals/images/errors/success.png' alt='Valid'>");
		},
		errorPlacement: function(error, element) { 
			error.insertAfter(element);
			//generateTooltips();
		},
		highlight: function(element, errorClass) {
     		$(element).parent("div").addClass("errorRow")
		},
		unhighlight: function(element, errorClass, validClass) {
		   	$(element).parent("div").removeClass("errorRow").addClass(validClass);
		}						
	});
	$("#fullContact").validate({
		rules: {
			name: {required: true, minlength: 2},
			email: {required: true,  email: true},
			phone_num: {required: true,  digits: true}
		},
		invalidHandler: function(e, validator) {
			var errors = validator.numberOfInvalids();
			if (errors) {
				var message = errors == 1
					? 'There is 1 error.'
					: 'There are ' + errors + ' errors.';
				$("div.error span").html(message);
				$("div.error").show();
			} else {
				$("div.error").hide();
			}
		},
		onkeyup: false,
		errorClass: "invalid",
		submitHandler: function(form) {
			$("div.error").hide();
			form.submit();
		},
		highlight: function(element, errorClass) {
     		$(element).parent("div").addClass("errorRow")
		},
		unhighlight: function(element, errorClass, validClass) {
		   	$(element).parent("div").removeClass("errorRow").addClass(validClass);
		}						
	});
});