$.fn.formpreview = function() {
	var id = $(this).attr('id');
	var field = $('label[for=' + id + ']', $(this).parent());
	var text = field.html();
	$(this).val(text);
	$(this).focus(function() {
		if($(this).val() == text) {
			$(this).val('');
		}
	});
	$(this).blur(function() {
		if($(this).val() == '') {
			$(this).val(text);
		}
	});
}
$(function() {
	$('p:last-child').css('padding', 0);
	$('ul#social li:last-child').css('margin', 0);
	$('form#contact input#name').formpreview();
	$('form#contact input#email').formpreview();
	$('form#contact input#subject').formpreview();
	$('form#contact textarea').formpreview();
	
	$('a').click(function() {
		var newpage = $(this).attr('href');
		if(newpage == "#social" || newpage == "#about" || newpage == "#contact") {
			if($(newpage).css('display') != 'block') {
				$('div#right .content').slideUp(500);
				setTimeout(function() {
					$(newpage).slideDown(500);
				},500);
			}
			return false;
		}
	});
	if(location.href.indexOf('#social') != -1) {
		$('div#right .content').slideUp(0);
		$('div#right #social').slideDown(0);
	} else if(location.href.indexOf('#contact') != -1) {
		$('div#right .content').slideUp(0);
		$('div#right #contact').slideDown(0);
	} else if(location.href.indexOf('#about') != -1) {
		$('div#right .content').slideUp(0);
		$('div#right #about').slideDown(0);
	}
	$('#contact input[type=submit]').click(function() {
		$('#contact input#email').filter(function() {
			var valid = this.value.match(/([\S]+)@([\S]+)([\.])([\S])/);
			var name = $('input#name').val();
			var subject = $('input#subject').val();
			var content = $('textarea').val();
			if(valid && content != "Under 100 Words Please" && name != "Name" && subject != "Subject" && content != "" && name != "" && subject != "") {
				$('#contact *').fadeOut(200);
				setTimeout(function() {
					$('#contact').append('<div id="loading"><img src="resource/img/ajax-loader.gif" alt="ajax-loader" width="" height="" />Sending...</div>');
				},200);
			
				$('#contact').ajaxSubmit(function() {
					$('#contact *').fadeOut(200);
					setTimeout(function() {
						$('#contact').append('<div id="success"><img src="resource/img/s.png" alt="Success" width="" height="" />Thanks for the Message!</div>');
					},200);
				});
			} else {
				$('#contact *').fadeOut(200);
				setTimeout(function() {
						$('#contact').append('<div id="error"><img src="resource/img/x.png" alt="Failure" width="" height="" />Whoops! I didn\'t get that. Try again!</div>');
						setTimeout(function() {
							$('#error').remove();
							$('#contact *:not(label)').fadeIn(200);
						},6000);
				},200);
			}
		});
		return false;
	});
});