$(document).ready(function() {
	
	/* ----------------------- 
	   ---- projects carousel  */
	
/*	$("#projects").jCarouselLite({
	    btnNext: "p#next",
	    btnPrev: "p#prev",
	    visible: 1,
	    speed: 600,
	    easing: "easeOutExpo",
	    mouseWheel: true
	});*/
	
//	$('#blogItems').jScrollPane();
	
	/* ----------------------- 
	   ---- blog carousel  */
	
	/*$("#blogItems").jCarouselLite({
	    btnNext: "p#down",
	    btnPrev: "p#up",
	    visible: 4,
	    speed: 450,
	    easing: "easeOutBack",
	    mouseWheel: true,
	    vertical: true,
	    circular: false

	});*/
	
	
	/* ----------------------- 
	   ------- faceBox  */
	
//	$('a[rel*=facebox]').facebox()
	
	/* ----------------------- 
	   ------- email form  */
	
	$("#send").click(function(){
		$(".error").hide();
		$(".succes").hide();
		var hasError = false;
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;

		// validate name field
		
		var nameVal = $("#name").val();
		if(nameVal == '') 
		{
			$("#name").before('<span class="error">You forgot to enter a name</span>');
			hasError = true;
		}

		// validate email field
		
		var emailToVal = $("#email").val();
		if(emailToVal == '') 
		{
			$("#email").before('<span class="error"> You forgot to enter an email address</span>');
			hasError = true;
			
		} else if(!emailReg.test(emailToVal)) 
		{
			$("#email").before('<span class="error"> This email address is not valid</span>');
			hasError = true;
		}
		
		// put website in variable
		
		var website = $("#website").val();
		
		
		// validate comment field
		
		var commentVal = $("#comment").val();
		if(commentVal == '') 
		{
			$("#comment").before('<span class="error">You forgot to enter a comment</span>');
			hasError = true;
		}
		
		
		// 1. show loader
		// 2. send email
		// 3. hide loader + show succes
		
		if(hasError == false) 
		{
			$("#send").after('<p id="loader"><img src="/images/loader.gif" alt="" /></p>');
			
			$.post("index.php/wip/sendMail",
   			{ 
   				name: nameVal, email: emailToVal, website: website, comment: commentVal 
   			},
   			function(data)
   			{
				//alert("message send");
				$("#loader").hide();
				$("#send").after('<p class="succes">Your email was sent.</p>');	
			});

		}
		
		return false;
		
		
	});

	
	
	/* end jQuery */
	});