// Begin invite a friend
if (typeof (PFP.ShareStory) == "undefined") {
    PFP.ShareStory = {Submitted: false};
}

PFP.ShareStory.StartProcess = function() {
    //$j('#thank-you-dialog').dialog('open');
    $j('#share-story-dialog').dialog('open');
    $j('#invite-message-dialog').dialog('close');
    $j('#invite-message-dialog a.back-btn').unbind('click', PFP.ShareStory.StartProcess);
    return false;
}

PFP.ShareStory.InviteFriend = function() {
    $j('#thank-you-dialog').dialog('close');
    $j('#invite-friend-dialog').dialog('open');
}

PFP.ShareStory.SubmitMessage = function() {
    alert('Your story has been submitted.');
    return false;
}

PFP.ShareStory.ValidateStory = function() {
    if (PFP.ShareStory.Submitted == true) return false;

    var zipRegex = new RegExp(/^\d{5}$/);
    var emailRegex = new RegExp(/^[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$/i);
    var phoneRegex = new RegExp(/^\(?\d{3}\)?[-. ]{1}\d{3}[-.]\d{4}$/);
    var photoRegex = new RegExp(/(.*\.jpg)|(.*\.jpeg)|(.*\.png)|(.*\.gif)/i);
    var isValid = true;
    var errorMessage = "Please correct the following error(s):<br />";
    if ($j('.share-story-dialog .firstName').attr('value') == "") {
        isValid = false;
        errorMessage += "Please enter your first name.<br />";
    }
    if ($j('.share-story-dialog .lastName').attr('value') == "") {
        isValid = false;
        errorMessage += "Please enter your last name.<br />";
    }
    if ($j('.share-story-dialog .address').attr('value') == "") {
        isValid = false;
        errorMessage += "Please enter your address.<br />";
    }
    if ($j('.share-story-dialog .city').attr('value') == "") {
        isValid = false;
        errorMessage += "Please enter your city.<br />";
    }
    if ($j('.share-story-dialog .state').attr('value') == "") {
        isValid = false;
        errorMessage += "Please select your state.<br />";
    }
    if ($j('.share-story-dialog .zip').attr('value') == "" || !zipRegex.test($j('.share-story-dialog .zip').attr('value'))) {
        isValid = false;
        errorMessage += "Please enter a 5 digit zipcode in the format XXXXX.<br />";
    }

    if ($j('.share-story-dialog .month').attr('value') == "" || $j('.share-story-dialog .day').attr('value') == "" || $j('.share-story-dialog .year').attr('value') == "") {
        isValid = false;
        errorMessage += "Please select your birth date.<br />";
    }

    if ($j('.share-story-dialog .email').attr('value') == "" || !emailRegex.test($j('.share-story-dialog .email').attr('value'))) {
        isValid = false;
        errorMessage += "Please enter a valid e-mail address.<br />";
    }

    if ($j('.share-story-dialog .phone').attr('value') == "" || !phoneRegex.test($j('.share-story-dialog .phone').attr('value'))) {
        isValid = false;
        errorMessage += "Please enter a valid phone number in the format XXX-XXX-XXXX.<br />";
    }

    if ($j('.share-story-dialog .fileUp').attr('value') != "" && !photoRegex.test($j('.share-story-dialog .fileUp').attr('value'))) {
        isValid = false;
        errorMessage += "You may only upload photos of type .jpg, .jpeg, .gif and .png.<br />";
    }

    if ($j('.share-story-dialog input:checked').length < 2) {
        isValid = false;
        errorMessage += "You must agree to all terms and conditions of submitting your story.<br />";
    }

    if (!isValid) {
        errorMessage += "<p>&nbsp;</p>";
        $j('#share-story-dialog').dialog("close");
        $j('#invite-message-dialog div').html("<p>" + errorMessage + "</p>");
        $j('#invite-message-dialog').dialog("open");
        $j('#invite-message-dialog a.back-btn').click(PFP.ShareStory.StartProcess);
    }
    else {
        $j('.share-story-dialog .submit-btn').removeClass('send-btn').addClass('submit-btn-disabled');
        PFP.ShareStory.Submitted = true;
    }

    return isValid;
}


$j(document).ready(function() {
    $j('#thank-you-dialog').dialog({
        autoOpen: false,
        modal: true,
        width: 780,
        title: "Thank You For Sharing Your Story",
        dialogClass: "thank-you-dialog",
        buttons: {
            "Ok": function() {
                $j(this).dialog("close");
            },
            "Cancel": function() {
                $j(this).dialog("close");

            }
        }
    });

    $j('#share-story-dialog').dialog({
        autoOpen: false,
        modal: true,
        width: 780,
        title: "Share Your Story",
        dialogClass: "share-story-dialog",
        buttons: {
            "Ok": function() {
                $j(this).dialog("close");
            },
            "Cancel": function() {
                $j(this).dialog("close");

            }
        }
    });

    $j('a.share-story').click(PFP.ShareStory.StartProcess);
    $j('.share-story-dialog .submit-btn').click(PFP.ShareStory.ValidateStory);
    if ($j('#share-story-dialog input[type=hidden]').attr('value') == "1") {
        $j('#thank-you-dialog').dialog('open');
    }
});