var previousRadioBoxChecked = 0;
var formProcessorURL = "/site/WidgetForms/Forms/fall2010_rallies_email_reminder/fall2010_rallies_email_reminder.aspx";

function showEmailReminder(bf) {
    loadWidgetForm("/site/WidgetForms/Forms/fall2010_rallies_email_reminder/fall2010_rallies_email_reminder.aspx?bf=" + bf, 820, 100);
}  
function radioBoxSelected(id) {
    if (previousRadioBoxChecked != 0) {
        document.getElementById("radiobox" + previousRadioBoxChecked).src = "/site/_images/advent/cb1_unchecked.jpg";
        document.getElementById("radiobox" + previousRadioBoxChecked).alt = "Unselected";        
    }

    if (id == 1) {
        document.getElementById("age").value = "0-18";
        previousRadioBoxChecked = 1;
    }
    else if (id == 2) {
        document.getElementById("age").value = "19-29";  
        previousRadioBoxChecked = 2;
    }
    else if (id == 3) {
        document.getElementById("age").value = "30-49"; 
        previousRadioBoxChecked = 3;
    }
    else if (id == 4) {
        document.getElementById("age").value = "50-64";
        previousRadioBoxChecked = 4;
    } 
    else if (id == 5) {
        document.getElementById("age").value = "65+";
        previousRadioBoxChecked = 5;
    }
    
    document.getElementById("radiobox" + id).src = "/site/_images/advent/cb1_checked.jpg";
    document.getElementById("radiobox" + id).alt = "Selected";                                                   
}
function cbxClicked(id) {
    document.getElementById("location_selected").value = "1";
        
    if (document.getElementById("cbx" + id + "_val").value == "Yes") {
        document.getElementById("cbx" + id + "_val").value = "No";
        document.getElementById("cbx" + id + "_img").src = "/site/_images/advent/cb1_unchecked.jpg";
        document.getElementById("cbx" + id + "_img").alt = "Unselected";
    }
    else {
        document.getElementById("cbx" + id + "_val").value = "Yes";
        document.getElementById("cbx" + id + "_img").src = "/site/_images/advent/cb1_checked.jpg";
        document.getElementById("cbx" + id + "_img").alt = "Selected";        
    }
}    
function cb2Clicked(id) {
    if (document.getElementById("cb2" + id + "_val").value == "Yes") {
        document.getElementById("cb2" + id + "_val").value = "No";
        document.getElementById("cb2" + id + "_img").src = "/site/_images/advent/cb2_unchecked.jpg";
        document.getElementById("cb2" + id + "_img").alt = "Unselected";
    }
    else {
        document.getElementById("cb2" + id + "_val").value = "Yes";
        document.getElementById("cb2" + id + "_img").src = "/site/_images/advent/cb2_checked.jpg";
        document.getElementById("cb2" + id + "_img").alt = "Selected";        
    }
    
    if (id == 1 && document.getElementById("cb2" + id + "_val").value == "Yes") {
        document.getElementById("cb22_val").value = "No";
        document.getElementById("cb22_img").src = "/site/_images/advent/cb2_unchecked.jpg";
        document.getElementById("cb22_img").alt = "Unselected";  
        document.getElementById("cb23_val").value = "No";
        document.getElementById("cb23_img").src = "/site/_images/advent/cb2_unchecked.jpg";
        document.getElementById("cb23_img").alt = "Unselected";                  
    }
    else if ((id == 2 || id == 3) && document.getElementById("cb2" + id + "_val").value == "Yes") {
        document.getElementById("cb21_val").value = "No";
        document.getElementById("cb21_img").src = "/site/_images/advent/cb2_unchecked.jpg";
        document.getElementById("cb21_img").alt = "Unselected";         
    }
}  
function submitForm() {
    var poststr = "";
    
    if (document.getElementById("email").value == "") {
        alert("A valid email address is required.");
        return;
    }
    else if (document.getElementById("email").value.toLowerCase() != document.getElementById("emailconfirm").value.toLowerCase()) {
        alert("The 2 email address you entered did not match.");
        return;       
    }
    else if (document.getElementById("location_selected").value == "") {
        alert("Please specify 1 or more rally locations.");
        return;       
    }        
    
    poststr += "firstname=" + escape(document.getElementById("firstname").value) + "&";
    poststr += "lastname=" + escape(document.getElementById("lastname").value) + "&";
    poststr += "zip=" + escape(document.getElementById("zip").value) + "&";
    poststr += "email=" + escape(document.getElementById("email").value) + "&";
    poststr += "location1=" + escape(document.getElementById("cbx1_val").value) + "&";
    //poststr += "location2=" + escape(document.getElementById("cbx2_val").value) + "&";
    //poststr += "location3=" + escape(document.getElementById("cbx3_val").value) + "&";
    poststr += "use_email=" + escape(document.getElementById("cb21_val").value) + "&";
    poststr += "signup_for_other=" + escape(document.getElementById("cb22_val").value) + "&";       
    poststr += "daily_devo=" + escape(document.getElementById("cb23_val").value) + "&"; 
    poststr += "bf=" + escape(document.getElementById("bf").value);
    
    if (document.getElementById("cb23_val").value.toLowerCase() == "yes") {    
        $.post("/shop/email_devotional_signup.aspx?remote=1", { firstname: document.getElementById("firstname").value, lastname: document.getElementById("lastname").value, zip: document.getElementById("zip").value, email: document.getElementById("email").value },
            function(data) {
 
            }
        );
    }
    
    submitFormInfoToAjaxAPI(poststr);
}
function submitFormInfoToAjaxAPI(poststr) {
    var xmlHttp;
    try {  // Firefox, Opera 8.0+, Safari 
        xmlHttp = new XMLHttpRequest(); 
    }
    catch (e) {  // Internet Explorer 
        try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");   
        }
        catch (e) {
            try {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e) {
                alert("Your browser does not support AJAX!");
                return false;   
            }
        } 
    }
    
    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState == 4) { 
            document.getElementById("email_form").innerHTML = "<center><div style=\"margin-top: 104px; margin-bottom: 104px; font-size: 10pt; color: black; font-family: verdana\">Your information has been successfully received.<br /><br /><a style=\"color: blue\" href=\"javascript:wf_close()\">Close</a></div></center>";
        }
    }
 
    xmlHttp.open("post", formProcessorURL, true);
    xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
    xmlHttp.send(poststr); 
}