// JavaScript Document

var showcaseItems;
var current = 0;



/*IE7 Margin = 17 & */

var animationRunning = false;

Array.implement({
    'rotate': function(){
        return this.unshift(this.pop());
    },

    'rotateBack': function(){
        return this.push(this.shift());
    }
});

window.addEvent('domready', function(){
    showcaseItems = $$('div.slideButton');

    current = 0;

    var next = $('next');
    var prev = $('prev');

    next.addEvent('click', function(clicker){
	new Event(clicker).preventDefault();

	var item = showcaseItems.getLast();
        var tween = item.get('tween', {'property': 'margin-left'});
	item.dispose();
        tween.set(-220);
        item.injectBefore(showcaseItems[0]);
        tween.start(-220, 0);

        showcaseItems.rotate();
    });

    prev.addEvent('click', function(clicker){
	new Event(clicker).preventDefault();

        var item = showcaseItems[0];

	item.get('tween', {property: 'margin-left'})
            .start(0, -220)
            .chain(function () {
	        item.dispose();
	        item.injectAfter(showcaseItems.getLast());
                item.get('tween', {property: 'margin-left'}).set(0);
                showcaseItems.rotateBack();
            });

    });
});