// <![CDATA[
			// scroll the element vertically based on its width and the slider maximum value
			function scrollVertical(value, element, slider) {
//				element.style.top = Math.round(value/10*(400-element.offsetHeight)+400);
				element.style.top = Math.round((-value*element.offsetHeight)+(value*300));
			}
			// mouse wheel code from http://adomas.org/javascript-mouse-wheel/
			function handleGoTo(delta) {
				var diff = ($('glist').offsetLeft-$('hcarousel').offsetLeft)/80;
				var goingTo = (-diff+(-delta*5));
				/* overflow on the right needs a fix for round */
				if(goingTo < 0) goingTo = 0;
				carousel.goTo(goingTo);
			}

			/** Event handler for mouse wheel event. */
			function wheel(event){
					var delta = 0;
					if (!event) /* For IE. */
						event = window.event;
					if (event.wheelDelta) { /* IE/Opera. */
						delta = event.wheelDelta/120;
						/** In Opera 9, delta differs in sign as compared to IE. */
						if (window.opera)
							delta = -delta;
					} else if (event.detail) { /** Mozilla case. */
						/** In Mozilla, sign of delta is different than in IE.
						* Also, delta is multiple of 3.
						*/
						delta = -event.detail/3;
					}
		
					/** If delta is nonzero, handle it.
					* Basically, delta is now positive if wheel was scrolled up,
					* and negative, if wheel was scrolled down.
					*/
					if (delta)
						handleGoTo(delta);
			
					/** Prevent default actions caused by mouse wheel.
					* That might be ugly, but we handle scrolls somehow
					* anyway, so don't bother here..
					*/
					if (event.preventDefault)
						event.preventDefault();
				
					event.returnValue = false;
			}
			
			
			// mozilla
			Event.observe('hcarousel', 'DOMMouseScroll', wheel);
			Event.observe('gallery_pic', 'DOMMouseScroll', wheel);
			Event.observe('hslider', 'DOMMouseScroll', wheel);
			
			// IE/Opera
			Event.observe('hcarousel', 'mousewheel', wheel);
			Event.observe('gallery_pic', 'mousewheel', wheel);
			Event.observe('hslider', 'mousewheel', wheel);
// ]]>
