// JavaScript Document
var promos = new Class({
//implements
	Implements: [Options],

	//options
	options: {
		wrapper: false,
		showItem: 0
	},

	//initialization
	initialize: function(options) {
		this.setOptions(options);

		this.wrapper = $(this.options.wrapper);
		this.mainImgEls = $('mainImg').getElements('li');
		this.eventNavEls = $('eventNav').getElements('li');
		this.infoEls = $('info').getElements('li');
		this.totalElements = this.mainImgEls.length;
		
		this.mainImgEls.each(function(item){
		    item.setStyle('opacity','0');
		});
		
		this.infoEls.each(function(item){
		    item.setStyle('opacity','0');
		});
		
		this.changePromo(this.options.showItem);
		this.options.showItem++;
	},
	
	callChangePromo: function(){
		if( this.options.showItem == this.mainImgEls.length)
			this.options.showItem = 0;
			
		this.changePromo( this.options.showItem );
		
		this.options.showItem++;
	},
	
	changePromo: function(itemToShow){
		this.mainImgEls.each(function(item, i){
			item.tween('opacity', '0');
		});
		
		this.infoEls.each(function(item){
		    item.tween('opacity', '0');
		});
		
		this.eventNavEls.each(function(item, i){
			item.removeClass('active');
		});
		
		this.mainImgEls[itemToShow].tween('opacity', '1');
		this.infoEls[itemToShow].tween('opacity', '1');
		this.eventNavEls[itemToShow].addClass('active');
		
		this.callChangePromo.delay(10000, this);
	}
});