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

		var wrapper = $('carousel-wrap'); // The outer wrapper
		var carousel = $('carousel'); // The inner wrapper
		var items = $$('#carousel li'); // The different elements, this is an array
		var items_len = items.length;
		var itemsperli = $$('#carousel li a'); // The different elements, this is an array
		var itemsperli_len = itemsperli.length;
		var next_button = $$('#next_button')[0];
		var previous_button = $$('#previous_button')[0];
		var carouselcount = $('carouselcount'); // counter element
		var currentitem = 0; // counter
		var itemsperpage = 10; // counter
		var itemwidth = 202; // The full width of a single item (incl. borders, padding, etc ... if there is any)
		var maxmargin = (items_len-1) * itemwidth;
		var currentpos = $('li');

		var animation = new Fx.Tween(carousel, {duration:500, link:'cancel'});
	
		function updatecounter(){
			var itemsfrom = currentitem * itemsperpage + 1;
			var itemsto = (currentitem + 1) * itemsperpage;
			if(itemsto > itemsperli_len)
				itemsto = itemsperli_len;
	
			carouselcount.innerHTML = '' + itemsfrom + '-' + itemsto + ' of ' + (itemsperli_len) + ' image(s)';
		}
		
		// The function to browse forward
		function next_item()
		{
			if(currentitem == items_len-1)
			{
				currentitem = 0;
			}
			else
			{
				currentitem++;
			}
			animation.start('left', -currentitem*itemwidth);
			updatecounter();
		}
		
		function previous_item()
		{
			if(currentitem == 0)
			{
				currentitem = items_len-1;
			}
			else
			{
				currentitem--;
			}
			animation.start('left', -currentitem*itemwidth);
			updatecounter();
		}
		
		if($('carousel_page'))
		{
			if($('carousel_page').innerHTML != '')
			{
				currentitem = $('carousel_page').innerHTML;
				updatecounter();
			}
		}
		
		// Hide wrap scrollbar
		wrapper.setStyle('overflow-x','hidden');
	
		var nav_controls = ($$('#navigation-controls a'));
		// Set up the 'next' and 'previous' buttons
		nav_controls[1].addEvent('click', function(e){
			e = new Event(e).stop();
			next_item();
			//console.log(position);
		});
		nav_controls[0].addEvent('click', function(e){
			e = new Event(e).stop();
			previous_item();
		});
	//}, 200);
});