// JQuery timeline

var events = $('.event');
var eventCount = events.size();
var eventWidth = parseInt(events.css('width')) + 1; // add 1 for border
var currEventPos = 0;
var slidingDiv = $('#slider');
var sliderWidth = eventWidth * eventCount;
var scrollLimit = sliderWidth - parseInt($('#view_window').css('width'));

// adjust with of slider div
slidingDiv.css('width', sliderWidth + 'px'); 

function prevevent() {
  if (currEventPos < 0) {
    currEventPos = parseInt(slidingDiv.css("left")) + eventWidth;
    slidingDiv.animate({left: currEventPos + 'px'}, {duration:500, transition:'swing'}); 
  }
}

function nextevent() {
  if ((scrollLimit + currEventPos) > 1) {
    currEventPos = parseInt(slidingDiv.css("left")) - eventWidth;
    slidingDiv.animate({left: currEventPos + 'px'}, {duration:500, transition:'swing'}); 
  }
}