$(document).ready(function() {

	var contactFormDao = new ContactFormDao();
	var contactFormView = new ContactFormView();
	
	contactFormView.setForm($("#contactForm form"));
	contactFormView.setName($("#contactForm form input[name=name]"));
	contactFormView.setEmail($("#contactForm form input[name=email]"));
	contactFormView.setCity($("#contactForm form input[name=city]"));
	contactFormView.setPhone($("#contactForm form input[name=phone]"));
	contactFormView.setQuestion($("#contactForm form textarea[name=question]"));
	contactFormView.setMessageContainer($("#contactForm .messages"));

	// Submit Button Hover
	$("#contactForm form .input-submit input").hover(
		function() {
			$(this).attr("src", $(this).attr("data-overimage"));
		},
		function() {
			$(this).attr("src", $(this).attr("data-outimage"));
		}
	);

	// Submit Form
	$("#contactForm form").submit(function(e) {
		e.preventDefault();
		//alert("Thank you! Your message has been sent.");
		
		var contactForm = new ContactForm();
		contactForm.name = $("#contactForm form input[name=name]").val();
		contactForm.email = $("#contactForm form input[name=email]").val();
		contactForm.city = $("#contactForm form input[name=city]").val();
		contactForm.phone = $("#contactForm form input[name=phone]").val();
		contactForm.question = $("#contactForm form textarea[name=question]").val();
		
		contactFormView.prepFormForSubmission();
		
		contactFormDao.saveMessage(
			contactForm,
			contactFormView,
			function() {
				contactFormView.success();
			}
		);
	});
});