function makeScrollbar(content,scrollbar,handle,horizontal,ignoreMouse){ var steps = (horizontal?(content.getScrollSize().x - content.getSize().x):(content.getScrollSize().y - content.getSize().y)) var slider = new Slider(scrollbar, handle, { steps: steps, mode: (horizontal?'horizontal':'vertical'), onChange: function(step){ // Scrolls the content element in x or y direction. var x = (horizontal?step:0); var y = (horizontal?0:step); content.scrollTo(x,y); } }).set(0); if( !(ignoreMouse) ){ // Scroll the content element when the mousewheel is used within the // content or the scrollbar element. $$(content, scrollbar).addEvent('mousewheel', function(e){ e = new Event(e).stop(); var step = slider.step - e.wheel * 30; slider.set(step); }); } // Stops the handle dragging process when the mouse leaves the document body. $(document.body).addEvent('mouseleave',function(){slider.drag.stop()}); } window.addEvent('domready', function(){ // -- first example, vertical scrollbar -- makeScrollbar( $('content'), $('scrollbar1'), $('handle1') ); }); function rotateTestimonial(i,max) { if(i > (max - 1)) { i = 0; id = 0; pid = (max - 1); } else { id = i; pid = i - 1; } document.getElementById("pic" + pid).style.visibility = "hidden"; document.getElementById("pic" + id).style.visibility = "visible"; document.getElementById("quote" + pid).style.visibility = "hidden"; document.getElementById("quote" + id).style.visibility = "visible"; document.getElementById("caption" + pid).style.visibility = "hidden"; document.getElementById("caption" + id).style.visibility = "visible"; return i+1; } function testimonials() { i = rotateTestimonial(1,3); setInterval("i = rotateTestimonial(i,3)",8000); }