var slider, current, active;
window.addEvent('domready', function() {	
	var news_items = $('news_container').getElements('td').length;
	var midden = (document.body.offsetWidth * 0.5);
	var zijkant = midden - 500;
	var scrollruimte = $('scroller').getStyle('width').toInt() - $('knob').getStyle('width').toInt();
	var scrollinterval = scrollruimte / (news_items - 1);
	var nieuws = new Fx.Tween('news_container');
	var knob = new Fx.Tween('knob');
	
	$('news_container').setStyles({'left': midden + 500, 'width': news_items * 1000});
	nieuws.start('left', zijkant);
	
	slider = new Slider($('scroller'), $('knob'), {
		steps: 1000,
		range: [0, (news_items - 1) * 1000],
		onChange: function(value) {
			nieuws.set('left', zijkant - value);
			current = value;
		}
	}).set(0);
	
	$('knob').addEvent('mousedown', function() { active = true });
	$('scroller').addEvent('mousedown', function() { active = true });
	
	$$('body').addEvent('mouseup', function() {
		if(active) {
		   huidige = Math.round(current/1000);
		   nieuws.start('left', zijkant - (huidige * 1000));
		   knob.start('left', (huidige * scrollinterval));
		   setTimeout("slider.set(huidige * 1000)", 500);
		   active = false
		}
	}); 
	
	$('arrow_left').addEvent('click', function() {
		huidige = Math.ceil(current/1000);
		if (huidige > 0) {
			vorige = huidige - 1;
		} else {
			vorige = 0;
		}
		nieuws.start('left', zijkant - (vorige * 1000));
		knob.start('left', (vorige * scrollinterval));
		
		setTimeout("slider.set(vorige * 1000)", 500);
	});
	
	$('arrow_right').addEvent('click', function() {
		huidige = Math.ceil(current/1000);
		if (huidige < (news_items - 1)) {
			volgende = huidige + 1;
		} else {
			volgende = (news_items - 1);
		}
		nieuws.start('left', zijkant - (volgende * 1000));
		knob.start('left', (volgende * scrollinterval));
		
		setTimeout("slider.set(volgende * 1000)", 500);
	});
});