﻿(function ($) {
    $.fn.watermark = function () {
        // Get the input element and the text
        var input = $(this);
        var text = input.attr("title");

        // Wireup events en setup control
        input.focus(focusHandler);
        input.blur(blurHandler);
        toggleWatermark();

        function focusHandler(event) {
            toggleWatermark();
        }

        function blurHandler(event) {
            toggleWatermark();
        }

        // Displays the watermark text when the input is left empty
        function toggleWatermark() {
            if (input.val() == "") {
                input.val(text);
                input.addClass("watermark");
            } else if (input.val() == text) {
                input.val("");
                input.removeClass("watermark");
            }
        }
    }
})(jQuery);
