bodyClassName = 'home';

$(document).ready(function () {

    $('.prevEventButton').click(function () { scrollEvents(-3); return false; });
    $('.nextEventButton').click(function () { scrollEvents(3); return false; });

    scrollEvents(0);
});

function scrollEvents(delta) {
    var currentmargin = $("#eventListWrapper ul").css("margin-left");
    var currentmargin = currentmargin.substr(0, currentmargin.length - 2);

    var numberitems = $("#eventListWrapper ul li").size();
    var itemwidth = 400;//ori is 180

    var maxMargin = 0;
    var minMargin = (numberitems - 1) * -itemwidth;

    var newMargin = Number(currentmargin) - (delta * itemwidth);

    if (newMargin >= maxMargin) newMargin = maxMargin;
    if (newMargin <= minMargin) newMargin = minMargin;

    $("#eventListWrapper ul").animate({ marginLeft: newMargin + "px" }, 300, "easeInOutQuint");

    if ((newMargin + (3 * itemwidth)) > maxMargin) { $(".prevEventButton").hide(); } else { $(".prevEventButton").show(); }
    if ((newMargin - (3 * itemwidth)) < minMargin) { $(".nextEventButton").hide(); } else { $(".nextEventButton").show(); }
}