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


	var i=0;

	var myScroller = new Scroller(document.getElementById('bookScroller'));
	myScroller.start();
	
	var scrolldiv = $('books');		// id of the first element to scroll
	var scroll = new Fx.Tween(scrolldiv);

	var numBooks = 0;
	var bookWidth = 0;
	var totalWidth = $('bookholder').getStyle('width').toInt();	
	var kids = scrolldiv.childNodes;
	for (i=0; i<kids.length; i++) {
		if (kids[i].nodeType==1) {
			numBooks++;
			bookWidth = kids[i].getStyle('width').toInt() + kids[i].getStyle('padding-left').toInt() + kids[i].getStyle('padding-right').toInt();
		}
	}

	$('btnNext').addEvent('click', function(event) {
		var offset = scrolldiv.getStyle('margin-left').toInt()-bookWidth;
		//alert ( ((numBooks*bookWidth) + offset) + " >= " + totalWidth);
		if ((numBooks*bookWidth) + offset >= totalWidth) scroll.start( 'margin-left', offset );
		
	});
	
	$('btnLast').addEvent('click', function(event) {
		var offset = scrolldiv.getStyle('margin-left').toInt();
		//alert ( ((numBooks*bookWidth) + offset) + " >= " + totalWidth);
		if (offset<0) scroll.start( 'margin-left', offset+bookWidth );
	});

	$('books').setStyle('margin-left', -bookWidth+'px' );
	//scroll.start( 'margin-left', -bookWidth );

});