// setup rotators
(function($) {

    
    var rotators;
    jQuery(window).ready(function() {
        rotators = $("#customers ul");
    }).load(function() {
        (rotators || $("#customers ul")).each(function() {
            var rotator = $(this);
            var menu, next, previous
            if(true) {
                menu = $('<ul class="rotator-menu"></ul>');
                previous = $('<li class="previous"><button type="button">Previous</button></li>').appendTo(menu);
                next = $('<li class="next"><button type="button">Next</button></li>').appendTo(menu);
                $('<div class="rotator-nav"></div>').append(menu).insertAfter(rotator);
            }
       
            var startIndex = rotator.children().index(rotator.children(":visible"));
            var transition = $(rotator).is("#customers ul") ? "fade" : "scrollHorz";
            var speed = 500;
            if(rotator.hasClass("rotation-transition-scrollvertical")) {
                transition = "scrollVertUp";
                speed = 500;
            }
            rotator.cycle(Object.extend({
                //fx:"fade",
                fx:transition,
                speed:speed,
                timeout: 0,
                pause: true,
                startingSlide: startIndex,
                cleartypeNoBg: true
            }, menu && menu.is(":visible") ? {
                //fx:"scrollHorz",
                //speed:500,
                next:next,
                prev:previous,
            	//activePagerClass:"selected",
                pager:menu,
                pagerAnchorBuilder:function(index, slide) {
                   return $('<li class="item item-' + (index + 1) + '"><button type="button">' + (index + 1) + '</button></li>');
                },
                pauseOnPagerHover: true,
                updateActivePagerLink:function(pager, currSlideIndex) {
                	$(pager).children().removeClass("selected").filter(":not(.next,.previous):eq(" + currSlideIndex + ")").addClass("selected");
                	$(pager).find("button").blur();
                }
            } : {}));
            
            // need this?
            if(menu && next) {
                next.appendTo(menu);
            }
            
        });
        
    });
})(jQuery);