document.observe('dom:loaded', function() {
	if($('horizont-products')){
		a = new Carousel('inner-mask', $$('#inner-mask .ref-item'), $$('a.carousel-control', 'a.carousel-jumper'), 
		{ 
			auto: true, 
			frequency: 6, 
			circular: true,
			duration: 1.0,
			effect: 'fade',
			wheel: false,
			selectedClassName: 'selected',
			beforeMove: function(){
				a.controls.each(function(el) {
					el.removeClassName(a.options.selectedClassName);
				});
				a.controls.each(function(el) {
					if(el.rel == a.current.id) {
						el.addClassName(a.options.selectedClassName);
					}
				});
			}
		}); 
		
	}
	
	if($('ref-gallery')) {
		var occasionCarousel = new Carousel('gallery-image-scroller', $$('#gallery-image-scroller .slide'), $$('#gallery-navigation .carousel-control', '#gallery-navigation .carousel-jumper'), {
			duration: 0.8,
			selectedClassName: 'selected',
			beforeMove: function(previousIndex, currentIndex) { // Edited this.options.beforeMove so that it passes previousIndex and currentIndex
				var jumpers = $$('#gallery-navigation .carousel-jumper');
				var slides = $$('#gallery-image-scroller .slide');
				jumpers[previousIndex].removeClassName('selected');
				jumpers[currentIndex].addClassName('selected');
				
				var scrollerX = $('gallery-thumbs-scroller').cumulativeOffset()[0];
				var scrollerWidth = $('gallery-thumbs-scroller').offsetWidth;
				var scrollerDelta = scrollerX + scrollerWidth;
				var jumperX = jumpers[currentIndex].cumulativeOffset()[0];
				
				if(((jumperX + 65) > scrollerDelta) || ((jumperX) < scrollerDelta)) {
					new Effect.SmoothScroll($('gallery-thumbs-scroller'), {
						duration: 0.3,
						x: (jumperX + 65) - scrollerDelta
					}); 
				}
				$('gallery-image-scroller').style.height = slides[currentIndex].offsetHeight + 'px';
			}
		});
	}	
});