$(document).ready(function() {

	/*Contact Form*/
	var formError;
	var formSent = false;
	
	/* On Click Validation*/
	$('#send_message').click(function(e) {
		e.preventDefault();
		formError = false;
		var name = $('#name').val();
		var email = $('#email').val();
		var message = $('#message').val();
		$('.button').css('background', 'url("images/sendBtnOut.png")');
		if (name.length === 0) {
			formError = true;
			$('#name_error').slideDown().fadeIn(500);
		} else {
			$('#name_error').slideUp().fadeOut(500);
		}
		if (email.length === 0 || email.indexOf('@') == '-1') {
			formError = true;
			$('#email_error').slideDown().fadeIn(500);
		} else {
			$('#email_error').slideUp().fadeOut(500);
		}
		if (message.length === 0) {
			formError = true;
			$('#message_error').slideDown().fadeIn(500);
		} else {
			$('#message_error').slideUp().fadeOut(500);
		}
		if (formError === false) {
			$('#send_message').attr({
				'disabled': 'true',
				'value': 'Sending...'
			});
			$.post("send_email.php", $('.mainForm').serialize(), function(result) {
				if (result === 'sent') {
					$('#button').slideDown().fadeOut(500);
					$('#removeData').slideDown().fadeOut(500);
					$('#mail_success').slideDown().fadeIn('slow');
					$('#sendPlus').fadeIn('slow');
					formSent = true;
				} else {
					$('#mail_fail').slideDown().fadeIn(500);
					$('#send_message').removeAttr('disabled').attr('value', 'Send it!');
				}
			});
		}
	});
	
	$('input, textarea').focusin(function(){
		$(this).css('background', 'url(images/bg/formBg.png)');
		$('.button').css('background', 'url("images/sendBtnOut.png")');
	});
	$('input, textarea').focusout(function(){
		var name = $('#name').val();
		var email = $('#email').val();
		var message = $('#message').val();
		if(name.length === 0){
		$('#name').css('background', 'url(images/bg/nameBg.png) no-repeat');
		}
		else {
		$('#name').css('background', 'url(images/bg/formBg.png)');
		$('#name_error').slideUp().fadeOut(500);
		}
		if(email.length === 0){
		$('#email').css('background', 'url(images/bg/emailBg.png) no-repeat');
		}
		else if(email.indexOf('@') == '-1'){
		$('#email_error').slideDown().fadeIn(500);
		$('#email').css('background', 'url(images/bg/formBg.png)');
		}
		else {
		$('#email').css('background', 'url(images/bg/formBg.png)');
		$('#email_error').slideUp().fadeOut(500);
		}
		if(message.length === 0){
		$('#message').css('background', 'url(images/bg/messageBg.png) no-repeat');
		}
		else {
		$('#message').css('background', 'url(images/bg/formBg.png)');
		}
		$('.button').css('background', 'url("images/sendBtnOut.png")');
	});
	/*Clear Form*/
	var contactState = 0;
	$('.closeTab').click(function() {		
		if(contactState === 0){
			$('.contact').slideToggle("slow");
			$('.closeTab').fadeIn().css('background' ,'url(images/contactBtnOff.png)');
			contactState = 1;
		}
		else{
			$('.contact').slideToggle("slow");
			$('.closeTab').fadeIn().css('background' ,'url(images/contactBtnOn.png)');
			contactState = 0;
		}
		if(formSent === false){
		$('#name').css('background', 'url(images/bg/nameBg.png) no-repeat');
		$('#email').css('background', 'url(images/bg/emailBg.png) no-repeat');
		$('#message').css('background', 'url(images/bg/messageBg.png) no-repeat');
		$('#email_error, #name_error, #message_error').fadeOut('slow');
		formError = false;	
		}
		else if(formSent === true){
		$('#mail_success').slideDown().fadeOut('slow');
		$('#removeData').slideUp().fadeIn(500);
		$('#button').slideUp().fadeIn(500);
		$('#sendPlus').fadeOut('slow');
		$('#send_message').removeAttr("disabled").attr({'value': 'Send it!'});
		formSent = false;
		}
	});
	
	$('#sendPlus').click(function(){
		$('#mail_success').slideDown().fadeOut('slow');
		$('#removeData').slideUp().fadeIn(500);
		$('#button').slideUp().fadeIn(500);
		$('#sendPlus').fadeOut('slow');
		$('#send_message').removeAttr("disabled").attr({'value': 'Send it!'});
		formSent = false;
	});
});