/// <reference path="script/jquery-1.3.2.js" />

$(document).ready(function() {
   
    $(".DivJavascriptWarning").hide();
    $(".DivCoupon").show();

    $(".imgCheckUncheck").hide();

    $(".ddHear").change(function() {
        if ($(this).val() == "Other") {
            $(".txtHear").show();
        } else {
            $(".txtHear").hide();
        }
    });
    $(".txtEmail").change(EmailChange);
    $(".txtFriendEmail1").change(EmailChangeBlankOK);
    $(".txtFriendEmail2").change(EmailChangeBlankOK);
    $(".txtFriendEmail3").change(EmailChangeBlankOK);
    //$(".txtFriendEmail4").change(EmailChangeBlankOK);
    $('.btnSubmit').click(SubmitClicked);

    $("input").focus(InputFocus);
    $("input").blur(InputBlur);
});
function InputFocus() {
    $(this).addClass('focus');
}
function InputBlur() {
    $(this).removeClass('focus');
    $(this).addClass('focusOut');
}
function SubmitClicked() {
    // Validation rules

    // txtEmail must be valid and not blank
    if (isValidEmailAddress($(".txtEmail").val()) == false) {
        ErrorDialog("Your Email Address", "Your email address is required and must be a valid email.");
        return false;
    }
    // Must have a ddhear value
    if ($('.ddHear').val() == "" || ($('.ddHear').val() == "Other" && $('.txtHear').val() == '')) {
        ErrorDialog("How did you hear about the coupon?", "Please tell us how you heard about this coupon.");
        return false;
    }
    // friends are optional, but if they enter an email it must be valid
    if (CheckFriendEmail(".txtFriendName1", ".txtFriendEmail1") == false) {
        return false;
    }
    if (CheckFriendEmail(".txtFriendName2", ".txtFriendEmail2") == false) {
        return false;
    }
    if (CheckFriendEmail(".txtFriendName3", ".txtFriendEmail3") == false) {
        return false;
    }
//    if (CheckFriendEmail(".txtFriendName4", ".txtFriendEmail4") == false) {
//        return false;
//    }
        
    return true;
}
function CheckFriendEmail(selName, selEmail) {
    // if both blank is ok
    if ($(selName).val() == '' && $(selEmail).val() == '') {
        return true;
    }
    // if one is entered and one blank, error
    if ($(selName).val() == '' || $(selEmail).val() == '') {
        ErrorDialog("Friend's Name", "For each friend you wish to refer, please enter a name <b>and</b> email address.");
        return false;
    }
    // if email is in error, error
    if (isValidEmailAddress($(selEmail).val()) == false) {
        ErrorDialog("Friend's Email", "For each friend you wish to refer, please enter a valid email address.");
        return false;
    }
    return true;
}
function EmailChangeBlankOK() {
    var txtEmail = $(this).val();
    var imgID = $(this).attr("id");
    imgID = imgID.replace("txt", "img");
    var imgOK = imgID + "OK";
    var imgCancel = imgID + "Cancel";

    if (txtEmail != "" && isValidEmailAddress(txtEmail) == false) {
        $("." + imgOK).hide();
        $("." + imgCancel).show();
    } else {
        if (txtEmail == "") {
            $("." + imgOK).hide();
            $("." + imgCancel).hide();
        } else {
            $("." + imgOK).show();
            $("." + imgCancel).hide();
        }
    
    }
}

function EmailChange() {
    var txtEmail = $(this).val();
    var imgID = $(this).attr("id");
    imgID = imgID.replace("txt", "img");
    var imgOK = imgID + "OK";
    var imgCancel = imgID + "Cancel";

    if (isValidEmailAddress(txtEmail) == false) {
        $("." + imgOK).hide();
        $("." + imgCancel).show();
    } else {
        $("." + imgOK).show();
        $("." + imgCancel).hide();    
    }
}
function DDChange() {
    var ddHear = $(this).val();
    var imgID = $(this).attr("id");
    imgID = imgID.replace("dd", "img");
    var imgOK = imgID + "OK";
    var imgCancel = imgID + "Cancel";

    if (ddHear=="") {
        $("." + imgOK).hide();
        $("." + imgCancel).show();
    } else if (ddHear == "Other") {
        $("." + imgOK).hide();
        $("." + imgCancel).hide();    
    } else {
        $("." + imgOK).show();
        $("." + imgCancel).hide();
    }
}