<!--

var SSA = {

  ss: null,
  interval: null,
  str: 'Search',
  pause: 100,
  count: 0,
  should_clear: true,
  
  start: function() { SSA.init(); },

  init: function() {
    SSA.ss = document.getElementById("ss");
    if (!SSA.ss) return;
    if (SSA.ss.value == SSA.str) SSA.ss.style.color = 'gray';

    function focus() {
      clearInterval(SSA.interval);
      this.style.color = 'black';
      
      if (SSA.should_clear) {
        SSA.should_clear = false;
        this.value = '';
      }
    }

    function blur() {
      if (this.value == '') {
        SSA.should_clear = true;
        this.value = SSA.str;
        this.style.color = 'gray';
      }
    }

    SSA.ss.onfocus = focus;
    SSA.ss.onblur = blur;
    
    if (SSA.ss.value == SSA.str) SSA.interval = setInterval(SSA.update_str, 150);
  },

  update_str: function() {
    SSA.count += 1;
    var len = SSA.count;
    if (SSA.count > SSA.str.length) len = SSA.str.length;
    if (SSA.count > (SSA.str.length + SSA.pause)) SSA.count = 0;
  
    var sub_str = SSA.str.substr(0, len);
    SSA.ss.value = sub_str;
  }
}

SSA.start();

//-->