function animateBox() {
  var searchBox = document.getElementById('searchBox');
  if(parseInt(searchBox.style.width) < 200) {
    searchBox.style.width = parseInt(searchBox.style.width)+20+'px';
  }
  if(parseInt(searchBox.style.height) < 60) {
    searchBox.style.height = parseInt(searchBox.style.height)+6+'px';
  }
  if(parseInt(searchBox.style.height) < 60 || parseInt(searchBox.style.width) < 200) {
    window.setTimeout('animateBox();', 33);
  } else {
    document.getElementById('search').focus();
  }
}

function toggleSearch() {
  var searchBox = document.getElementById('searchBox');
  if(searchBox) {
    if(searchBox.style.display!='block') {
      searchBox.style.display = 'block';
      searchBox.style.width   = 0;
      searchBox.style.height  = 0;
      window.setTimeout('animateBox();', 33);
    } else {
      searchBox.style.display = 'none';
      searchBox.style.width   = 0;
      searchBox.style.height  = 0;
    }
  }
}