$jq(document).ready(function () {
    var text = document.getElementById("emailSignUpTextBox");

    var button = document.getElementById("emailSignUpButton");

    var into = "Enter email address";

    text.value = into;

    $jq(text).click(function () {
        this.value = "";
    });

    $jq(text).blur(function () {
        if (this.value.length == 0) {
            this.value = into;
        }
    });

    $jq(text).keypress(function (event) {
        if (event.keyCode == '13') {
            event.preventDefault();

            document.getElementById('emailSignUpButton').click();
        }
    });

    $jq(button).click(function (event) {
        event.preventDefault();

        var text = document.getElementById("emailSignUpTextBox");

        var source = document.getElementById("emailSignUpSource");

        $jq.post(gEmailSignupHandler, {
            emailSignUpTextBox: text.value,
            emailSignUpSource : source.value,
            emailSignUpButton: 0
        },
			function (responseText, textStatus) {
			    var error = document.getElementById("emailSignUpError");

			    error.innerHTML = responseText;

			    if (responseText == null || responseText.length < 1) {
			        var container = document.getElementById("emailSignUpContainer");

			        container.style.display = "none";

			        var success = document.getElementById("emailSignUpSuccess");
			        success.style.display = "";
			    }
			    else {
			        var messageWrapper = document.getElementById("emailDesc");
			        messageWrapper.style.display = "none";

			        var errorMessageWrapper = document.getElementById("emailErrorWrapper");
			        errorMessageWrapper.style.display = "block";
			    }
			}
		);
    });
});