// hairstyle-guide-experts.js
$(document).ready(function() {
	// directive tooltip
	$('#directive ul li a img').hover(function() {
		// clear values
		$('#directive_name').text('');
		$('#directive_title').text('');
		var altText = $(this).attr('alt');
		var a = altText.split('-');
		var name = a[0];
		var title = a[1];
		var position = $(this).position();
		//alert(position.left);
		$('#directive_name').text(name);
		$('#directive_title').text(title);
		$('#directive_tooltip').css('left', position.left - 60 ).css('top', position.top + 50 ).show();							   
	}, function() {
	   $('#directive_tooltip').hide();	
	});
	// ask a question form submission
	function clear_form() {
		var name = $("#name").val('');
		var email = $("#email").val('');
		var subject = $("#subject").val('');
		var question = $("#question").val('');	
	}
	$('#ask_question').validate({
		rules: {
			name: "required",
			email: {
				required: true,
				email: true
			},
			subject: "required",
			question: "required"
		},
		messages: {
			name: "Please enter a name",
			email: "Please enter a valid email",
			subject: "Please select a subject",
			question: "Please enter a question"
		},
		submitHandler: function() {
			var name = $("#name").val();
			var email = $("#email").val();
			var subject = $("#subject").val();
			var question = $("#question").val();
			var mailing_list = $("#mailing_list").val();
			var lang = $("#lang").val();
			$.ajax({
				type: "POST",
				url: "/ajax/ask_a_question.php",
				data: "name="+name+"&email="+email+"&subject="+subject+"&question="+question+"&mailing_list="+mailing_list+"&lang="+lang,
				success: function(html) {
					$("#form_message").html(html).animate({"opacity": "show"}, {duration: 500}).animate({"opacity": "hide"}, {duration: 4000});
					clear_form();
				},
				error: function(html) {
					$("#form_message").html("Error:" + html);
				}
			});
			return false;
		}
	});
	
	
});