$(document).ready(function() {

    $("#sessionExpired").hide();
    $("[id$='btnClosePage']").imageButton({ className: 'midCancel', rootClassName: 'button midCancel' }).css("float", "right");
    $("[id$='btnClosePage']").click(function() { window.close(); });
    
    $("[id$='upSurvey']").panelReady(function() {

        $("[id$='btnCancel']").imageButton({ className: 'midCancel', rootClassName: 'button midCancel' }).css("float", "right");
        $("[id$='btnPrevious']").imageButton({ className: 'midCancel', rootClassName: 'button midCancel' }).css("float", "right");
        $("[id$='btnConsent']").imageButton({ className: 'wideAlt', rootClassName: 'button wideAlt' }).css("float", "right");
        $("[id$='btnAdd']").imageButton({ className: 'wideAlt', rootClassName: 'button wideAlt' }).css("float", "right");
        $("[id$='btnNext']").imageButton({ className: 'mid', rootClassName: 'button mid' }).css("float", "right");
        $("[id$='btnSubmit']").imageButton({ className: 'mid', rootClassName: 'button mid' }).css("float", "right");
        $("[id$='btnClose']").imageButton({ className: 'mid', rootClassName: 'button mid' }).css("float", "right");
        $("[id$='btnCancel']").click(function() { window.close(); });

        setTimeout("handleSessionExpiration()", 3000000);

        $("[dataType='numeric']").numeric();

        var inputTxt = $("input[id*=txt]");
        if (inputTxt.length > 0) {
            var txtID = inputTxt.attr("id");
            var optionID = txtID.split(".")[1];
            var partialRadioBtnID = "rb." + optionID;
            var partialCheckboxID = "cb." + optionID;

            inputTxt.click(function() {
                $("input[id*=" + partialRadioBtnID + "]").attr("checked", true);
                $("input[id*=" + partialCheckboxID + "]").attr("checked", true);
            });

            inputTxt.change(function() {
                if (inputTxt.val().length == 0) {
                    $("input[id*=" + partialRadioBtnID + "]").attr("checked", false);
                    $("input[id*=" + partialCheckboxID + "]").attr("checked", false);
                }
            });
        }

        var message = $("<p style='margin-top: 5px;'>(250 chars remaining)</p>");
        var textArea = $("textarea[id*=txt]");
        if (textArea.length > 0) {
            message.html("(" + (250 - $(textArea).val().length) + " chars remaining)");
            $(textArea).parent().append(message);
            $(textArea).height("60px").keyup(function() {
                var len = $(this).val().length;
                if (len > 250) {
                    this.value = this.value.substring(0, 250);
                }

                message.html("(" + (250 - len) + " chars remaining)");
            });

        }

        if ($("[id$='hdnCloseForm']").val() == "true") {
            self.close();
        }
    });
});

function handleSessionExpiration() {
    alert('Your survey session will expire in about 10 minutes.');

    setTimeout("showSessionExpiredMessage()", 600000); 
}

function showSessionExpiredMessage() {
    $("[id$='upSurvey']").hide();
    $("#sessionExpired").show();
}