// Slideshow!

window.addEvent('domready', function(){
//	if (!Browser.Engine.trident) {
	$('content-container').addClass('enhanced');
	$('slideshow').addClass('clear');
	
	var active;
	var first;
	var firstli;
	var delayed;
	var overwrite = false;
	var delay = 4000;
	
	var slide = function() {
		active.morph({'background-color': '#282828', 'border-color': '#282828'});
		if (active.getNext()) { active = active.getNext(); }
		else { active = firstLi; }
		active.morph({'background-color': '#BA3232', 'border-color': '#8A110F'});
		
		current.fade(0);
		if (current.getNext()) { current = current.getNext(); }
		else { current = first; }
		current.fade(1);
	}
	
	$('slideshow').inject($('content-container'), 'top');
	
	var slideshowWrapper 	= new Element('div', {'class': 'clear', 'id': 'slideshowWrapper'});
	var spotlight 			= new Element('ul', {'id': 'spotlight'});
	var bgdiv 				= new Element('div', {'id': 'bgdiv'});
	bgdiv.inject($('slideshow'));
	spotlight.inject(slideshowWrapper);
	slideshowWrapper.wraps($('slideshowList'));
	
	$$('#slideshow li').each(function(item, index){		
		var spotlightLi = new Element('li', {'class': 'clear', 'id': 'item'+index, 'html': item.getFirst().get('html')});
		var spotlightA = new Element('a', {'href': item.getFirst().getFirst('.title').getFirst('a').getProperty('href')});
		spotlightA.wraps(spotlightLi.getFirst('.image').getFirst('img'));
		spotlightLi.inject(spotlight);
		
		item.getFirst().getFirst('.title').set('html', item.getFirst().getFirst('.title').get('text') + ' <a href="'+ item.getFirst().getFirst('.title').getFirst('a').getProperty('href') +'" class="readmore">&rarr; bekijk artikel</a>');
		
		if (index == 0) { item.setStyles({'background-color': '#BA3232', 'border-color': '#8A110F'}); active = item; first = current = spotlightLi; firstLi = item; }
		else { spotlightLi.set('opacity', 0); }
		
		item.addClass('clear').addEvent('click', function(e){
			interval = $clear(interval);
			delayed = $clear(delayed);
			delayed = (function() {interval = slide.periodical(delay);}).delay(delay);

			
			active.morph({'background-color': '#282828', 'border-color': '#282828'});
			active = this;
			active.morph({'background-color': '#BA3232', 'border-color': '#8A110F'});
			
			current.fade(0);
			current = spotlightLi;
			current.fade(1);
		});
	});
	
	var interval = slide.periodical(delay);
//	}
});