var $carousel;
var $hiddenResumed;
//var $first;
//var firstShown;

function initPage(){
    $carousel = $("#slider") ;

    $carousel.jcarousel({
        visible: 1,
        scroll:1,
        initCallback: mycarousel_initCallback,
        buttonNextHTML: null,
        buttonPrevHTML: null
    });
}

function itemLoadCallbackFunction(carousel, state)
{
    for (var i = carousel.first; i <= carousel.last; i++) {
        // Check if the item already exists
        if (!carousel.has(i)) {
            // Add the item
            carousel.add(i, "I'm item #" + i);
        }
    }
}

function mycarousel_initCallback(carousel) {
    $('#next').bind('click', function() {
//        if(!firstShown){
//            firstShown = true;
//            $first.show();
//        }
        carousel.next();
        return false;
    });

    $('#prev').bind('click', function() {
        carousel.prev();
        return false;
    });

    $('#first').bind('click', function() {
        carousel.scroll(1);
        return false;
    });
}