});

    $(".t-shirt-size-selector").hide();

    $('input[name=on0]:radio').change(function() {

        var input=$(this);

        var tShirtSelector = input.parent().children('.t-shirt-size-selector')

        var noShippingSelector = input.parent().children('input#no_shipping');

        var value = input.val();

        if (value == "wantGiftYes") {

            tShirtSelector.show();

            noShippingSelector.val("2");

        } else {

            tShirtSelector.hide();

            noShippingSelector.val("0");

        }

    });

    // Forms start in "invalid" form, with the errors shown, so that

    // non-Javascript users see the errors by default and know what they must

    // enter.  The following two lines correct that.

    $('*#amount').addClass("valid");

    $('.supporter-form-inputs .form-error-show')

        .removeClass('form-error-show').addClass('form-error');

    $('.dinner-form-inputs .form-error-show')

        .removeClass('form-error-show').addClass('form-error');

    $('*#amount').on('input', function() {

        var input=$(this);

        var value = input.val();

        var errorElement=$("span#error", input.parent());

        var noCommaValue = value;

        noCommaValue = value.replace(/,/g, "");

        var re = /^((\d{1,3}(,?\d{3})*?(\.\d{0,2})?)|\d+(\.\d{0,2})?)$/;

        var isValid = ( re.test(value) &&

                        parseInt(noCommaValue) >= parseInt(input.attr("minimum")));

        if (isValid)  {

           input.removeClass("invalid").addClass("valid");

           errorElement.removeClass("form-error-show").addClass("form-error");

           $("#form-correction-needed").removeClass("form-error-show").addClass("form-error");

        }

        else {

            input.removeClass("valid").addClass("invalid");

            errorElement.removeClass("form-error").addClass("form-error-show");

        }

    });

    var validateFormAtSubmission = function(element, event) {

            var valid = element.hasClass("valid");

            if (! valid) {

                $("#form-correction-needed").removeClass("form-error").addClass("form-error-show")

                                        .css("font-weight", "bold").css("font-size", "150%");

	        event.preventDefault();

            } else {

                $("#form-correction-needed").removeClass("form-error-show").addClass("form-error");

            }

    };

    $(".supporter-form-submit#monthly").click(function (event) {

        validateFormAtSubmission($(".supporter-form#monthly input#amount"), event);

    });

    $(".supporter-form-submit#annual").click(function (event) {

        validateFormAtSubmission($(".supporter-form#annual input#amount"), event);

    });

    $(".supporter-form-submit#renewal").click(function (event) {

        validateFormAtSubmission($(".supporter-form#renewal input#amount"), event);

    });

    $(".dinner-form-submit").click(function (event) {

        validateFormAtSubmission($(".dinner-form input#amount"), event);

    });

    var selectSupportType = function(event) {

        var $selectedLink = $(event.target);

        $(".supporter-type-selector a").removeClass("supporter-type-selector-selected");

        $selectedLink.addClass("supporter-type-selector-selected");

        $(".supporter-type-selection").each(function(index, element) {

            var $element = $(element);

            if (event.target.href.endsWith("#" + element.id)) {

                $element.show();

            } else {

                $element.hide();

            }

        });

        $("#form-correction-needed").removeClass("form-error-show").addClass("form-error");

        return false;

    };

    $(".supporter-type-selector a").bind("click", selectSupportType);

    var supportTypeSelector = function(supportTypeHash) {

        return $(".supporter-type-selector a[href=" + supportTypeHash + "]");

    };

    var selectSupportTypeFromHash = function() {

        return supportTypeSelector(window.location.hash).click();

    };

    var $window = $(window);

    $window.bind("hashchange", selectSupportTypeFromHash);

    var $selectorLink = selectSupportTypeFromHash();

    if ($selectorLink.length === 0) {

        supportTypeSelector("#annual").click();

    } else {

    }

    $( ".footnote-mark" ).tooltip({

        items: "a",

        hide: { duration: 5000 },

        position: {

            my: "center bottom-20",

            at: "center left",

            using: function( position, feedback ) {

                $( this ).css( position );

                $( "<div>" )

                    .addClass( "arrow" )

                    .addClass( feedback.vertical )

                    .addClass( feedback.horizontal )

                    .appendTo( this );

            }

        },

        content: function() {

            return $('.footnote-1-text').text();

        }

    });

});