// Cool Ajax stuff for people who got javascript enabled

// Adds a link to quickly get to contact section

$(document).ready(function() {
						   $('<span class="contact_quick"></span>').insertAfter('div.portfolio_block')
						   });

// Slide in and out content here

$(document).ready(function() {
	$('#about_me').hide();
	$('#portfolio').hide();
	$('#contact_me').hide();
	
	$('#about_me_header').addClass('clickable');
	$('#portfolio_header').addClass('clickable');
	$('#contact_me_header').addClass('clickable');
	$('#hireme > span').addClass('clickable');
	$('#featured_more').addClass('clickable');
	$('.contact_quick').addClass('clickable');
	
	$('#about_me_header').addClass('active');
	
	$('.contact_quick').click(function() {
		$('#portfolio').slideUp('slow', function() {
			$('#contact_me').slideDown('slow');
												 });;
									   });
	
	$('#hireme > span').click(function() {
		$('#about_me').slideUp('slow', function() {
			$('#contact_me').slideDown('slow');
												});
									   });
	
	$('#featured_more').click(function() {
		$('#about_me').slideUp('slow', function () {
				$('#portfolio').slideDown('slow');
													  });
										 });
	
	$('#about_me_header').click(function() {
		$('#contact_me').slideUp('slow', function () {
			$('#portfolio').slideUp('slow', function () {
				$('#about_me').slideDown('slow');
				$('#about_me_header').addClass('active');
													  });
												   });
										 });
	
	$('#portfolio_header').click(function() {
		$('#about_me').slideUp('slow', function () {
			$('#contact_me').slideUp('slow', function () {
				$('#portfolio').slideDown('slow');
													  });
												   });
										 });
	
	$('#contact_me_header').click(function() {
		$('#portfolio').slideUp('slow', function () {
			$('#about_me').slideUp('slow', function () {
				$('#contact_me').slideDown('slow');
													  });
												   });
										 });
});

$(document).ready(function() {
						   var $listItem = $('form :input').parent().find('label').find('span');
						   $('<span></span>').insertAfter($listItem);
						   });


// Checks to see if required fields are filled when it is not blurred
$(document).ready(function() {
	$('form :input').blur(function() {
		if ($(this).is('#name') || $(this).is('#message')) {
		$(this).parent().find('label').find('span').next('span').removeClass('warning').removeClass('passed');
				var $listItem = $(this).parent().find('label').find('span');
				if (this.value == '') {
					$listItem.next('span').removeClass('passed');
					$listItem.next('span').addClass('warning');
					}
				else if (!(this.value == '')) {
					$listItem.next('span').removeClass('warning');
					$listItem.next('span').addClass('passed');
					
				}
					   }
				
	});
	
});


// Checks to make sure the proper e-mail is used 
// Need to remove warning class and put in passed class when it looks good or add pass class in first place
$(document).ready(function() {
$('form :input').blur(function() {
if ($(this).is('#email')) {
var $listItem = $(this).parent().find('label').find('span');
if (this.value != '' && !/.+@.+\.[a-zA-Z]{2,4}$/
.test(this.value)) {
$listItem.next('span').removeClass('passed');
$listItem.next('span').addClass('warning');
}
else if (this.value == '') {
$listItem.next('span').removeClass('passed');
$listItem.next('span').addClass('warning');	
}
else if (this.value != '' && /.+@.+\.[a-zA-Z]{2,4}$/
.test(this.value)) {
	if ($listItem.next('span')) {
		$listItem.next('span').removeClass('warning');
		$listItem.next('span').addClass('passed');
	}
	
	else {
		$listItem.next('span').removeClass('passed');
		$listItem.next('span').addClass('warning');
	}
}
}
							   });
						   });




// Checks to make sure the proper e-mail is used                                           
$(document).ready(function() {
$('form :input').blur(function() {
if ($(this).is('#email')) {
var $listItem = $(this).parents('li:first');
if (this.value != '' && !/.+@.+\.[a-zA-Z]{2,4}$/
.test(this.value)) {
var errorMessage = 'Please use proper e-mail format'
+ '(e.g.joe@example.com)';
$('<span></span>')
.addClass('error-message')
.text(errorMessage)
.appendTo($listItem);
$listItem.addClass('warning');
};
};
							   });
						   });

$(document).ready(function() {
						   Shadowbox.init();
						   });


// Last check for form validation					   
$(document).ready(function() {
	$('form').submit(function() {
		$('#submit-message').remove();
		$(':input').trigger('blur');
		var numWarnings = $('.warning', this).length;
		if (numWarnings) {
			$('<div></div>').attr({'id': 'submit-message', 'class': 'warning_last'})
			.append('Please fill in all fields.')
			.insertAfter('#submit');
			return false;
		}
		
		var options = {
			url: 'form2.php',
			success: finalForm,
			clearForm: true
		}
		$(this).ajaxSubmit(options);
		$('.passed').removeClass('passed');
		return false;

							  });
						   });


function finalForm() {
	$('<div></div>').attr({'id': 'submit-message', 'class': 'passed_last'})
			.append('Success! Thank you for your message.')
			.insertAfter('#submit');
}