window.addEvent('domready', function() {
  var itemsHolder = $('listholder');
  var myItems = $$(itemsHolder.getElements('.clientList'));
  var theControls = $('slider-buttons');
  var thePrevBtn = $(theControls.getElement('.previous'));
  var theNextBtn = $(theControls.getElement('.next'));
    
  new SL_Slider({
    slideTimer: 7500,
    orientation: 'horizontal',
    fade: true,
    isPaused: true,
    container: $('listholder'),
    items: $$(itemsHolder.getElements('.clientList')),
    prevBtn: $('slider-buttons').getElement('.previous'),
    nextBtn: $('slider-buttons').getElement('.next'),
    numNavActive: false
  }).start();
  
  $$('#listholder li').each(function(item, index){
    var url = item.getElement('a').get('href')
    item.addEvent('click', function() {
      document.location = url
      return false
    })
    item.addEvent('mouseenter', function() {
      this.addClass('hover')
    })
    item.addEvent('mouseleave', function() {
      this.removeClass('hover')
    })
  })
  
});