/*
    <!-- static_simple jcarousel -->
        jQuery(document).ready(function () {
            jQuery('#mycarousel').jcarousel();
        });
*/
    <!-- static_auto jcarousel -->
        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
            });
        });    

    <!-- dynamic_ajax_php -->
/*
        function mycarousel_itemLoadCallback(carousel, state) {
            // Check if the requested items already exist
            if (carousel.has(carousel.first, carousel.last)) {
                return;
            }

            jQuery.get(
        'dynamic_ajax_php.php',
        {
            first: carousel.first,
            last: carousel.last
        },
        function (xml) {
            mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, xml);
        },
        'xml'
	    );
        };

        function mycarousel_itemAddCallback(carousel, first, last, xml) {
            // Set the size of the carousel
            carousel.size(parseInt(jQuery('total', xml).text()));

            jQuery('image', xml).each(function (i) {
                carousel.add(first + i, mycarousel_getItemHTML(jQuery(this).text()));
            });
        };

        /**
        * Item html creation helper.
        */
/*
		function mycarousel_getItemHTML(url) {
            return '<img src="' + url + '" width="75" height="75" alt="" />';
        };

        jQuery(document).ready(function () {
            jQuery('#mycarousel').jcarousel({
                // Uncomment the following option if you want items
                // which are outside the visible range to be removed
                // from the DOM.
                // Useful for carousels with MANY items.

                //itemVisibleOutCallback: { onAfterAnimation: function (carousel, item, i, state, evt) { carousel.remove(i); } },
                itemLoadCallback: mycarousel_itemLoadCallback
            });
        });
*/