$(function() {
    $("#slider").jCarouselLite({
        visible: 1,
        auto: 3500,
        speed: 1000,
        btnStart: ".showreel_controls a.start",
        btnStop: ".showreel_controls a.stop",
        btnGo: [".showreel_controls .1", ".showreel_controls .2",
        ".showreel_controls .3", ".showreel_controls .4",
        ".showreel_controls .5", ".showreel_controls .6",
        ".showreel_controls .7", ".showreel_controls .8",
        ".showreel_controls .9", ".showreel_controls .10",
        ".showreel_controls .11", ".showreel_controls .12"],
        afterEnd: function(index, li) {
            $('.showreel_controls a.goto').removeClass('selected');
            $('.showreel_controls a.goto:eq(' + (index - 1) + ')').addClass('selected');

        }
    });
    $('.showreel_controls a.goto').click(function(event) {
        $('.showreel_controls a.goto').removeClass('selected');
        $(this).addClass('selected');
    });
    $(".showreel_controls a.start").live('click', function() {
        $(this).removeClass("start").addClass("stop");        
    });
    $(".showreel_controls a.stop").live('click', function() {
        $(this).removeClass("stop").addClass("start");
    });
});