﻿

function isValidHelloForm() {
    return $("#helloform").validate();
}

function submitForm() {

    $.post("default.aspx", $("#thanksform").serialize());
    inviteSendAni();        
}

function onSubmit() {
    return true;
}

function elementDisplay(t){
	
		var trg = t;
		$(trg).fadeIn("1500");
		
}

function elementHide(t){
	
		var trg = t;
	    $(trg).fadeOut("1000");
}


function build_input(i){
	
	var inputPod = "";
	
	inputPod = '';
	inputPod += '<li id="em_'+i+'"><b class="star"></b><span class="roundF"></span><input id="invite_email_'+i+'" class="required" type="text" name="email_'+i+'" value="Email" onfocus="clearDefault(this)" onblur="setDefault(this)">';
	inputPod += '<span class="roundB"></span></li>';
	return inputPod;
	
}

//Email Thankyou function

function addEmail(){

	//Current Number
	var i = 0;
	
	//Optional Max Number of Li's
	var maxNo  = 100;
	var limit_msg = "Sorry you can't send out anymore than "+maxNo+" invites out in one go.";
	
	$('#invite-plus').click(function(){
	
	//add another li to the tree
	if(i <= maxNo){
		
		var addto = '#em_'+i;
		var num = i+1;
		
		i++;
		
		var mySelection = build_input(i);
		$(addto).after(mySelection);
		$('#em_'+num).hide();
		$('#em_'+num).fadeIn("1500");
		
	}else{
		
		alert(limit_msg);
	}
	});	
}

function clearDefault(el) {

    if (el.defaultValue == el.value) 
        el.value = "";
}

function setDefault(el) {
    
    if (el.value == "")
        el.value = el.defaultValue;
}

function formSendAni(){
	
		$("#hello").fadeOut("1000",function(){		    		
		$("#thanks").fadeIn("1000");
		
		addEmail();
		valid_thanks_forms();
			
		});	
}

function inviteSendAni(){
	
	// todo: I had nothing here
	$("#start_thanks").fadeOut("1000",function(){		    	
	$("#end_thanks").fadeIn("1000");
		
	});	
}

function valid_Forms(){
	
	//formSendAni();
    $("#helloform").validate({

        errorLabelContainer: $("#ErrorsA"),

        rules: {

            email: { required: true, email: true },
            srt_ad: { required: true }
        },

        success: function() { $("#sign_up_submit").removeAttr("disabled"); },
        invalidHandler: function() { $("#sign_up_submit").attr("disabled", "disabled"); },

        messages: {

            email: "Oops! looks like you've missed your email address",

            srt_ad: "Oops! looks like you entered your postcode incorrectly"
        },

        submitHandler: function() {
            formSendAni();
        }

    });
	
}

function valid_thanks_forms(){


	/*
	$("#thanksform").validate(
	{
		errorLabelContainer: $("#ErrorsB"),
        submitHandler: function() 
        {	
		    inviteSendAni();	
        }
   }); 
	*/
}

$(document).ready(function() {

    $.validator.addMethod(
        "regex",
        function(value, element, regexp) {
            var check = false;
            var re = new RegExp(regexp);
            return this.optional(element) || re.test(value);
        },
        "Please check your input.");

    valid_Forms();

    // Add the validation rules (This allows either 'SW4' / 'SW12' or 'SW12 9TY' format. Note: WC2R fails)
    $("#srt_ad").rules("add", { regex: "^([Gg][Ii][Rr] 0[Aa]{2})|((([A-Za-z][0-9]{1,2})))$|^([Gg][Ii][Rr] 0[Aa]{2})|((([A-Za-z][0-9]{1,2})|(([A-Za-z][A-Ha-hJ-Yj-y][0-9]{1,2})|(([A-Za-z][0-9][A-Za-z])|([A-Za-z][A-Ha-hJ-Yj-y][0-9]?[A-Za-z])))) [0-9][A-Za-z]{2})$" });
    $("#sign_up_submit").attr("disabled", "disabled");

});