var errorMainMessage = "<p><b>Oops! We need a little more information to process your application.</b></p>"

$(document).ready(function(){

    //alert(newMember);
    
    $("#formExistingMember").hide();
    $("#formNewMember").hide();
    $(".page_" + page_no).show();
    
    
    if (!newMember) {
    
        str = $("input[name='member']:checked").val();
        if (str == 'yes') {
            $("#formNewMember").hide();
            $("#formExistingMember").show();
            $("#extraFields").show();//show extra fields if any
        }
        else 
            if (str == "no") {
                $("#formNewMember").show();
                $("#formExistingMember").hide();
                $("#extraFields").show();//show extra fields if any
            }
    }else{
        
        $("#formMemberYesNo").prev().hide();
        $("#formMemberYesNo").hide();
        $("#formExistingMember").hide();
        
        $("#formNewMember").show();
        $("#extraFields").show();
        $("input[name='member']:last").attr("checked","checked");
    }
    
    $("input[name='member']").click(function(){
        str = $("input[name='member']:checked").val();
        $(".jsErrors").hide();
        $("#extraFields").show();//show extra fields if any
        if (str == "yes") {//show member
           $("#formNewMember").hide();
           $("#formExistingMember").show();
           $(".navigation").show();
        }
        else 
            if (str == "no") {//show not member
                $("#formNewMember").show();
                $("#formExistingMember").hide();
                $(".navigation").show();
            }
            else {//hide all
                $("#formNewMember").hide();
                $("#formExistingMember").hide();
                $(".navigation").hide();
            }
    })
    
});

$(window).load(function(){
    //show navigation for form pages. The pagination is done on load
    str = $("input[name='member']:checked").val();
    //if checked memeber yes/no show. Also show when default page is 2(the user has chosen to submit multiple application)
    
    if (str || page_no > 1) {
        $(".navigation").show();
    }
    //show navigation if new member
    if (newMember){
        $(".navigation").show();
    }
    //add roolover for next/previous
    $("span.goto_change").hover(function(){
        $(this).css("color", "#ED7729");
    }, function(){
        $(this).css("color", "#0071AB");
    });
});


//commomn functions for all steps and more
function validateStep1(member){
    var validStep = "";
    
    if (member == 'yes') {
        if (!something($("input[name='firstnameE']").val())) {
            validStep += "- Please enter your first name<br/>";
        }
        if (!something($("input[name='secondnameE']").val())) {
            validStep += "- Please enter your last name<br/>";
        }
        if (!something($("input[name='datebirthE_MM']").val())) {
            validStep += "- Please enter the month you were born<br/>";
        }
        if (!something($("input[name='datebirthE_DD']").val())) {
            validStep += "- Please enter the day you were born<br/>";
        }
        if (!something($("input[name='datebirthE_YYYY']").val())) {
            validStep += "- Please enter the year you were born<br/>";
        }
        if (!something($("select[name='branchE']").val())) {
            validStep += "- Please choose a Branch<br/>";
        }
        return validStep;
    }
    else {
    
        if (!something($("input[name='firstname']").val())) {
            validStep += "- Please enter your first name<br/>";
        }
        if (!something($("input[name='secondname']").val())) {
            validStep += "- Please enter your last name<br/>";
        }
        if (!something($("input[name='datebirth_MM']").val())) {
            validStep += "- Please enter the month you were born<br/>";
        }
        if (!something($("input[name='datebirth_DD']").val())) {
            validStep += "- Please enter the day you were born<br/>";
        }
        if (!something($("input[name='datebirth_YYYY']").val())) {
            validStep += "- Please enter the year you were born<br/>";
        }
        if (!something($("input[name='address']").val())) {
            validStep += "- Please enter your address<br/>";
        }
        if (!something($("input[name='city']").val())) {
            validStep += "- Please enter your city<br/>";
        }
        if (!something($("input[name='province']").val())) {
            validStep += "- Please enter your province<br/>";
        }
        if (!something($("input[name='postalCode']").val())) {
            validStep += "- Please enter your postal code<br/>";
        }
        if (!something($("input[name='homephone']").val())) {
            validStep += "- Please enter your home phone number<br/>";
        }
        /*
        if (!something($("input[name='otherphone']").val())) {
            validStep += "- Invalid Other Phone<br/>";
        }
        */
        if (!something($("input[name='sin']").val())) {
            validStep += "- Please enter your S.I.N.<br/>";
        }
        
        if (!validEmail($("input[name='email']").val())) {
            validStep += "- Please enter your email address<br/>";
        }
		/*
        if (!something($("input[name='employername']").val())) {
            validStep += "- Please enter the name of your employer<br/>";
        }
        if (!something($("input[name='position']").val())) {
            validStep += "- Please enter your position<br/>";
        }
        if (!something($("input[name='employeraddress']").val())) {
            validStep += "- Please enter your employer's address<br/>";
        }
        */
        if (!something($("select[name='branch']").val())) {
            validStep += "- Please choose a branch<br/>";
        }
        return validStep;
    }
}


function hideAllPages(){ //not all pages are used
    $(".page_1").hide();
    $(".page_2").hide();
    $(".page_3").hide();
    $(".page_4").hide();
    $(".page_5").hide();
    $(".page_6").hide();
    $(".page_7").hide();
    $(".page_8").hide();
}


//validation functions
function something(value){
    return $.trim(value).length > 0;
}

function validEmail(value){
    return /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i.test(value);
}