window.addEvent('domready', function(){
	var wheel_scrollstep = 100;

	var container_left = $$('#xcontent').shift();
	var container_inner_left = $$('#xcontent_inner').shift();
	var left_button_up = $$('div#scroller_button_up').shift();
	var left_button_down = $$('div#scroller_button_down').shift();
	var left_scroller_container = $$('div#scroller_background').shift();
	var left_scroller_knob = $$('div#scroller').shift();

	var slider_YPos_left = 0;	
	var slider_MaxYPos_left = container_inner_left.getSize().size.y - container_left.getSize().size.y + 50;	
	var slider_XPos_left = 0;


	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)
			}
		}
	});
	

	var scroll_left = new Fx.Scroll(container_left, {
		wait: false,
		duration: 200,
		transition: Fx.Transitions.Quad.easeInOut
	});

	slider_left = new Slider(left_scroller_container, left_scroller_knob, {
		steps: container_inner_left.getSize().size.y - container_left.getSize().size.y,
		mode: 'vertical',	
		onChange: function(step){
			scroll_left.scrollTo(slider_XPos_left, step);
			slider_YPos_left = step;
		}
	}).set(slider_YPos_left);

	left_button_up.addEvent('click', function(event){
	        if(slider_YPos_left - 80 < 0)
		{
			slider_YPos_left = 0;
			slider_left.set(0);
		}
		else
		{
			slider_YPos_left -= 80;
			slider_left.set(slider_YPos_left);
		}

	});
	left_button_down.addEvent('click', function(event){
	        if(slider_YPos_left + 80 > slider_MaxYPos_left)
		{
			slider_YPos_left = slider_MaxYPos_left;
			slider_left.set(slider_MaxYPos_left);
		}
		else
		{
			slider_YPos_left += 80;
			slider_left.set(slider_YPos_left);
		}
	});

	container_left.addEvents({
		'wheelup': function(e) {
			e = new Event(e).stop();
	
			if (slider_YPos_left - wheel_scrollstep > 0) {
				slider_YPos_left -= wheel_scrollstep;
			} else {
				slider_YPos_left = 0;
        		}
			slider_left.set(slider_YPos_left);
			scroll_left.scrollTo(slider_XPos_left, slider_YPos_left);
		},
		'wheeldown': function(e) {
			e = new Event(e).stop();
	 
			if (slider_YPos_left + wheel_scrollstep < slider_MaxYPos_left) {
				slider_YPos_left += wheel_scrollstep;
			} else {
				slider_YPos_left = slider_MaxYPos_left;
			}
			slider_left.set(slider_YPos_left);
			scroll_left.scrollTo(slider_XPos_left, slider_YPos_left);
		}
	});
});

