jQuery.noConflict();
jQuery(document).ready(function() {
    jQuery("#carrousel_preview_inner > div:last-child").addClass('last-carrousel-item'); 
    // Save  the jQuery objects for later use.
    var carrousel_outer		= jQuery("#carrousel_preview_outer");      
    var carrousel_preview_els	= jQuery("#carrousel_preview_inner > div");
    var carrousel_num = 0;
    var carrousel_div_width	= carrousel_preview_els.eq(0).width(); // Get width of imaages
    reset = 0;

    // Hook up the click event
    
    jQuery("#carrousel_nav_next").click(function() {
        reset = 1;
        if (carrousel_num < ((carrousel_preview_els.length))-6) {
            carrousel_num = carrousel_num + 1;
            carrousel_outer.stop().animate( {'scrollLeft' : + carrousel_num * 163 },	500 );   
        } else {
            carrousel_outer.stop().animate( {'scrollLeft' : 0},	500 );
            carrousel_num = 0;
        }
        
    });
    
    jQuery("#carrousel_nav_prev").click(function() {
        reset = 1;
        if (carrousel_num >= 1) {
            carrousel_num = carrousel_num - 1;
            carrousel_outer.stop().animate( {'scrollLeft' : + (carrousel_num) * 163 },	500 );
        } else {
            carrousel_num = carrousel_preview_els.length -6;
            carrousel_outer.stop().animate( {'scrollLeft' : carrousel_num * 163},	500 );                        
        }
    });

    // Reset positions on load
    carrousel_outer.animate( {'scrollLeft' : 0}, 0 );

    // Set initial width
    jQuery("#carrousel_preview_inner").css('width', carrousel_preview_els.length * carrousel_div_width);
    carrouselcicle();
    setInterval("carrouselcicle()", 2000);
    


});

    function carrouselcicle() {
    if (reset == 0) {
        jQuery("#carrousel_nav_next").click();
    } else {
        reset = 0;
    }
    }