var rollmopsCurrent = 0;
var rollmopsTimer;

function rollmopsInit() {
    jQuery('#block-home-covers .item').css('opacity', '0').eq(0).css('opacity', '1');
    jQuery('#block-home-covers .item').css('display', 'none').eq(0).css('display', 'block');
    
    // display previous image
    jQuery('#block-home-covers .btn-prev').click(function() {
        clearTimeout(rollmopsTimer);
        rollmopsCurrent--;
        if ( rollmopsCurrent < 0 )
            rollmopsCurrent = jQuery('#block-home-covers .item').length - 1;
            
        rollmopsStep(rollmopsCurrent);
    });
    
    // display next image
    jQuery('#block-home-covers .btn-next').click(function() {
        clearTimeout(rollmopsTimer);
        rollmopsCurrent++;
        if ( rollmopsCurrent >= jQuery('#block-home-covers .item').length )
            rollmopsCurrent = 0;
            
        rollmopsStep(rollmopsCurrent);
    });          
}

function rollmopsStep(step) {
    var images = jQuery('#block-home-covers .item');

    images.stop();
    images.css('display', 'block'); 
    images.eq(step).animate({'opacity': '1'}, 400); 
    images.not(":eq("+step+")").animate({'opacity': '0'}, 400, function() { images.not(":eq("+step+")").css('display', 'none'); });
}

function rollmopsAuto() {
    rollmopsCurrent++;
    if ( rollmopsCurrent >= jQuery('#block-home-covers .item').length )
        rollmopsCurrent = 0;
    
    rollmopsStep(rollmopsCurrent);

    rollmopsTimer = window.setTimeout(rollmopsAuto, 3000);
}

jQuery(document).ready(function() {
    rollmopsInit();
    rollmopsAuto();
});