﻿
$(document).ready(function(){

	var email = $("#bottomLeft input#email");
	var emailInfo = $("#emailInfo");
	var emailInfo2 = $("#emailInfo2");

	var msgDisplay = $("#errorDisplay");

	var fName = $("input#name");
	var city = $("input#txtCity");
	var country = $("input#country");
	var comments = $("textarea#message");

	var form = $("form#newsletter");
	var form2 = $("form#newsletter2");
	var form3 = $("form#contact_form");

	function validateEmail(switcher){

		var infoContainer;
		var errorField;

		if (switcher == 1){
			infoContainer = emailInfo;
			errorField = email;
		}
		else if (switcher == 2){
			infoContainer = emailInfo2;
			errorField = $(".footer input#email");
		}
		else{
			infoContainer = msgDisplay;
			errorField = $("input#from");
		}
		
		var a = errorField.val();		
		var filter = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;

		if(filter.test(a)){
			errorField.css({ "border": "1px solid #dfdfdf"});
			infoContainer.html("");
			return true;
		}
		else{
			errorField.css({ "border": "solid 1px #ff0000"});
			infoContainer.fadeIn();
			infoContainer.append("Please enter a valid email address.<br/>");
			return false;
		}
	}
	function validateName(){
		if(fName.val().length < 1){
			fName.css({"border": "solid 1px #ff0000"});
			msgDisplay.html("Your name cannot be blank.<br/>");
			return false;
		}
		else{
			fName.css({"border": "1px solid #dfdfdf"});
			//msgDisplay.text("");
			return true;
		}
	}
	function validateCity(){
		if(city.val().length < 2){
			city.css({"border": "solid 1px #ff0000"});
			msgDisplay.append("Please include your city.<br/>");
			return false;
		}
		else{
			city.css({"border": "1px solid #dfdfdf"});
			//msgDisplay.text("");
			return true;
		}
	}
	function validateCountry(){
		if(country.val().length < 3){
			country.css({"border": "solid 1px #ff0000"});
			msgDisplay.append("Please include your country.<br/>");
			return false;
		}
		else{
			country.css({"border": "1px solid #dfdfdf"});
			//msgDisplay.text("");
			return true;
		}
	}
	function validateComments(){
		if(comments.val().length < 1){
			comments.css({"border": "solid 1px #ff0000"});
			msgDisplay.append("Please include a comment.");
			return false;
		}
		else{
			comments.css({"border": "1px solid #dfdfdf"});
			//msgDisplay.append("");
			return true;
		}
	}

	form.submit(function(event){

		if(validateEmail(1)){
			emailInfo.fadeIn();
			emailInfo.text("Thank you.");
			emailInfo.delay(3000).fadeOut("slow")
			return true;
		}
		else{
			return false;
		}
		event.preventDefault();
	});

	form2.submit(function(event){

		if(validateEmail(2)){
			emailInfo2.fadeIn();
			emailInfo2.text("Thank you.");
			emailInfo2.delay(3000).fadeOut("slow")
			return true;
		}
		else{
			return false;
		}
		event.preventDefault();
	});

	form3.submit(function(event){
		msgDisplay.html("");
		if(validateName() & validateEmail(3) & validateCity() & validateCountry() & validateComments()){
			msgDisplay.fadeIn();
			msgDisplay.html("Thank you.");
			msgDisplay.delay(3000).fadeOut("slow")
			return true;
		}
		else{
			msgDisplay.fadeIn();
			return false;
		}
		event.preventDefault();
	})

    $('input#email').focus(function() {
        if (this.value == this.defaultValue){
        	this.value = '';
    	}
        if(this.value != this.defaultValue){
	    	this.select();
        }
    });

    $('input#email').blur(function() {
        if (this.value == ''){
        	this.value = (this.defaultValue ? this.defaultValue : '');
    	}
    });
	

});
