// creates a safari like search input
var safariSearch = function()
{
  // configuration
  var searchID    = 's';
  var autoSave    = 'wpalice'; // name of autosave, use null for none
  var searchText  = 'Keywords';
  // end configuration
  
  var search = document.getElementById(searchID);
  
  // check for safari
  if ( !window.opera && navigator.vendor && navigator.vendor.indexOf("Apple Computer") != -1 ) 
  {
    // using safari so change search input into safari
    search.setAttribute('type', 'search');
    search.setAttribute('placeholder', searchText);
    
    // autosave?
    if(autoSave)
    {
      search.setAttribute('autosave', autoSave + '-autosave');
      search.setAttribute('results', '10');
    }
  }
  else
  {
    var left = document.createElement('span');
    left.className = 'left';
    search.parentNode.insertBefore(left, search);
    
    var right = document.createElement('span');
    right.className = 'right';
    search.parentNode.appendChild(right);
    
    search.style.width = ( search.offsetWidth - 6 - 22 - 18 ) + 'px';
   
    // set value attribute
    search.value = searchText;
    search.style.color = '#777';
    search.onfocus = function(){
      if(this.value == searchText)
      {
        this.value = '';
        this.style.color = '#000';
      }
    }
    search.onblur = function(){
      if(this.value == '')
      {
        this.value = searchText;
        this.style.color = '#777';
      }
    }
  }
  
  // clear
  search.parentNode.className = search.parentNode.className + ' clearfix';
}

window.onload = safariSearch;