var searchDefault;

// Constant accessors
function setSearchDefault(value) {
  searchDefault = value;
}

// addLoadEvent allows for adding multiple events during window.onload
// Written by Simon Willison (http://simonwillison.net)
function addLoadEvent(func) {
  var oldOnload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldOnload) {
        oldOnload();
      }
      func();
    }
  }
}

// initialization script
function setup() {
  // General feature testing and setup
  if (!document.getElementsByTagName) return false;
  if (!document.getElementById) return false;
  
  setSearchDefault("Enter Search Here");
  if (document.getElementById("keywords_formId")) {
    searchFieldInit("keywords_formId", window.searchDefault);
  }
}

// Initialize a form field with a default value/text color and add onfocus/onblur event to element
function searchFieldInit(elId, defaultValue) {
  var el = document.getElementById(elId);
  
  // set up initial settings
  el.style.textAlign = "center";
  el.value = defaultValue;
  el.style.color = "#888";
  
  el.onfocus = function() {
    if (el.value == defaultValue) {
      el.style.textAlign = "left";
      el.value = "";
      el.style.color = "#000";
    }
  };
  el.onblur = function() {
    if (el.value == "") {
      el.style.textAlign = "center";
      el.value = defaultValue;
      el.style.color = "#888";
    }
  };
}

addLoadEvent(setup);