cur_page = 0;
auto_rotate = true;

function auto_next(){
    if(!auto_rotate) return;
    next_page();
    setTimeout('auto_next();', 5000);
}
setTimeout('auto_next();', 7000);

function prev_page(){
    if(cur_page == 0)
        goto_page($('.page').length -2);
    else
        goto_page(cur_page - 1);
}

function next_page(){
    if(cur_page == ($('.page').length -2))
        goto_page(0);
    else
        goto_page(cur_page + 1);
}

function goto_page(page_index){
    cur_page = page_index;
    $('#book').stop();
    $('#book').animate({left: page_index * -1 * $(window).width()}, 600);
    
    $('#pagination .sel').removeClass('sel');
    $('#btn_' + page_index).addClass('sel');
}

function fix_size(){
    var dw = $(window).width();
    var page_count = $('.page').length;
    $('#book').css('width', dw * page_count);
    //~ console.log(dw, page_count, dw * page_count);
    $('.page').css('width', dw);
    
    $('#pagination').html('');
    $('.page').each(function(i, n){
        if((i+1) == page_count)return;
        var btn = $("<span class='btn' id='btn_" + i + "'></span>");
        btn.click(function(){
            auto_rotate = false;
            goto_page(i);
        });
       $('#pagination').append(btn);
    });
    
    goto_page(cur_page);
}

$(window).resize(function(){
    fix_size();
});

$(document).ready(function(){
    fix_size();
});