jQuery(document).ready(function($) {
  $('#hb-searchinput').val('search for...');
  $('#hb-searchinput').focus(onInputFocus).blur(onInputBlur);
});

/* Boxes */
function onInputFocus(e) {
  var elem = e.target
  var modified = elem.getAttribute('modified');
  if (modified != 'true') {
    elem.setAttribute('modified', 'true');
    elem.setAttribute('initstate', elem.value)
    elem.value = '';
  }
}

function onInputBlur(e) {
  var elem = e.target
  var value = elem.value.replace(/^\s+|\s+$/g, '');
  if (value.length == 0) {
    elem.value = elem.getAttribute('initstate');
    elem.setAttribute('modified', 'false');
  }
}