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();
    });
};

function offerSlider(){
	$('#slider').nivoSlider({
        effect:'random', //Specify sets like: 'fold,fade,sliceDown'
        slices:15,
        animSpeed:500, //Slide transition speed
        pauseTime:6000,
        startSlide:0, //Set starting Slide (0 index)
        directionNav:true, //Next & Prev
        directionNavHide:true, //Only show on hover
        controlNav:true, //1,2,3...
        controlNavThumbs:false, //Use thumbnails for Control Nav
        controlNavThumbsFromRel:false, //Use image rel for thumbs
        controlNavThumbsSearch: '.jpg', //Replace this with...
        controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
        keyboardNav:true, //Use left & right arrows
        pauseOnHover:true, //Stop animation while hovering
        manualAdvance:false, //Force manual transitions
        captionOpacity:0.8, //Universal caption opacity
        beforeChange: function(){},
        afterChange: function(){},
        slideshowEnd: function(){}, //Triggers after all slides have been shown
        lastSlide: function(){}, //Triggers when last slide is shown
        afterLoad: function(){} //Triggers when slider has loaded
    });
}

$(document).ready(function(){
	
	//var t = setTimeout ("$('#coda-slider-1').codaSlider({autoSlide: true, autoSlideInterval: 8000, autoSlideStopWhenClicked: true, autoHeight: false, dynamicArrows: false, dynamicTabsAlign: 'right'})", 1000 );
	
	//$('#slider').addClass('nivoSlider');
	
	var t = setTimeout ("offerSlider()", 1000 );
	
	$('#mycarousel').jcarousel({
		auto: 4,
		wrap: 'last',
		scroll: 6,
		initCallback: mycarousel_initCallback
    });
	
	var link = $("<link>");
	link.attr({
        type: 'text/css',
        rel: 'stylesheet',
        href: '/css/mod-offer-slider.css'
	});
	$("head").append( link ); 
	
});