window.addEvent('domready', function() {
    
    slideUp = new Fx.Style('truck-jump', 'margin-top', {
        duration: 400,
        transition: Fx.Transitions.Quint.easeOut,
        wait: false
    });
    
    $$('a.slide-trucks').addEvent('mouseover', function(){
        slideUp.start(5);
        $$('img.view-details').addClass('background');
    });
    
    $$('div.home div.container').addEvent('mouseleave', function(){
        slideUp.start(300);
        $$('img.view-details').removeClass('background');
    });
    
    var scroll = new Fx.Scroll('carousel-container', {
	    wait: false,
	    duration: 1500,
	    transition: Fx.Transitions.Quint.easeOut
    });
    
    $$('a.next').addEvent('click', function(event){
        scroll.toRight();
    });
    
    $$('a.previous').addEvent('click', function(event){
        scroll.toLeft();
    });
    
});