// jQuery page load function
$(document).ready(function() {

	    $('#carousel').jcarousel({
			vertical: true,
			scroll: 1,
			auto: 2,
			wrap: 'last',
			initCallback: mycarousel_initCallback
	    });
	   	
	    $('div#slideshow-carousel li:first').append('<span class="arrow"></span>').addClass('cactive');
	  

	    $('div#slideshow-carousel li').click(function () {
	
	      	$('span.arrow').remove();        
	  		$('div#slideshow-carousel li').removeClass('cactive');
			$(this).append('<span class="arrow"></span>');
			$(this).addClass('cactive');
			
	       	$('div#slideshow-main li').removeClass('active');       
	       	$('div#slideshow-main li.' + $(this).attr('rel')).addClass('active');	
	       	      	
	       	return false;
	    });



});

function mycarousel_initCallback(carousel) {
	
	// Pause autoscrolling if the user moves with the cursor over the clip.
	carousel.clip.hover(function() {
		carousel.stopAuto();
	}, function() {
		carousel.startAuto();
	});
}