// JavaScript Document

$(document).ready(function(){
	
	// jQuery cycle plugin
	$('.slideshow ul').cycle({
		fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
		next: '#next', 
    	prev: '#prev' 
	});
	
 // hides the slickbox as soon as the DOM is ready
 // (a little sooner than page load)
  $('#work-details').hide();
 // shows the slickbox on clicking the noted link
  $('a#show-work-details').click(function() {
  $('#work-details').show('slow');
  return false;
  });
 // hides the slickbox on clicking the noted link
  $('a#hide-work-details').click(function() {
  $('#work-details').hide('fast');
  return false;
  });
 // toggles the slickbox on clicking the noted link
  $('a#toggle-work-details').click(function() {
  $('#work-details').toggle(400);
  return false;
  });
  
  // reveal slideshow controls on hover
  $('.slideshow').hover(function() 
  {
  $('div.slideshow-nav').addClass('slideshow-visible');
  }, function() {
  $('div.slideshow-nav').removeClass('slideshow-visible');
  });


});