$(function()
{
  doWatermark('#SearchInput', "Keyword or Item #");
  doWatermark('.newsletterEmail', "enter email address here");

  $('#SearchButton').click(function() { doSearch() });

  $('#SearchInput').keypress(function(e)
  {
    if (e.which == 13)
    {
      doSearch();
      return false;
    }
  });

  $('.newsletterEmailBtn').click(function() { doNewsletter() });

  $('.newsletterEmail').keypress(function(e)
  {
    if (e.which == 13)
      doNewsletter();
  });

  setupSearchAutoComplete();
});

function doSearch()
{
  location.href = baseUrl + 'search/' + $('#SearchInput').val();
}

function setupSearchAutoComplete()
{
  $("#SearchInput").autocomplete(baseUrl + 'webservices/Product.asmx/Search', {
    width: 320,
    highlight: false,
    scroll: true,
    scrollHeight: 400,
    replaceContent: false,
    formatItem: function(data)
    {
      return data[1] + ' - ' + data[2];
    },
    formatResult: function(data)
    {
      return data[1] + ' - ' + data[2];
    }
  });

  $('#SearchInput').result(function(event, data, formatted)
  {
    location.href = baseUrl + 'search.aspx?q=' + data[0];
  });
}

function doWatermark(id, defaultVal)
{
  // watermark
  var watermark = defaultVal;
  var searchItem = $(id);

  if (searchItem.val() == "")
  {
    searchItem.val(watermark);
  }

  searchItem.focus(function()
  {
    if (this.value == watermark)
    {
      this.value = "";
    }
  }).blur(function()
  {
    if (this.value == "")
    {
      this.value = watermark;
    }
  });
}