$(document).ready(function() {
 // hides the slickbox as soon as the DOM is ready
 // (a little sooner than page load)
  $('#l2, #l3, #l4, #l5, #l6, #l7, #l8, #l9').hide();
 // shows the slickbox on clicking the noted link  
  $('a#layer1').click(function() {
    $('#l1').fadeIn();
     $('#l2, #l3, #l4, #l5, #l6, #l7, #l8, #l9').hide();
    return false;
  });
 // hides the slickbox on clicking the noted link  
  $('a#layer2').click(function() {
    $('#l2').fadeIn();
     $('#l1, #l3, #l4, #l5, #l6, #l7, #l8, #l9').hide();
    return false;
  });
 
 // toggles the slickbox on clicking the noted link  
 $('a#layer3').click(function() {
   $('#l3').fadeIn();
    $('#l1, #l2, #l4, #l5, #l6, #l7, #l8, #l9').hide();
   return false;
  });
  
   // toggles the slickbox on clicking the noted link  
 $('a#layer4').click(function() {
   $('#l4').fadeIn();
    $('#l1, #l2, #l3, #l5, #l6, #l7, #l8, #l9').hide();
   return false;
  });
  
   // toggles the slickbox on clicking the noted link  
 $('a#layer5').click(function() {
   $('#l5').fadeIn();
    $('#l1, #l2, #l3, #l4, #l6, #l7, #l8, #l9').hide();
   return false;
  });  
  
   // toggles the slickbox on clicking the noted link  
 $('a#layer6').click(function() {
   $('#l6').fadeIn();
    $('#l1, #l2, #l3, #l4, #l5, #l7, #l8, #l9').hide();
   return false;
  });   
  
   // toggles the slickbox on clicking the noted link  
 $('a#layer7').click(function() {
   $('#l7').fadeIn();
    $('#l1, #l2, #l3, #l4, #l5, #l6, #l8, #l9').hide();
   return false;
  });
  
   // toggles the slickbox on clicking the noted link  
 $('a#layer8').click(function() {
   $('#l8').fadeIn();
    $('#l1, #l2, #l3, #l4, #l5, #l6, #l7, #l9').hide();
   return false;
  });
  
   // toggles the slickbox on clicking the noted link  
 $('a#layer9').click(function() {
   $('#l9').fadeIn();
    $('#l1, #l2, #l3, #l4, #l5, #l6, #l7, #l8').hide();
   return false;
  });  
    
  
});