/***
* jquery.slideshow.js
* (c) 2008, Hospital for Sick Children
************************/

function onBefore() { 
    $('a#slide_nav_next').addClass("transitioning"); 
} 
function onAfter() { 
    $('a#slide_nav_next').removeClass("transitioning"); 
}

jQuery.fn.slideshowSetup = function(){
	var container = jQuery(this);
	
	// Remove the Preloader Animation
	container.find('img.loader').remove();

	// Add in the navigation
	container.before('<a href="#" id="slide_nav_prev" class="slide_nav_control">previous feature</a><a href="#" id="slide_nav_next" class="slide_nav_control">next feature</a>');
	//container.after('<div id="slideNav"><span id="slideNavPrev"><a href="#" id="slideNavPrevLink" title="Previous Feature">&lt;</a></span> <span id="slideNavPager"></span> <span id="slideNavNext"><a href="#" id="slideNavNextLink" title="Next Slide">&gt;</a></span></div>');
	
	$('div#content_feature').cycle({ 
		fx:			'fade', 
    	timeout:	4000,
    	next:		'a#slide_nav_next', 
		prev:		'a#slide_nav_prev',
		pause:1,
		before:  onBefore, 
	    after:   onAfter
	});
};