function hintedInput() {
  
  var zindex_for_hints = 200;
  $('.hinted_input').each(function () {

    $(this).css('z-index', zindex_for_hints);
    zindex_for_hints--;

    var distance = 10;
    var time = 250;

    var input = $('input, select, textarea', this);
    var hint = $('.hint', this).css('opacity', 0);
    var arrow_offset = 14;
    var hint_left_offset = 2;
    
    hint.append('<img src="/images/hint_arrow.gif" width="12" height="23" alt="Hint Arrow" class="hint-arrow" />');
    hint.mouseover( function() { 
      hint.fadeOut(100);
    })

    $(input.get(0)).focus(function () {
        var input_margin_top = parseFloat($(this).css("margin-top"),10) || 0;
        var topOffset = $(this).is("textarea") ? 14 : ($(this).outerHeight() / 2);

        hint.css({
          top: topOffset - arrow_offset + input_margin_top,
          left: $(this).outerWidth() + hint_left_offset + distance,
          display: 'block'
        })
        .animate({
          left: '-=' + distance + 'px',
          opacity: 1
        }, time, 'swing');

    }).blur(function () {
        hint.fadeOut(100);
    });
  });


}