<link rel="stylesheet" href="css/jquery.contentScroller.css"/>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/jquery.contentScroller.js"></script>

$("#content").find("> .post").contentScroller();

$('#scroll-content').find("> .post").contentScroller({
    container: '#scroll-content',
    navItem: {
        title: '[data-cs-title]'
    }
});

var tipCallback = function () {
    return $('h2:first', $(this).data('csTarget')).text();
};
$(".demo-item").contentScroller({
    container: '#scroll-content',
    onInit: function (target, top, bottom) {
        top.find('li').tooltip({ title: tipCallback });
        bottom.find('li').tooltip({ title: tipCallback });
    }
});

var options = {
    navItem: {
        title: function (index, itemNode) {
            return $('.entry-date', itemNode).text();
        }
    }
};
if ($('#wpadminbar').length) {
    options.nav = options.nav || {};
    options.nav['topClass'] = 'cs-top-wpadmin';
}
$('#content > .post').contentScroller(options);