//<script type="text/javascript">

// Need jQuery and JSON plugin, and autoSuggest.
// Sample code to put between <head> and </head>:
/*
    <script type='text/javascript' src='/common/jquery/jquery-latest.js'></script>
    <script type='text/javascript' src='/common/jquery/plugins/jquery.json-1.3.js'></script>
    <script type="text/javascript" src="/common/js/autosuggest.js"></script>
    <script type="text/javascript" src="/common/js/suggestions.js"></script>
*/

/// <block name="name suggestion">

// Styles
//var suggestionStyles = '<style type="text/css">\r\n';

//suggestionStyles += '.suggest\
//{\
//position:absolute;\
//z-index:999;\
//display:none;\
//background-color: #ffddaa;\
//border: solid 1px blue;\
//overflow: auto;\
//}\r\n'

//suggestionStyles += '.name_suggest_mouseover\
//{\
//color: white;\
//background-color: #88aaff;\
//cursor: pointer;\r\n\
//}\r\n\
//\
//.name_suggest_normal\
//{\
//}\r\n';

//suggestionStyles += '</style>';
////alert(suggestionStyles);
//document.writeln(suggestionStyles);

//function name_suggest_mouseover(tr)
//{
//    tr.className = 'name_suggest_mouseover';
//}

//function name_suggest_mouseout(tr)
//{
//    tr.className = 'name_suggest_normal';
//}

//function name_suggest_click(tr, id)
//{
//    var value = jQuery(tr.cells[0]).text();
//    var suggest = suggestions[id];
//    suggest.notifyValue(value);
//}

//function name_suggest_html(data, width, suggest)
//{
//    if(data.length == 0) return '';

//    var id = suggest.textboxID + '_data';
//    var html = '<table id="' + id + '" style="width:100%;">\n';
//    for(var i = 0; i < data.length; i++)
//    {
//        var item = data[i];
//        html += '<tr class=\'name_suggest_normal\' onmouseover="name_suggest_mouseover(this)" onmouseout="name_suggest_mouseout(this)" onclick="name_suggest_click(this, \'' + suggest.textboxID + '\')">\n';
//        html += '<td>' + item[0] + '</td>\n';
//        html += '<td nowrap>' + item[1] + '</td>\n';
//        html += '</tr>\n';
//    }
//    html += '</table>\n';
//    return html;
//}

//function name_suggest_complete(result, status, suggest)
//{
//    //alert(result.responseText);
//}

//function name_suggest_json(value, suggest)
//{
//    var json = jQuery.toJSON({hint: value, type: suggest.userData});
//    return json;
//}

//function coupon_suggest_json(value, suggest)
//{
//    var json = jQuery.toJSON({hint: value});
//    return json;
//}

//var suggestions = {};

//function hook_suggestions()
//{
//  var ids = ['restInfo', 'takeoutInfo', 'teaInfo', 'coffeeInfo'];
//  for(var k in ids)
//  {
//    var id = ids[k];
//    var target = jQuery('#' + id);
//    if(target.length > 0)
//    {
//        var suggest = new autoSuggest(id, '/common/Services/SuggestService.asmx/GetRestaurantList');
//        //suggest.onDebug = function(s){alert('Error:\r\n' + s);}
//        suggest.onComplete = name_suggest_complete,
//        suggest.start(name_suggest_json, name_suggest_html);
//        suggest.userData = target.attr('_metadata');
//        suggestions[id] = suggest;
//    }
//  }
//  
//  id = 'couponInfo';
//  target = jQuery('#' + id);
//  if(target.length > 0)
//  {
//      var suggest = new autoSuggest(id, '/common/Services/SuggestService.asmx/GetCouponList');
//      suggest.onComplete = name_suggest_complete,
//      suggest.start(coupon_suggest_json, name_suggest_html);
//      suggestions[id] = suggest;
//  }

//  id = 'banquetInfo';
//  target = jQuery('#' + id);
//  if(target.length > 0)
//  {
//      var suggest = new autoSuggest(id, '/common/Services/SuggestService.asmx/GetBanquetList');
//      suggest.onComplete = name_suggest_complete,
//      suggest.start(coupon_suggest_json, name_suggest_html);
//      suggestions[id] = suggest;
//  }
//}

//jQuery(hook_suggestions);********************************  ËÑË÷ÏÔÊ¾ AJAX_zhou  ÏÈ²»Òª **************************

/// </block>

//</script>

