window.addEvent('domready', function() {
    var current_car = 1;
    var sid = 1;
    var myFx = new Fx.Tween($('carousel'));


    function switchCar(id) {
        if (current_car != id) {
            current_car = id;
            var vid = id - 1;
            vid = 633 * vid;
            vid = '-' + vid + 'px';
            myFx.start('margin-left', vid);
            $('car1').getElement('img').setProperty('src', '/images/bol.gif');
            $('car2').getElement('img').setProperty('src', '/images/bol.gif');
            $('car3').getElement('img').setProperty('src', '/images/bol.gif');
            $('car4').getElement('img').setProperty('src', '/images/bol.gif');
            $('car' + id).getElement('img').setProperty('src', '/images/bol-over.gif');
            sid = id;
        }
    }
    var looper = function() {
        sid++;
        if (current_car > 3) {
            sid = 1;
        }
        switchCar(sid);
    };
    looper.periodical(6000);

    $('car1').addEvent('click', function() {
        switchCar(1)
    });
    $('car2').addEvent('click', function() {
        switchCar(2)
    });
    $('car3').addEvent('click', function() {
        switchCar(3)
    });
    $('car4').addEvent('click', function() {
        switchCar(4)
    });
});