var wasHint = '';
$(document).ready(function(){   
    $('input.searchInput').keydown(function(){    
        checkContent($(this));
    });
    $('input.searchInput').keyup(function(){    
        checkContent($(this));
    });   

    $('input.searchInput').typing({  
        stop: function (event, $elem) {
            if (!wasHint){
                $("div.transp div.normalq").html($elem.val().substr(0, 50).replace(/ /g, " "));            
                $.ajax({
                    type: "post",
                    url: URL_SITE + "ajaxSuggestKeyword.php",
                    data: {
                        "q": $elem.val()
                    },
                    dataType: "json",
                    success: function (res) {
                        if (res[0] == 1){
                            $("div.transp div.hintq").html(res[1]);
                            wasHint = res[2];
                        }else{
                            wasHint = '';
                        }
                    }
                });           
            }
        },
        delay: 400
    }); 
    $("input.searchInput").autocomplete({
        source: function(request, response) {
            $.ajax({
                url: URL_SITE + "ajaxAutoCompleteSearchProducts.php",
                dataType: "json",
                data: {
                    limit: 10,
                    keywords: $("input.searchInput").val()
                },
                success: function(data) {
                    response(data);
                }
            });
        },
        minLength: 3,
        delay: 400,
        focus: function (event, ui) {
            return false;
        },
        select: function (event, ui){
            document.location = ui.item.value;
            return false;
        }
    });      
});
function checkContent(elem)
{
    if (wasHint && wasHint.toLowerCase().indexOf(elem.val().replace(/ /g, " ").toLowerCase())!=-1 && elem.val()!=''){
        $("div.transp div.normalq").html(elem.val().substr(0, 50).replace(/ /g, " "));                            
        $("div.transp div.hintq").html(wasHint.replace(elem.val().replace(/ /g, " ").toLowerCase(), '').replace(/ /g, " "));                            
    }else{
        $("div.transp div.normalq").html('');                  
        $("div.transp div.hintq").html('');            
        wasHint = '';
    }    
}