/* <![CDATA[ */
			
			function makeScrollbar(content,scrollbar,handle,horizontal,ignoreMouse){
				var steps = (horizontal?(content.getScrollSize().x - content.getSize().x):(content.getScrollSize().y - content.getSize().y))
				//alert('steps' + steps);
				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);
						//alert('x='+x +'   y='+y);
						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 * 80;	
						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( $('content1'), $('scrollbar1'), $('handle1') );
				
			});
			
			/* new   */
			
			function makeScrollbar(content,scrollbar,handle,horizontal,ignoreMouse){				
				var steps = (horizontal?(content.getScrollSize().x - content.getSize().x):(content.getScrollSize().y - content.getSize().y))
				//alert('steps' + steps);
				
				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);
						
						//alert('x='+x +'   y='+y);
						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 * 80;	
						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 --				
				var content = $('content3');
				if(content == null)
				{				    
				    content = $('content3');
				}				
				
				var scrollbar = $('scrollbar3');
				if(scrollbar == null)
				{				    
				    scrollbar = $('scrollbar3');				    
				}				
				
				var handle = $('handle3');
				if(handle == null)
				{				    
				    handle = $('handle3');				    
				}
				makeScrollbar( content, scrollbar, handle);
				//makeScrollbar( $('content2'), $('scrollbar2'), $('handle2') );				
			});
			
			/* ]]> */