$(document).ready(function() {
 // hides the slickbox as soon as the DOM is ready
 // (a little sooner than page load)
  $('#loginBox').hide();
  $('#newuserBox').hide();
 
 // toggles the slickbox on clicking the noted link 
  $('a#login-toggle').click(function() {
    $('#loginBox').toggle(400);
    return false;
  });
  
  $('a#login-toggle').click(function() {
    $('#newuserBox').hide(400);
    return false;
  });
  
  // toggles the slickbox on clicking the noted link 
  $('a#newuser-toggle').click(function() {
    $('#newuserBox').toggle(400);
    return false;
  });
  
  $('a#newuser-toggle').click(function() {
    $('#loginBox').hide(400);
    return false;
  });
 
});