window.addEvent('domready', function() {
    var slideTimer = 5000; 
    var transitionTime = 1250; 
    var items = $$('.peoplecontainer');  
    var prevBtn = $('prevbtn');
    var nextBtn = $('nextbtn');
    var itemNum = 0;  
    var isPaused = 0;
    
    items.each(function(element, index) {
        
        if(index == 0){
            element.removeClass('first_item');
            element.setStyle('left', "0");
        }
        else{
            element.setStyle('left', "505px");
        }
    
    });
    
    var numItems = items.length; 
    
    var slideForward = function(){ 
    
        var curItem = items[itemNum];  
        
        if(itemNum < (numItems - 1)){
            itemNum++; 
        }
        else{
            itemNum = 0;
        }
        
        var newItem = items[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({
        'left': [505, 0]
        });
        
        item_out.start({
        'left': '-505'
        });
        
    };
        
        
    var slideBackward = function(){ 
    
        var curItem = items[itemNum];  
        if(itemNum > 0){
            itemNum--; 
        }
        else{
            itemNum = (numItems - 1);
        }
        var newItem = items[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({
        'left': [-505, 0]
        });
        
        item_out.start({
        'left': '502'
        });
        
    };
    
    nextBtn.addEvent('click', function(){
        slideForward();
    });
    
    prevBtn.addEvent('click', function(){
        slideBackward();
    });
    
});