google.load('search', '1');
var timerId;
var input;
var lastSearch = 0;
var contentDiv;

function search(query) {
    lastSearch++;
    webSearch = new google.search.WebSearch();
    webSearch.setSiteRestriction('www.el-mexicano.com.mx');
    webSearch.setSearchCompleteCallback(this, searchComplete, [webSearch, lastSearch]);
    webSearch.execute(query);
}
function autoSearch() {
    var query = this.value;
    if (timerId) {
        window.clearTimeout(timerId);
        timerId = null;
    }
    timerId = window.setTimeout('search(\'' + query + '\')', 250);
}

function searchComplete(searcher, searchNum) {
    if (searchNum == lastSearch) {
        var lastResults = document.getElementById('resultslv');
        if (lastResults) {
            lastResults.parentNode.removeChild(lastResults);
        }
        var results = searcher.results;
        var newResultsDiv = document.createElement('div');
        newResultsDiv.id = 'resultslv';
        newResultsDiv.innerHTML = '<span class="msj">B&#250;squeda r&#225;pida</span><p/>'
        if (results.length > 0) {
            for (var i = 0; i < results.length; i++) {
                var result = results[i];
                var resultHTML = '<li><a href="' + result.unescapedUrl + '" target="_parent">' +
                            result.title.substring(0, 150) + ' ...' +
                            '</a></li>';
                newResultsDiv.innerHTML += '<ul>' + resultHTML + '</ul>';
            }
            
        }
        else
            newResultsDiv.innerHTML = '<span class="msj">No hay sugerencias</span>';
        contentDiv.appendChild(newResultsDiv);
    }
}
function OnLoad() {
    contentDiv = document.getElementById('contentlv');
    document.getElementById('caja').onkeyup = function() {
        $("#contentlv").css({ "left": "630px"});
        search(document.getElementById('caja').value);
    };
}
google.setOnLoadCallback(OnLoad);
function hideresults() {
    //$("#resultslv").fadeOut(2000);
    setTimeout(function() {
        $("#resultslv").html('<div style="height:200px;width:200px;display:block;"></div>');
        $("#resultslv").animate({ "opacity": 0.0, "height": "0px" }, "slow");
    }, 2000);
}