window.addEvent('load', function() {
	var Markets = new Class({
		initialize: function() {
			this.displayTime = 4;
			
			this.markets = $('body').getElement('div#marketshome'); 
			this.marketsList = this.markets.getElement('ul').getChildren();

			this.marketsList.each(function(el, index){
				el.removeClass('selected');
				
				var cp = el.clone();
				cp.getElement('ul').dispose();
				
				new Element('li').set('class', 'title').set('text', cp.get('text')).injectBefore(el.getElement('li'));
			});
			
			this.selectedMarket = 0;
			this.marketsList[0].addClass('selected');
			this.startTimer();			
			
			$(this.markets).addEvents({
			    'mouseenter': function(){
					this.stopTimer();
			    }.bind(this),
				'mouseover': function(){
					this.stopTimer.pass();
			    }.bind(this),
			    'mouseleave': function(){
			    	this.startTimer();
				}.bind(this)
			});
		}
	});
	Markets.implement({
		displayMarket: function(){
			this.newMarket =  (this.selectedMarket == this.marketsList.length-1) ? 0 : this.selectedMarket+1;
			this.marketsList[this.selectedMarket].removeClass('selected');
			this.marketsList[this.newMarket].addClass('selected');
			this.selectedMarket = this.newMarket;
		},
		startTimer: function() {
			this.timer = this.displayMarket.pass(null, this).periodical(this.displayTime * 1000);
		},
		stopTimer: function() {
			$clear(this.timer);
		}
	});
	
	myMarkets = new Markets;
});