window.addEvent('domready', function() {
    var slideTimer = 5000;
    var transitionTime = 1000;
    var element = $('buttons');
    if (element) {
        var items2 = $('buttons').getElements('img');
        items2.each(function(element, index) {
            if(index > 0)  {
                element.setStyle('opacity', "0");
            }
        });

        var slideFunction2 = new function() {
            var numItems2 = items2.length;
            var itemNum = 0;
            var slideIt2 = function(){
                var curItem = items2[itemNum];

                if(itemNum < (numItems2 - 1)){
                    itemNum++;
                }
                else{
                    itemNum = 0;
                }

                var newItem = items2[itemNum];
                var item_in = new Fx.Morph(newItem, {
                             duration: transitionTime,
                             transition: Fx.Transitions.Quad.easeInOut,
                             wait:false
                });
                var item_out = new Fx.Morph(curItem, {
                             duration: transitionTime,
                             transition: Fx.Transitions.Quad.easeInOut,
                             wait:false
                });
                item_in.start({
                    'opacity':[0,1]
                });

                item_out.start({
                    'opacity':[0]
                });
            };

            slideIt2.periodical(slideTimer, this);
        }

    }

});

