// ©2010 Didier Berck

Event.observe(document, 'dom:loaded', initSlider);
function initSlider(evt) {
	$('page').wrap('div', {
		id: 'wrapper'
	});
	$('wrapper').setStyle({
		width: $('page').getStyle('width'),
		height: $('page').getStyle('height'),
		float: $('page').getStyle('float'), 
		position: 'relative',
		overflow: 'hidden',
		clip: 'rect(0, ' + $('page').getStyle('width') + ', ' + $('page').getStyle('height') + ', 0)'
	});
	var h = 0;
	$$('.project').each(function(elt) {
		h += parseInt(elt.getStyle('height').sub(/px/, '')) + parseInt(elt.getStyle('marginTop').sub(/px/, ''));
	});
	$('page').setStyle({
		height: h + 'px',
		float: 'none', 
		position: 'relative', 
		top: '0px'
	});
	Event.observe($('up'), 'mouseover', scrollUp);
	Event.observe($('up'), 'mouseout', stopScroll);
	Event.observe($('down'), 'mouseover', scrollDown);
	Event.observe($('down'), 'mouseout', stopScroll);
}
var t;
function scrollUp() {
	if($('page').getStyle('top').sub(/px/, '') < 0) {
		updateScroll(2);
		t = setTimeout("scrollUp()", 1);
	}
}
function scrollDown() {
	if($('page').getStyle('top').sub(/px/, '') > $('wrapper').getStyle('height').sub(/px/, '') - $('page').getStyle('height').sub(/px/, '')) {
		updateScroll(-2);
		t = setTimeout("scrollDown()", 1);
	}
}
function stopScroll() {
	clearTimeout(t);
}
function updateScroll(dec) {
	$('page').setStyle({
		top: parseInt($('page').getStyle('top').sub(/px/, '')) + dec + 'px'
	});
}