document.addEvent('domready', function () { Home.setup(); });

var Home = {
  
    Scroller: function () {
        var scrollItems = $$('.scrollerinner ul li');
        var current = 0;
        var width = 222 * scrollItems.length;
        var scr = $$('.scrollerinner ul')[0];
        scr.set('tween', { 'duration': 1000 });
        scr.setStyle('width', width + 'px');


        var doMove = function (direction) {
            current += (direction * 4);
            if (current < 0)
                current = 0;
            var over = scrollItems.length % 4;
            var max = scrollItems.length;
            if (over > 0)
                max -= over;
            else
                max -= 3;
            if (current >= max)
                current = max;

            scr.tween('left', -(current * 222));

            if (current == 0) {
                $('prev').addClass('hidden');
            }
            else {
                $('prev').removeClass('hidden');
            }

            if (current == max) {
                $('next').addClass('hidden');
            }
            else {
                $('next').removeClass('hidden');
            }
        }


        $$('.scrollernav #prev').addEvent('click', function (x) { x.stop(); doMove(-1); });
        $$('.scrollernav #next').addEvent('click', function (x) { x.stop(); doMove(1); });

    },
    setup: function () {
        Slideshow.setup();
        Home.Scroller();
    }
}