var Caroussel = Class.create(
{
	initialize: function()
	{
	},

	parse: function()
	{
		this.container = $$('.projectCaroussel').first();

		if (this.container)
		{
			var elements = this.container.down().select('li');

			elements.size() > 1 && this.create_indicator(elements);

			this.slideshow = new SlideShow(elements, 10, 1, this.indicate.bind(this));
		}
	},

	create_indicator: function(elements)
	{
		this.indicator = new Element('div', { 'class': 'indicator' });

		elements.each(function(element, index)
		{
			var link = new Element('a');

			link.index = index;
			link.observe('click', function(event) { event.preventDefault(); this.slideshow.goto(index); }.bind(this));

			this.indicator.insert(new Element('div', { 'class': 'item' }).insert(link));
		}, this);

		this.container.insert(this.indicator);
	},

	indicate: function(index)
	{
		this.indicator.select('.item a').invoke('removeClassName', 'active');
		this.indicator.childElements()[index].down().addClassName('active');
	}
});

var caroussel = new Caroussel();
document.observe('dom:loaded', function(event) { caroussel.parse(); });