$(document).ready(function() {
 // hides the slickbox as soon as the DOM is ready
 // (a little sooner than page load)
  $('#slickbox_wide').show();
 // shows the slickbox on clicking the noted link  
  $('a#slick-show').click(function() {
    $('#slickbox_wide').show('slow');
    return false;
  });
 // hides the slickbox on clicking the noted link  
  $('a#slick-hide').click(function() {
    $('#slickbox_wide').hide('fast');
    return false;
  });
 
 // toggles the slickbox on clicking the noted link  
  $('a#slick-toggle').click(function() {
    $('#slickbox_wide').toggle(400);
    return false;
  });
});


$(document).ready(function() {
 // hides the slickbox as soon as the DOM is ready
 // (a little sooner than page load)
  $('#slickbox').show(function() {
    document.body.style.backgroundImage="url(images/LARGEbg.jpg)";
    document.getElementById("showtoggle").style.display="none";
    document.getElementById("hidetoggle").style.display="inline";
  });
  
  
 // shows the slickbox on clicking the noted link  
  $('a#slick-show').click(function() {
    $('#slickbox').show(400);
    document.getElementById("showtoggle").style.display="none";
    document.getElementById("hidetoggle").style.display="inline";
    document.body.style.backgroundImage="url(images/LARGEbg.gif)";
    return false;
  });
 
 
 // hides the slickbox on clicking the noted link  
  $('a#slick-hide').click(function() {
    $('#slickbox').hide(400);
	document.body.style.backgroundImage="url(images/SMALLbg.jpg)";
    document.getElementById("hidetoggle").style.display="none";
    document.getElementById("showtoggle").style.display="inline";
    return false;
  });
 
 // toggles the slickbox on clicking the noted link  
  $('a#slick-toggle').click(function() {
  	$('#slickbox').toggle(400);
    document.body.style.backgroundColor="#FFCC80";
    return false;
  });
});
