Element.Events.extend({
	'wheelup': {
		type: Element.Events.mousewheel.type,
		map: function(event) {
			event = new Event(event);
			if (event.wheel >= 0)
				this.fireEvent('wheelup', event);
		}
	},

	'wheeldown': {
		type: Element.Events.mousewheel.type,
		map: function(event) {
			event = new Event(event);
			if (event.wheel <= 0)
				this.fireEvent('wheeldown', event);
		}
	}
});

window.addEvent('load', function() {

	//set width for widescreen Template
	if($('contentProductLeft') && $('scrollContent').scrollHeight > 462) {
		$('scrollContent').setStyle('width','620px');
		$('scrollAreaBorder').setStyle('display','block');
	}
	
	else if ($('contentLeft') == null && $('scrollContent').scrollHeight > 462) {
		$('scrollContent').setStyle('width','770px');
		$('contentHolder').setStyle('overflow-y', 'hidden');
		$('scrollAreaBorder').setStyle('display','block');
	}
	
	else if ($('contentLeft') && $('scrollContent').scrollHeight > 462) {
		$('scrollContent').setStyle('width','620px');
		$('scrollAreaBorder').setStyle('display','block');
	}

	if ($('contentHolder')) {

		/* Slider */
		var scrollHeight = $('scrollContent').scrollHeight;

		if (scrollHeight - 462 > 0) {

			var height1 = (452 * 452 / scrollHeight);
			height1 = Math.ceil(height1);
			if(height1 < 10) {
				height1 = 10;
			}

			$('scrollArea').setStyle('display', 'block');
			$('scrollKnob').setStyle('height', height1);

			var mySlide = new Slider($('scrollArea'), $('scrollKnob'), {
				steps: scrollHeight - 452,
				snap: true,
				offset: 0,
				mode: 'vertical',
				onChange: function(step) {
					$('scrollContent').scrollTop = step;
				}
			}).set(0);

			$('contentHolder').addEvent('mousewheel', function(event) {
				event = new Event(event);

				if (event.wheel > 0)
					mySlide.set(mySlide.step - 20);
				else if (event.wheel < 0)
					mySlide.set(mySlide.step + 20);
			});
		} else {
			$('scrollAreaBorder').setStyle('display', 'none');
		}

	}

});