//-----------------------------------
// Laguna Honda orientation signup
//-----------------------------------

var reqBase = ['fname', 'lname', 'email1', 'email2', 'phone'];

$(function() {
        $('input.submit').click(processSignup);
	$('#signup').submit(function() { return false; });
	
	$(":input").bind('focus', function(event) {
		//reset form labels on focus
		$(this).prev().removeClass('error');
	    });

	$('select#orientationTime').html(selectDates);
    });
    
function processSignup() {
    if (validateSignupForm()) {
        var params = $("#signup").serialize();
	
        $('div#TB_window').block({message: ''});
        $.ajax({ type: "POST",
                    url: $("#signup").attr('action'), 
                    data: params,
                    success: function(data) { 
		    $('div#TB_window').unblock(); 

		    if (data == 'SUCCESS') {
			tb_show('', '/modal/volunteer_thanks.html?', '');
		    }
		    else {
			alert('Sorry, an error occurred while processing your request.');
		    }
		}});
    }
}

function validateSignupForm() {
    var okay = true;

    // remove all error states
    $('.error').removeClass('error');

    // check basic info
    for (var i=0; i<reqBase.length; i++) {
        if (checkField(reqBase[i])) {
            okay = false;
        }
    }

    // check for valid phone
    if (!(isValidPhone($('#phone').val()))) {
	$('#phone').prev().addClass('error');
	okay = false;
    }

    // check emails
    if (!(isValidEmail($('#email1').val()))) {
	$('#email1').prev().addClass('error');
	okay = false;
    }
    else if ($('#email1').val() != $('#email2').val()) {
	$('#email1').prev().addClass('error');
	$('#email2').prev().addClass('error');
	okay = false;
    }

    if ($('#orientationTime').val() == '') {
	$('#orientationTime').prev().addClass('error');
	okay = false;
    }

    return okay;
}