(function($) {

    $(document).ready( function() {
        if ($('body').hasClass('event')) {
            var $period = $('#period-nav');
            var periodTop = $('div.items').position().top;
            
            var windowTop;
            var $window = $(window);
            
            $window.resize(function() {
                periodTop = $('div.items').position().top;
                positionNav();
            });

            $window.scroll( function() {
                positionNav();
            });

            function positionNav() {
                windowTop = $window.scrollTop();
                if (windowTop >= periodTop) {
                    $period.addClass('fixed');
                } else {
                    if ($period.hasClass('fixed')) {
                        $period.removeClass('fixed');
                    }
                }
            }
            
            /* localScroll.js settings */
            
            $.localScroll.defaults.axis = 'y';
            
            $('#period-nav').localScroll({
                duration: 1000,
                offset: -48
            });
            
            $('html').click(function () {
                $('#period-nav').removeClass('on');
                $('#period-nav').addClass('off');
            });
            
            $('#period-nav .sub-menu').prepend('<li class="current">'+$('#period-nav li:first-of-type').text()+'</li>');
            $('#period-nav a').click(function(e) {
                e.stopPropagation();
                $('.current').text($(this).text());
            });
            
            $('#period-nav .current').click(function(e) {
                e.stopPropagation();
                $('#period-nav').toggleClass('on');
                $('#period-nav').toggleClass('off');
            });

        }
    });
  
})(jQuery)