$(document).ready(function () {
    $('#tag').keyup(function (e) {
        if (e.keyCode != 13 && e.keyCode != 38 && e.keyCode != 40) {
            var val = $.trim($(this).val());
            if (val.length >= 1) {
                $.getScript('http://suggestqueries.google.com/complete/search?hl=es&q=' + encodeURIComponent(val) + '&cp=' + val.length);
            }
            else $('#suggest').hide();
        }
    });
    $('#tag').bind($.browser.msie ? 'keydown' : 'keypress', function (e) {
        if (e.keyCode == 13) {
            if ($('#suggest > ul > li.hover').length && $('#suggest').css('display') != 'none') {
                e.preventDefault();
                $('#suggest > ul > li.hover').click();
            }
        }
        else if (e.keyCode == 38) {
            if ($('#suggest > ul > li.hover').prev().length) {
                var sel = $('#suggest > ul > li.hover').prev();
                suggest_hover_clear();
                suggest_hover(sel);
            }
            else {
                suggest_hover_clear();
                suggest_hover($('#suggest > ul > li:last'));
            }
        }
        else if (e.keyCode == 40) {
            if ($('#suggest > ul > li.hover').next().length) {
                var sel = $('#suggest > ul > li.hover').next();
                suggest_hover_clear();
                suggest_hover(sel);
            }
            else {
                suggest_hover_clear();
                suggest_hover($('#suggest > ul > li:first'));
            }
        }
    });
    //$('form[name=searchx-box]').submit();
    $('#suggest > ul > li').live('click', function () { suggest_set(this); submitForm(); }).live('mouseleave', function () { $(this).removeClass('hover'); }).live('mouseenter', function () { suggest_hover_clear(); suggest_hover(this, true); });
    $('*').live('click', function () { $('#suggest').hide(); });

 

});

function suggest_hover(el, nochange) {
    if (typeof nochange == 'undefined') var nochange = false;
    $(el).addClass('hover');
    if (!nochange) suggest_set(el);
}
function suggest_hover_clear() { $('#suggest > ul > li.hover').removeClass('hover'); }
function suggest_set(el) { $('#tag').val($(el).html().replace(/<(?:\/)?span>/ig, '')); }

var google = {
    ac: {
        h: function (data) {
            var c = data[1].length, cls;
            if (c) {
                $('#suggest').html('<ul></ul>').show();
                $('#suggest > ul').append('<li class="hidden hover">' + $.trim($('#tag').val()) + '</li>');
                for (var i = 0; i < c; ++i) {
                    $('#suggest > ul').append('<li>' + data[1][i][0] + '</li>');
                }
                $('#suggest > ul > li').each(function () { $(this).html($(this).html().replace(new RegExp('(' + $('#tag').val() + ')'), '<span>$1</span>')); });
            }
        }
    }
}

function submitForm() {
//if ($("#tag").val() == "") alert("vacio");
location.href = "/mp3-" + encodeURIComponent($("#tag").val()).replace(/%20/g, '-') + "/"; 
return false;
}