(function () {
    var w = 1025,
        slides = $('.slider li'), 
        l = slides.css({'left':w}),
        index = 0, 
        interval,        
        interval_function = function () {
                                slides.eq(index).animate({
                                        left: w+'px',
                                        opacity: 0
                                    }, 800,'easeInBack',function(){
                                        index = (index + 1) % slides.length;
                                        slides.eq(index).css('opacity',1).animate({
                                                left: 0
                                            }, 800,'easeOutBack'
                                        );
                                    }
                                );
                            };
    slides.eq(index).css('opacity',1).animate({
            left: 0
        }, 800,'easeOutBack'
    );
    interval = setInterval(interval_function, 5000);

    $('.slider').hover(function () {
        clearInterval(interval);
    }, function () {
        interval = setInterval(interval_function, 4000);
    });
}());