$(document).ready(function(){
    
    $(document).scrollLeft($('div.slide.center').offset().left);
    
    $('.animate-center').click(function(){
        $(document).scrollTo($('div.slide.center'), 1000, {axis:'x'});
        return false;
    });
    $('.animate-left').click(function(){
        $(document).scrollTo(0, 1000, {axis:'x'});
        return false;
    });
    $('.animate-right').click(function(){
        $(document).scrollTo($('div.slide.right'), 1000, {axis:'x'});
        return false;
    });
    $('.animate-left_jump').click(function(){
        $(document).scrollTo(0, 1000, {axis:'x'});
        return false;
    });
    $('.animate-right_jump').click(function(){
        $(document).scrollTo($('div.slide.right'), 1000, {axis:'x'});
        return false;
    });
    
    $(window).resize(function() {
        var offset, current_diff = Number.MAX_VALUE;
        $('.slide').each(function(){
            if(Math.abs($(this).offset().left - $(document).scrollLeft()) < current_diff) {
                current_diff = Math.abs($(this).offset().left - $(document).scrollLeft());
                offset = $(this).offset().left;
            }
        });
        $(document).scrollLeft(offset);
    });
});