// JavaScript Document
$(document).ready(function() {
 // hides the slickbox as soon as the DOM is ready (a little sooner that page load)
  $('#searchBox').hide();
  $('#searchBoxUp').hide();
  
 // shows and hides and toggles the slickbox on click  
  $('#searchBoxShow').click(function() {
    $('#searchBox').show('slow');
    return false;
  });
  $('#searchBoxHide').click(function() {
    $('#searchBox').hide('fast');
    return false;
  });
  $('#searchBoxToggle').click(function() {
    $('#searchBox').toggle(400);
    return false;
  });

 // slides down, up, and toggle the slickbox on click    
  $('#searchBoxDown').click(function() {
    $('#searchBox').slideDown('slow');
	$('#searchBoxUp').show();
	$('#searchBoxDown').hide();
    return false;
  });
  $('#searchBoxUp').click(function() {
    $('#searchBox').slideUp('slow');
	$('#searchBoxUp').hide();
	$('#searchBoxDown').show();
    return false;
  });
  $('#searchBoxToggle').click(function() {
    $('#searchBox').slideToggle('slow');
    return false;
  });
});
//-->