$(document).ready(function() {
 // hides the slickbox as soon as the DOM is ready (a little sooner that page load)
  $('#slickbox').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(400);
    return false;
  });

//--------------
  $('#slick-toggle1').mouseover(function() {
    $('#slickbox1').show('slow');
    $('#slickbox2').hide('fast');
    $('#slickbox3').hide('fast');
    $('#slickbox4').hide('fast');
    return false;
  });
//--------------
  $('#slick-toggle2').mouseover(function() {
    $('#slickbox2').show('slow');
    $('#slickbox1').hide('fast');
    $('#slickbox3').hide('fast');
    $('#slickbox4').hide('fast');
    return false;
  });
//-------------
  $('#slick-toggle3').mouseover(function() {
    $('#slickbox3').show('slow');
    $('#slickbox1').hide('fast');
    $('#slickbox2').hide('fast');
    $('#slickbox4').hide('fast');
    return false;
  });
//-------------
  $('#slick-toggle4').mouseover(function() {
    $('#slickbox4').show('slow');
    $('#slickbox1').hide('fast');
    $('#slickbox2').hide('fast');
    $('#slickbox3').hide('fast');
    return false;
  });
//-------------
  $('#slick-area').mouseup(function() {
    $('#slickbox1').hide('fast');
    $('#slickbox2').hide('fast');
    $('#slickbox3').hide('fast');
    $('#slickbox4').hide('fast');
    return false;
  });
//-------------
  $('.slick').mouseover(function() {
	$('#slickbox1').hide('fast');
	$('#slickbox2').hide('fast');
	$('#slickbox3').hide('fast');
	$('#slickbox4').hide('fast');
	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(400);
    return false;
  });
});