	// <![CDATA[
		var photoSlider;
	
		function thumbhover(displayPic, divId) 
		{
			Element.hide(divId);
			new Effect.Appear(document.getElementById(divId));

			document.getElementById(divId).innerHTML = '<img src="' + displayPic + '" border="0" />';
		}
		
		// scroll the element vertically based on its width and the slider maximum value
		function scrollVertical(value, element, slider)
		{
			element.scrollTop = Math.round(value/slider.maximum*(element.scrollHeight-element.offsetHeight));
		}
		
		// vertical slider control
		window.onload = function()
		{
			if($('scrollHandle') != null)
			{
					photoSlider = new Control.Slider('scrollHandle', 'scrollBar', 
							{
								axis: 'vertical',
								onSlide: function(v) 
										{ 
												scrollVertical(v, $('thumbScroll'), photoSlider);  
										},
								onChange: function(v) 
										{ 
												scrollVertical(v, $('thumbScroll'), photoSlider); 
										}
							});
			}
		};
	// ]]>
