var global_active = [];
var global_slide_left = 310;
var durationSlide = 1000;
var slideSwitch = 10000 // = 10s

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

	// promo animation
	var _li = $$('div.feature li');
	$$('div.feature li div.active').setStyle('left','0');
	$$('div.feature li div').each(function(_el, i){
		_el.FxSlide = new Fx.Tween(_el, {
				duration: durationSlide,
				onComplete: function(_el) {
					_el.getParent().getElements('div.prev').setStyle('left',-global_slide_left).removeClass('prev');
				}
			});
	});	
	var _promoTimer = setTimeout(function(){animatedPromo();}, slideSwitch);
	function animatedPromo() {
		_li.each(function(_el, i){
			if (_el.getElement('div.active').getNext('div')) {
				_firsActive = _el.getElement('div.active').removeClass('active').addClass('prev');
				_firsActive.getNext('div').addClass('active');
				setTimeout(function() {
					_el.getElement('div.active').FxSlide.start('left',0);
				}, (250*(i+1)));
			} else {
				_firsActive = _el.getElement('div.active').removeClass('active').addClass('prev');
				_el.getFirst('div').addClass('active');
				setTimeout(function() {
					_el.getElement('div.active').FxSlide.start('left',0);
				}, (250*(i+1)));
			}
		});
		_promoTimer = setTimeout(function(){animatedPromo();}, slideSwitch);
	}
	_li.addEvents({
		'mouseover': function(){
			if (_promoTimer) clearTimeout(_promoTimer);
		},
		'mouseout': function(){
			_promoTimer = setTimeout(function(){animatedPromo();}, slideSwitch);
		}
	});
	
	// lightbox
	
});