$(function() {

    $("div#home").scrollable({
        size: 1,
        items: 'div#items',
        loop: true,
        clickable: false,
        speed: 500,
        onSeek: function() {
            writePageNumber(this);
        }
    }).circular();

    var api = $("div#home").scrollable();
    writePageNumber(api);

    $(document).everyTime(8000, 'auto_scroll', function(i) {
        api.next();
    });

    $("div#navi > a").click(function() {
        $(document).stopTime('auto_scroll');
    });
});

writePageNumber = function(api) {
    var html = (api.getPageIndex() + 1) + ' / ' + (api.getSize() - 2);
    $("div#navi > span").html(html);

    Cufon.replace('div.item > div', { fontFamily: 'Avenir LT Std' });
    Cufon.replace('div#navi > span', { fontFamily: 'Avenir LT Std' });
};

Cufon.replace('a#view_our_work', { fontFamily: 'Avenir LT Std' });