$(document).ready(function () {
    // watermark
    swapValues = [];
    $(".jq_watermark").each(
            function (i) {
                swapValues[i] = $(this).val();
                $(this).focus(function () {
                    if ($(this).val() == swapValues[i]) {
                        $(this).val("")
                    }
                }
                ).blur(function () {
                    if ($.trim($(this).val()) == "") {
                        $(this).val(swapValues[i])
                    }
                }
                 )
            }
      )

    // Change style of selected letter
    $(".letter").click(function () {
        $(".disabled").addClass("active").removeClass("disabled");
        $(".show-all-disabled").addClass("show-all-active").removeClass("show-all-disabled");
        $(this).addClass("disabled").removeClass("active");
        $("#pages").hide();
    });
    $("#show-all").click(function () {
        $(".disabled").addClass("active").removeClass("disabled");
        $(this).removeClass("show-all-active").addClass("show-all-disabled");
        $("#pages").show();
    });
}
);