$(document).ready(function() {
    // click handler for feedback tab
    $('#feedbackTab').click(function(e) {
        e.preventDefault();

        // display div containing feedback form
        $('#feedbackDialog').dialog('open');
        $("#captchaRefresh").click();
    });

    // Feedback modal block options
    $('#feedbackDialog').dialog({
        autoOpen: false,
        closeOnEscape: true,
        closeText: 'hide',
        draggable: false,
        modal: true,
        position: 'center',
        resizable: false,
        title: 'Feedback',
        width: '420px',
        close: function(ev, ui) {
            $("#onlineStoreFeedback").show();
            $('#feedbackCompleteMsg').hide();
            $('.feedback-opt').removeClass('active');
            $('#feedbackRating').val("");
            $('#feedbackID').val("");
            $('#feedbackTopic').val("");
            $('#emailAddress').val("");
            $('#feedbackComment').val("");
        }
    });

    // set feedback rating

    // get clicked item title
    $('.feedback-opt').click(function(e) {
        e.preventDefault();
        // add active class to icon selected
        if ($(this).hasClass('active')) {
            return false;
        }
        else {
            $('.feedback-opt').removeClass('active');
            $(this).addClass('active');
        }
        // set hidden field to that selected
        var feedbackRating = $(this).attr('id').substring(12);
        $('#feedbackRating').val(feedbackRating);
        // then update the database with the selection choice
        $.post(g_rootURL + "feedback/ajax_update.asp",
            $("#onlineStoreFeedback").serialize(),
            function(data) {
                $('#feedbackID').val(data);
            }
        );
    });
    $("#captchaRefresh").click(function(e) {
        e.preventDefault();
        var now = new Date();
        $("#imgCaptcha").attr("src", '../feedback/captcha.asp?x=' + now.toUTCString());
        $("#captchaCode").val("");
    });

    // get clicked item title
    $('#feedback-submit').click(function(e) {
        e.preventDefault();
        // Update the database with the feedback post
        $.post(g_rootURL + "feedback/ajax_submit.asp",
            $("#onlineStoreFeedback").serialize(),
            function(data) {
                if (data.Result == "1") {
                    $('.feedback-opt').removeClass('active');
                    $('#feedbackRating').val("");
                    $('#feedbackID').val("");
                    $('#feedbackTopic').val("");
                    $('#emailAddress').val("");
                    $('#feedbackComment').val("");
                    $("#onlineStoreFeedback").hide();
                    $('#feedbackCompleteMsg').show();
                } else if (data.Result == "0") {
                    $('#feedbackRatingErrMsg').hide();
                    if (data.RatingErr == "1") {
                        $('#feedbackRatingErrMsg').show();
                    }
                    $('#feedbackTopicErrMsg').hide();
                    if (data.TopicErr == "1") {
                        $('#feedbackTopicErrMsg').show();
                    }
                    $('#captchaCodeErrMsg').hide();
                    if (data.CaptchaErr == "1") {
                        $('#captchaCodeErrMsg').show();
                    }
                    $("#captchaRefresh").click();
                }
            }, "json"
        );
    });
});