var timer = null;
var idx = 0;

function nextImage() {
    if (timer) {
        clearTimeout(timer);
    }
    
    if (idx >= rotator_images.length)
        idx = 0;
    var html = "<a href=" + rotator_links[idx] + ">";
    html += "<img src=" + rotator_images[idx] + " />";
    html += "</a>";
    document.getElementById('rotating-image').innerHTML = html;
    rotatorControls();
    idx++;
        
    timer = setTimeout('nextImage()', 5000);
    
             
}

function prevImage() {
    idx = idx - 2;
    
    if (idx < 0) {
        idx = rotator_images.length - 1;
    }

    // does the rest of what we need
    nextImage();
}

function selectImage(i) {
    idx = i;
    nextImage();
}

function rotatorControls() {
    if (!document.getElementById)
        return;
        
    lyr = document.getElementById('rotator-controls');
    controls = '';
    
    if (lyr) {
        for(i = 0 ; i < rotator_images.length; i++ ) {
            if (i == idx) {
                controls += '<a class="current" href="javascript: selectImage('+ i +');">' + (i + 1)  + '</a>';
            } else {
                controls += '<a href="javascript: selectImage('+ i +');">' + (i + 1)  + '</a>'; 
            }
        }
        
        lyr.innerHTML = controls;
    }
}

function rotatorInit() {
  for (i=0; i < rotator_images.length; i++) {
    new Image().src = rotator_images[i];
  }
  
  nextImage();
}

Event.observe(window, 'load', rotatorInit);

<!-- 18 33% #11-->
<!-- [ sh.j10.sv ] [ 2009.2.0.172 ]-->
<!-- [ 1014678 ] [  ] [ /s.nl ] [ Thu Mar 11 20:25:19 PST 2010 ] -->
<!-- Not logging slowest SQL -->