function suggestion() {
    
    $.ajax({
        async:false,
        url: "/content/beefeater/restaurants.selectordrop.html",  
        dataType: "text", 
        success: function( json, status )
        { 
            setUpTheBox(json);
        },
        complete: function( xhr, status )
        {
          
        }
      });
    
    
    
    
}


function setUpTheBox(input) {
    //alert("here");
    var obj = jQuery.parseJSON(input);
    //var newArr = null;
    var j = 0;
    //$('#fs_location_big').click(function() {
        $('#fs_location_big').keyup(function() {
            var drawlist = "";
            
            for(i = 0; i < obj.length; i++) {
                //if 1 letter is entered
                
                if(obj[i].value != "test") {
                
                    if($(this).val().length == 1) {
                        
                        if(obj[i].value.charAt(0).toLowerCase().match($(this).val().toLowerCase())) {
                            var regex = new RegExp($(this).val(),"i");
                            var stringBold = obj[i].value.replace(regex,
                                    function(matchTxt,key,txt) {return "<b>"+matchTxt+"</b>";}
                            );
    
                            drawlist += "<div id='suggestObj_" + i + "' class='dropinneritems' style='display:block;'><span class='text'>"+stringBold+"</span><span class='urlto' style='display:none;'>"+obj[i].url+"</span></div>";
                            //alert(drawlist);
                            $("#dropdown").css("display","block");
                            
                        }
                    } else {
                        if(obj[i].value.toLowerCase().match($(this).val().toLowerCase())) {
                            var regex = new RegExp($(this).val(),"i");
                            var stringBold = obj[i].value.replace(regex,
                                    function(matchTxt,key,txt) {return "<b>"+matchTxt+"</b>";}
                            );
                            
                            drawlist += "<div id='suggestObj_" + i + "' class='dropinneritems' style='display:block;'><span class='text'>"+stringBold+"</span><span class='urlto' style='display:none;'>"+obj[i].url+"</span></div>";
                            //alert(drawlist);
                            $("#dropdown").css("display","block");
                            
                                                    
                        }
                    }
                }
            }


            $("#dropdown").html(drawlist);
            $('#dropdown').children().bind('click', function() {
                
                
                $('#fs_location_big').val($("#"+$(this).attr("id")+" span.text").text());
                $('#fs_locationto').val($("#"+$(this).attr("id")+" span.urlto").text());
                $("#dropdown").css("display","none");
            });

            
        });
        
    //});

    $('#fs_submit_big').click(function() {
        //alert($('#fs_locationto').val());
        if($('#fs_locationto').val() == "#"){
            window.location.href = '/content/beefeater/restaurant-search-results.html?searchString='+document.getElementById('fs_location_big').value;
            return;
        }   
        window.location.href = ($('#fs_locationto').val()).replace("/menus.html",".html");
    });
    
    
    $('#fs_location').keyup(function() {
        var drawlist = "";
        for(i = 0; i < obj.length; i++) {
            //if 1 letter is entered
            
            if(obj[i].value != "test") {
            
                if($(this).val().length == 1) {
                    
                    if(obj[i].value.charAt(0).toLowerCase().match($(this).val().toLowerCase())) {
                        var regex = new RegExp($(this).val(),"i");
                        var stringBold = obj[i].value.replace(regex,
                                function(matchTxt,key,txt) {return "<b>"+matchTxt+"</b>";}
                        );

                        drawlist += "<div id='suggestObj_" + i + "' class='dropinneritems' style='display:block;'><span class='text'>"+stringBold+"</span><span class='urlto' style='display:none;'>"+obj[i].url+"</span></div>";
                        //alert(drawlist);
                        $("#dropdowntop").css("display","block");
                        
                    }
                } else {
                    if(obj[i].value.toLowerCase().match($(this).val().toLowerCase())) {
                        var regex = new RegExp($(this).val(),"i");
                        var stringBold = obj[i].value.replace(regex,
                                function(matchTxt,key,txt) {return "<b>"+matchTxt+"</b>";}
                        );
                        
                        drawlist += "<div id='suggestObj_" + i + "' class='dropinneritems' style='display:block;'><span class='text'>"+stringBold+"</span><span class='urlto' style='display:none;'>"+obj[i].url+"</span></div>";
                        //alert(drawlist);
                        $("#dropdowntop").css("display","block");
                        
                                                
                    }
                }
            }
        }


        $("#dropdowntop").html(drawlist);
        $('#dropdowntop').children().bind('click', function() {
            
            
            $('#fs_location').val($("#"+$(this).attr("id")+" span.text").text());
            $('#fs_locationto_top').val($("#"+$(this).attr("id")+" span.urlto").text());
            $("#dropdowntop").css("display","none");
        });

        
    });
    
    $('#fs_submit').click(function() {
        if($('#fs_locationto').val() == "#"){
            window.location.href = '/content/beefeater/restaurant-search-results.html?searchString='+document.getElementById('fs_location_big').value;
            return;
        }   
        window.location.href = $('#fs_locationto').val();
    });
    
    $('#fs_submit_top').click(function() {
        if($('#fs_locationto_top').val() == "#"){
            window.location.href = '/content/beefeater/restaurant-search-results.html?searchString='+document.getElementById('fs_location').value;
            return;
        }   

        window.location.href = ($('#fs_locationto_top').val()).replace("/menus.html",".html");
    });
    
    $('body').not(".formdropdown").click(function() {
        $("#dropdown").css("display","none");
    });
    

    $('body').not(".formdropdown").click(function() {
        $("#dropdowntop").css("display","none");
    });

    //alert("here");
    
}