// ask_the_experts.js
$(document).ready(function() {
	$("#ask-a-question").click(function() {
		//alert('form submitted');
		var str = $("input[@name='email']").val();
		str = $.trim(str);
		$("input[@name='email']").val(str);
	});
	$("#ask-a-question").validate({
		rules: {
			name: "required",
			email: {
				required: true,
				email: true
			},
			question: "required"
		},
		messages: {
			name: "Veuillez entrer votre nom.",
			email: "Veuillez entrer une addresse email valide.",
			question: "Please enter a question."
		},
		errorElement: "em",
		errorPlacement: function(error, element) {
			error.appendTo( element.parent("div").parent("div").children("p") );	
		},
		highlight: function(element, errorClass) {
			$(element).parent("div").parent("div").addClass(errorClass);
		},
		unhighlight: function(element, errorClass) {
			$(element).parent("div").parent("div").removeClass(errorClass);
		},
		onfocusout: false,
		onkeyup: false
		
	});
	
	// cycle through experts
	$('a#expert_next').click(function() {
		var displayed = $('div.expert:visible');
		if( $('div.expert:last').hasClass('displayed') ) {
			var next = $('div.expert:first');
		} else {
			var next = $(displayed).next('div.expert');
		}
		$(displayed).slideUp(500, function(){
			next.slideDown(800).addClass('displayed');
		}).removeClass('displayed');
		return false;
	});
	$('a#expert_prev').click(function() {
		var displayed = $('div.expert:visible');
		if( $('div.expert:first').hasClass('displayed') ) {
			var prev = $('div.expert:last');
		} else {
			var prev = $(displayed).prev('div.expert');
		}
		$(displayed).slideUp(500, function(){
			prev.slideDown(800).addClass('displayed');
		}).removeClass('displayed');
		return false;
	});
	
	
});