/// <reference name="MicrosoftAjax.js"/>
/// <reference path="jquery-1.3.2.min.js"/>


var watermarkText = 'Enter your email address';

$(document).ready(function()
{
  $("#emailDialog").dialog({ modal: true, autoOpen: false, buttons: { "Ok": function() { $(this).dialog('close'); } } });

  function showMessage(message)
  {
    $("#emailDialog").text(message);
    $("#emailDialog").dialog('open');
  }

  function signup()
  {
    var txtSignup = document.getElementById('txtSignup');

    if (txtSignup.value != '' && txtSignup.value != watermarkText)
    {

      $.ajax({
        type: "POST",
        url: "SignUpService.asmx/Signup",
        data: "{email: '" + txtSignup.value + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",

        success: function(msg)
        {
          var returnVal = msg.d;
          if (returnVal == '')
          {
            showMessage('Thanks for signing up!');
            txtSignup.value = '';
          }
          else
          {
            showMessage(returnVal);
          }
        }
      });
    }
  }


  //Enable Watermark for signup textbox
  $('#txtSignup').watermark(watermarkText, { className: 'watermark' });

  $('#txtSignup').keypress(function(evt)
  {

    if (evt.which == 13)
    {
      signup();
      evt.preventDefault();
    }



  });


  $('#btnSignup').click(function(evt)
  {
    signup();
    evt.preventDefault();
  });

});