//--- start of JQUERY CODE for autosuggest textbox
//$(document).ready(function() {
//  $('#txtKey').keyup(function() {//must to use keyup to capture all characters in textbox
//    var txt = $('#txtKey').val();
//    if (txt.length > 0) {
//      $.ajax({
//        type: "POST",
//        data: '{typedLetters: "' + txt + '"}',
//        url: "/WebService/JsonWS.asmx/ShowSuggestedCategory",
//        contentType: "application/json; charset=utf-8",
//        dataType: "json",
//        success: function(response) {
//          var data = (typeof response.d) == 'string' ? eval('(' + response.d + ')') : response.d;

//          if (data.length > 1) {
//            $('#dSuggest').empty().append('<table id=tSuggest></table>');

//            for (var i = 0; i < data.length; i++) {
//              var stxt = data[i];
//              stxt = stxt.toLowerCase();
//              txt = txt.toLowerCase();
//              stxt = stxt.replace(txt, "<span style='background-color:yellow; font-weight:bold;'>" + txt + "</span>");
//              $('<tr/>').append($('<td/>').html(stxt)).appendTo('#dSuggest table');
//            }

//            $('#tSuggest tr td').mouseover(function() {
//              $(this).css('background-color', 'green');
//            });

//            $('#tSuggest tr td').mouseleave(function() {
//              $(this).css('background-color', 'white');
//            });

//            $('#tSuggest tr td').click(function() {
//              $('#txtKey').val($(this).text());
//            });

//            $('#dSuggest').css('visibility', 'visible');
//          }
//          else {
//            $('#dSuggest').css('visibility', 'hidden');
//          }
//        },
//        failure: function(msg) {
//          $('#dSuggest').css('visibility', 'hidden');
//        }
//      });
//    }
//    else {
//      $('#dSuggest').empty().append('');
//      $('#dSuggest').css('visibility', 'hidden');
//    }
//  });
//});
//--- /end of JQUERY CODE for autosuggest textbox

function ShowSearchBox() {
  var s = "<div id=\"searchsection\">"
		+ "<form id=\"frmSeaarch\" action=\"/store/htmSearch.aspx\" method=\"post\">"
		+ "<ul>"
		+ "<li><img src=\"/images/siteImg/search.jpg\" alt=\"search\" /></li>"
		+ "<li>"
		+ "<input type=\"text\" id=\"txtKey\" name=\"txtKey\" maxlength=\"60\" class=\"textInput\" value=\"Enter Keywords\" "
		+ "onfocus=\"if(this.value==this.defaultValue) this.value='';\" />"
		+ "<br /><div id=\"dSuggest\" style=\"border: solid 1px #000080; width:220px; position:absolute;visibility:hidden; text-align:left; background-color:white;\"></div>"
		+ "</li>"
		+ "<li><input id=\"btnSearch\" name=\"btnSearch\" type=\"image\" src=\"/images/siteImg/find_button.jpg\" /></li>"
		+ "</ul>"
		+ "</form>"
		+ "</div>";

  document.write(s);
}