//------------------------------------------------------------------------------
//   
//------------------------------------------------------------------------------
function displaySearchResults(ev)
{
    var keyword=$F('search-field');
    var key = (window.event) ? window.event.keyCode : ev.keyCode;

    var url ='index.php';
    var pars ='page=modules/advancedcategories/ajaxresponse/get_search_results_json&keyword='+keyword+'&rid='+Math.random();
    if(keyword.length > 3)
    {
        if(key < 37 || key > 40)
        {
        var myAjax = new Ajax.Request(
	    url, 
        {
		    method: 'post', 
		    parameters: pars,
		    onLoading: showLoadingBar,
		    onSuccess: getSearchResults
	    });
	    }
	}
    else if($('search-results'))
    {
        $('search-box').removeChild($('search-results'));
    }
}
//------------------------------------------------------------------------------
function showLoadingBar()
{
    var bar = new Element('select', {'id':'search-load','multiple':true,'size':1});
    bar.options.lenght = 0;
    bar.options[0] = new Option('Loading...',0);
    $('search-box').appendChild(bar);
}
//------------------------------------------------------------------------------
function getSearchResults(originalRequest)
{
    $('search-box').removeChild($('search-load'));
    if($('search-results'))
    {
       $('search-box').removeChild($('search-results'));
    }
    var results = originalRequest.responseText.evalJSON();

    if(results.length > 0)
    {
        var ssize;
        if(results.length < 10)
        {ssize = results.length}
        else
        {ssize = 10}
        var select = new Element('select', {'id':'search-results','multiple':true,'size':ssize});
        select.options.lenght = 0;
        for (var i = 0; i < results.length; i++) {
            select.options[i] = new Option(results[i]['product_name'] + " / " + results[i]['category_name'] + " / " + results[i]['product_sku'],results[i]['category_path']);
        }
        $('search-box').appendChild(select);
        $('search-results').observe('dblclick', respondToChange);
    }
    else if($('search-results'))
    {
        $('search-box').removeChild($('search-results'));
    }
}

function respondToChange(event) {
var element = event.element();
var page = WEB_ROOT + '/' + element.value;
document.location.href = page;
}