$(document).ready(function(){
  $('#inpQueryA').keyup(function(event){
    if( event.keyCode == 13 ){
    $(this).val($('.focus').html());
    $('#inpHintsA').html('');
    i = -1;
    }
    else if( event.keyCode == 38 ){
      if( i == -1 ){
      i = rows;
      }
    i--;
      $('.hint').each(function(index){
        if(index == i){
        $(this).addClass('focus');
        }
        else{
        $(this).removeClass('focus');
        }
      });
    }
    else if( event.keyCode == 40 ){
    i++;
      if( i == rows ){
      i = 0;
      }
      $('.hint').each(function(index){
        if(index == i){
        $(this).addClass('focus');
        }
        else{
        $(this).removeClass('focus');
        }
      });
    }
    else{
      var q = $(this).val();
      if(q){
      i = -1;
        $('#inpHintsA').load('files/h.php?q='+q, function(){
        rows = $('.hint').length;
        });
      }
      else{
      rows = 0;
      i = -1;
      $('#inpHintsA').html('');
      }
    }
  });
  $('#inpHintsA table tr td.focus').live('click', function(){
  $('#inpQueryA').val($(this).html());
  $('#inpHintsA').html('');
  rows = 0;
  i = -1;
  });
  $('.hint').live('mouseover', function(){
  i = -1;
  $('.hint').removeClass('focus');
  $(this).addClass('focus');
  });
  $('.hint').live('mouseout', function(){
  i = -1;
  $(this).removeClass('focus');
  });
  $(document).click(function(){
  $('#inpHintsA').html('');
  rows = 0;
  i = -1;
  });

  $('#inpQueryB').keyup(function(event){
    if( event.keyCode == 13 ){
    $(this).val($('.focus').html());
    $('#inpHintsB').html('');
    i = -1;
    }
    else if( event.keyCode == 38 ){
      if( i == -1 ){
      i = rows;
      }
    i--;
      $('.hint').each(function(index){
        if(index == i){
        $(this).addClass('focus');
        }
        else{
        $(this).removeClass('focus');
        }
      });
    }
    else if( event.keyCode == 40 ){
    i++;
      if( i == rows ){
      i = 0;
      }
      $('.hint').each(function(index){
        if(index == i){
        $(this).addClass('focus');
        }
        else{
        $(this).removeClass('focus');
        }
      });
    }
    else{
      var q = $(this).val();
      if(q){
      i = -1;
        $('#inpHintsB').load('files/h.php?q='+q, function(){
        rows = $('.hint').length;
        });
      }
      else{
      rows = 0;
      i = -1;
      $('#inpHintsB').html('');
      }
    }
  });
  $('#inpHintsB table tr td.focus').live('click', function(){
  $('#inpQueryB').val($(this).html());
  $('#inpHintsB').html('');
  rows = 0;
  i = -1;
  });
  $('.hint').live('mouseover', function(){
  i = -1;
  $('.hint').removeClass('focus');
  $(this).addClass('focus');
  });
  $('.hint').live('mouseout', function(){
  i = -1;
  $(this).removeClass('focus');
  });
  $(document).click(function(){
  $('#inpHintsB').html('');
  rows = 0;
  i = -1;
  });
  
  $('#inpQueryB').focus(function(){
  $('#inpHintsA').html('');
  rows = 0;
  i = -1;
  });
  $('#inpQueryA').focus(function(){
  $('#inpHintsB').html('');
  rows = 0;
  i = -1;
  });
});