//add class to the html tage to hide the carousel banner until it is ready
$('html').addClass('js');

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();
    });
};
 
jQuery(document).ready(function() {
	//now remove the carousel hiding class when the document is ready
	$('html').removeClass('js');
	
	//continue on
    jQuery('#mainBannerOffer').jcarousel({
        auto: 8,
        wrap: 'last',
		scroll: 1,
        initCallback: mycarousel_initCallback
    });
});