$(document).ready(function() {
    $('.slideshowHOME').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
});


$(document).ready(function() {
    $('.slideshowWEB').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
});


<!--  initialize the slideshow when the DOM is ready -->
$(document).ready(function() {
	$.fn.cycle.defaults = { 
    	timeout:         2500,  // milliseconds between slide transitions (0 to disable auto advance) 
    	speed:           500  // speed of the transition (any valid fx speed value) 
	};
    $('.slideshowL').cycle({
		fx: 'curtainX' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
});

$(document).ready(function() {
	$.fn.cycle.defaults = { 
    	timeout:         2500,  // milliseconds between slide transitions (0 to disable auto advance) 
    	speed:           500  // speed of the transition (any valid fx speed value) 
	};
    $('.slideshowR').cycle({
		fx: 'curtainX' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
});



function mycarousel_initCallback(carousel)
{// Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {carousel.startAuto(0);});
    carousel.buttonPrev.bind('click', function() { carousel.startAuto(0);});
    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {carousel.stopAuto();}, function() {carousel.startAuto();});};
jQuery(document).ready(function() {jQuery('#mycarousel').jcarousel({   auto: 2, wrap: 'last',initCallback: mycarousel_initCallback });});