$(function() {
  $('#search-box').each(function() {

  	var $form = $(this);

  	var $submit = $('input[name=""]', $form);
	var $query = $('input[name="q"]', $form);

	var title	= $submit.attr('title');
	var hovered = false;
	var focused = false;

	$('input', $form).mouseover( function() {
				 	hovered = true;
					HighLightForm();
				 }).mouseout( function() {
				 	hovered = false;
					HighLightForm();
				 }).focus( function() {
				 	focused = true;
					HighLightForm();
				 }).blur( function() {
				 	focused = false;
					HighLightForm();
				 });

	$query.focus( function() {
				 	if ($query.val() == title)
						$query.val('');
				 }).blur( function() {
					if ($query.val() == '')
						$query.val(title);
				 });

	$form.submit( function() {
				 	return ($query.val() != title) && ($query.val() != '');
				 });

	//-----------------------------------------

	function HighLightForm() {
		return (focused || hovered) ? $form.addClass('high-light') : $form.removeClass('high-light');
	}
  }); // end of each

});