// <![CDATA[
function runTest() {
var ul = $$("#horizontal_carousel .container ul").first();
// Fill carousel
var html = $R(0,15).inject("", function(html, index)  { //INCREASE the 2nd # WHEN INCREASING ARRAY!!
	var myArray = new Array();
//page title, width	
	myArray[0] = 'soccer,110';
	myArray[1] = 'comfort,109';
	myArray[2] = 'afro,129';
	myArray[3] = 'eats,107';
	myArray[4] = 'bake,109';
	myArray[5] = 'prickly,85';
	myArray[6] = 'reuben,120';
	myArray[7] = 'africanismo,81';
	myArray[8] = 'south,106';
	myArray[9] = 'home,111';
	myArray[10] = 'iris,69';
	myArray[11] = 'shack,132';
	myArray[12] = 'mud,132';
	myArray[13] = 'lazy,100';
	myArray[14] = 'safari,100';
	myArray[15] = 'firewater,93';
					
	var mySplitResult = myArray[index].split(",");
	
	return html + '<li style="width:' + mySplitResult[1] + 'px;"><a href="book.php?book=' + mySplitResult[0] + '"><img alt="Image'+ index + '" src="images/book/' +
	mySplitResult[0] + '.gif" border="0" /></a></li>';
});
ul.update(html);

new UI.Carousel("horizontal_carousel");
}
Event.observe(window, "load", runTest);
// ]]>