$(document).ready(function() {
	$("#contactForm").hide();

	$("pre").click(function() {
		$('body').css('overflow-y', 'hidden');

		$('<div id="overlay"></div>')
			.css('top', $(document).scrollTop())
			.css('opacity', '0')
			.animate({'opacity': '0.5'}, 'slow')
			.appendTo('body');
	
		$("#contactForm").show().appendTo('overlay');
		
		positionBox();

		$("#contactForm table").css('margin-top', '50px');

		$("#contactForm td:even").css('width', '150px');

		$("#username").focus();
		
		var emailAddress = $(this).attr("title");
		
		if(emailAddress == "")
		{
			emailAddress = "inbox_945@interact.ccsd.net";
		}

		$("#submit").click(function() {
			var name = $("#username").val();
			var usersEmail = $("#emailaddress").val();
			var message = $("#message").val();
			var messageSubject = "Contact from Greenvalley Website";
			
			if(name == '') {
				$("#username").after('<span id="usererror" style="color:#ff0000; font-size: 10px;">Must enter your name</span>');
				$("#username").click(function() {
					$("#usererror").hide();
				});
			}
			
			if(usersEmail == '') {
				$("#emailaddress").after('<span id="emailerror" style="color:#ff0000; font-size: 10px;">Must enter an email address</span>');
				$("#emailaddress").click(function() {
					$("#emailerror").hide();
				});
			}
			
			if(message == '') {
				$("#message").after('<span id="messageerror" style="color:#ff0000; font-size: 10px;">Must enter a message</span>');
				$("#message").click(function() {
					$("#messageerror").hide();
				});
			}
			
			var dataString = 'name=' + name + '&emailTo=' + emailAddress + "&emailFrom=" + usersEmail + "&subject=" + messageSubject + "&message=" + message;
			
			if(name != '' && usersEmail != '' && message != '') {
				$.ajax({ 
					type: "POST",
					url: "includes/sendmail.php",
					data: dataString,
					success: function() {}
				});

				setTimeout(function() {
					removeBox();
				},800);
			}
		});
	});

	$("#cancel").click(function() {
		removeBox();
	});
});

function positionBox() {
  var top = ($(window).height() - $('#contactForm').height()) / 2;
  var left = ($(window).width() - $('#contactForm').width()) / 2;
  $('#contactForm')
    .css({
      'top': top + $(document).scrollTop(),
      'left': left
    })
    .fadeIn();
}

function removeBox() {
  $('#overlay, #contactForm')
    .fadeOut('slow', function() {
      $(this).remove();
      $('body').css('overflow-y', 'auto'); // show scrollbars!
    });
}