var currentImage = 0;

window.addEvent('domready', function() {
	var controls = new Element('div',{
			'id': 'imageList_controls'
	}).inject('bottom_left','top');

	var prevControl = new Element('a',{
			'href': '#',
			'id': 'imageList_prev',
			'onclick': 'pageTracker._trackPageview(\''+$('button_prev').get('html')+'\' ) ',
			'text': 'Previous'
	}).inject(controls);

	var nextControl = new Element('a',{
			'href': '#',
			'id': 'imageList_next',
			'onclick': 'pageTracker._trackPageview(\''+$('button_next').get('html')+'\' ) ',
			'text': 'Next'
	}).inject(controls);

	$('imageList_prev').addEvent('click', function(e) {
		e = new Event(e);
		e.stop();
		prevItem();
	});

	$('imageList_next').addEvent('click', function(e) {
		e = new Event(e);
		e.stop();
		nextItem();
	});

	$('bottom_left').setStyle('overflow', 'hidden');
});

function nextItem()
{
	var items = $$('#imageList img');
	if (currentImage + 1 > items.length - 1)
		currentImage = 0;
	else
		currentImage += 1;

	items.each(function(item, i) {
		if (i == currentImage)
		{
			item.setStyle('display', 'block');
		}
		else
		{
			item.setStyle('display', 'none');
		}
	});
}

function prevItem()
{
	var items = $$('#imageList img');
	if (currentImage == 0)
		currentImage = items.length - 1;
	else
		currentImage -= 1;

	items.each(function(item, i) {
		if (i == currentImage)
		{
			item.setStyle('display', 'block');
		}
		else
		{
			item.setStyle('display', 'none');
		}
	});
}