$(document).ready(function() {
 // hides the slickbox as soon as the DOM is ready (a little sooner that page load)
  $('#slickbox').hide();
  $('#slickboxcustomer').hide();
  $('#slickboxcustomerlog').hide();
  $('#freelancebox').hide();
  $('#commercialibox').hide();
  $('#graphicsbox').hide();
  $('#videobox').hide();
  $('#webdesignbox').hide();
  $('#multimediabox').hide();
  
 // shows and hides and toggles the slickbox on click  
  $('#slick-show').click(function() {
    $('#slickbox').show('slow');
    return false;
  });
  $('#slick-hide').click(function() {
    $('#slickbox').hide('fast');
    return false;
  });
  $('#slick-toggle').click(function() {
    $('#slickbox').toggle(200);
    return false;
  });
  
   $('#freelance').click(function() {
    $('#freelancebox').toggle(200);
    return false;
  });
    $('#webdesign').click(function() {
    $('#webdesignbox').toggle(200);
    return false;
  });

 $('#graphics').click(function() {
    $('#graphicsbox').toggle(200);
    return false;
  });
 
  $('#video').click(function() {
    $('#videobox').toggle(200);
    return false;
  });
  
  
  $('#multimedia').click(function() {
    $('#multimediabox').toggle(200);
    return false;
  });
  
   $('#commerciali').click(function() {
    $('#commercialibox').toggle(200);
    return false;
  });

 // slides down, up, and toggle the slickbox on click   
 
 
 
  $('#slick-down').click(function() {
    $('#slickbox').slideDown('slow');
    return false;
  });
  $('#slick-up').click(function() {
    $('#slickbox').slideUp('fast');
    return false;
  });
  $('#slick-slidetoggle').click(function() {
    $('#slickbox').slideToggle(200);
    return false;
  });
  
  $('#slick-slidetogglecustomer').click(function() {
    $('#slickboxcustomer').slideToggle(200);
    return false;
  });
  
  
   $('#slick-slidetogglecustomerlog').click(function() {
    $('#slickboxcustomerlog').slideToggle(200);
    return false;
  });
});