var add_members = add_members || {};

/* If the user checks 'add additional members' we want to show
 * them the form. If they fill it out and then uncheck it, we want
 * to get rid of everything they put in so that it won't go into
 * the form. However, if they check it again we want the data to
 * still be there. To handle that we stash the data in the arrays
 * below, inside the javascript, when that part of the form is
 * hidden.
 */
add_members.title = new Array();
add_members.first_name = new Array();
add_members.last_name = new Array();
add_members.email = new Array();
add_members.phone = new Array();

add_members.hide_show = function() {
    if ($("#id_0-add_members").attr("checked")) {
	$("#additional-members-form").show("medium");
	add_members.unclear_data();
    }
    else {
	$("#additional-members-form").hide("medium");
	add_members.clear_data();
    }
}

add_members.clear_data = function() {
    for(i=1; i <= 6; i++){
	add_members.title[i-1] = $("#id_0-add" + i + "_title").val();
	$("#id_0-add" + i + "_title").val("");
	add_members.first_name[i-1] = $("#id_0-add" + i + "_first_name").val();
	$("#id_0-add" + i + "_first_name").val("");
	add_members.last_name[i-1] = $("#id_0-add" + i + "_last_name").val();
	$("#id_0-add" + i + "_last_name").val("");
	add_members.email[i-1] = $("#id_0-add" + i + "_email").val();
	$("#id_0-add" + i + "_email").val("");
	add_members.phone[i-1] = $("#id_0-add" + i + "_phone").val();
	$("#id_0-add" + i + "_phone").val("");
    }
}

add_members.unclear_data = function() {
    for(i=1; i <= 6; i++){
	$("#id_0-add" + i + "_title").val(add_members.title[i-1]);
	$("#id_0-add" + i + "_first_name").val(add_members.first_name[i-1]);
	$("#id_0-add" + i + "_last_name").val(add_members.last_name[i-1]);
	$("#id_0-add" + i + "_email").val(add_members.email[i-1]);
	$("#id_0-add" + i + "_phone").val(add_members.phone[i-1]);
    }
}

$(document).ready(function () {

	add_members.hide_show();
	$("#id_0-add_members").bind("click", add_members.hide_show);

	
    }

);