$(document).ready(function qtip_init() {
  $("input.tooltip, textarea.tooltip").each(function(){
    var content = this.getAttribute('tooltip');
    $(this).qtip({
      content: content,
      position: {corner: {target: 'rightMiddle', tooltip: 'leftMiddle'}},
      border: {radius: 4, width: 3},
      style: {name: 'light', tip: 'leftMiddle', border: {width: 3, radius: 6}},
      show: {when: {event:'focusin'}, fixed: true},
      hide: {when: {event:'focusout'}, fixed: true}
    });
  });

  $("a.tooltip").each(function(){
    var content = this.getAttribute('tooltip');
    $(this).qtip({
      content: content,
      position: {corner: {target: 'rightMiddle', tooltip: 'leftMiddle'}},
      border: {radius: 4, width: 3},
      style: {name: 'light', tip: 'leftMiddle', border: {width: 3, radius: 6}},
      show: {delay:0, fixed: true},
      hide: {delay:111, fixed: true}
    });
  });
});