$(document).ready(function() {
	
	
	var fader_content_loop = false;
	var fader_auto_loop;
	
	if (fader_auto_loop == undefined || fader_auto_loop == true) {
		fader_content_loop = setInterval('switchFaderContent()', 7000);
	}
	
	$('#fader-content-controls img').hover(
	
		function() {

			var rel = $(this).attr('rel');
			var src = $(this).attr('src');
			

			// Alleen faden bij meer dan een content item
			if ($('#fader-content div.wrapper').length > 1)
			{		
				// Fade in en fade out
				var next_div = $('#' + rel);

				// deze regel geeft een unrecognized expression, wanneer je fade - hovert - fade - hovert
				var prev_div = $('#fader-content div.wrapper:not("#' + rel + '")');
				
				if (fading == 0) {
					fading = 1;
					
					prev_div.css('z-index', '10');
					next_div.css('z-index', '11');
					next_div.fadeIn('fast', function() {
						prev_div.hide();
						fader_content_current = next_div.attr('id');
						fading = 0;
					});
					
					// Control button switch
					$('#fader-content-controls img').attr('src', src.replace('on', 'off'));
					$(this).attr('src', src.replace('off', 'on'));
				}
			}
			
			// Interval resetten
			clearInterval(fader_content_loop);
			fader_content_current = '';
		}, 
		
		function() {
			// Bij mouse out interval opnieuw setten
			fader_content_loop = setInterval('switchFaderContent()', 7000);
		}
	);
	
});


var fader_content_current = '';
var fading = 0;

function switchFaderContent()
{
	// Huidig zichtbare content
	if (fader_content_current == '') {
		fader_content_current = $('#fader-content div.wrapper:visible').attr('id');
	}
	
	// De volgende div
	var next_div = $('#' + fader_content_current + ' ~ div.wrapper:first');
	
	// Als die niet bestaat, dan de eerste div pakken
	if (next_div.length == 0) next_div = $('#fader-content div:first');

	// Als de huidige en de volgende content hetzelfde zijn, niet faden
	if (fader_content_current != next_div.attr('id'))
	{
		if (fading == 0) {
			fading = 1;

			$('#' + fader_content_current).css('z-index', '10');
			next_div.css('z-index', '11');
			next_div.fadeIn(2000, function() {
				$('#' + fader_content_current).hide();
				fader_content_current = next_div.attr('id');
				fading = 0;
			});
			
			// En control button switch
			$('#fader-content-controls img').each(function() {
				
				$(this).attr('src', $(this).attr('src').replace('indicator-on', 'indicator-off'));

				if ($(this).attr('rel') == next_div.attr('id')) {
					$(this).attr('src', $(this).attr('src').replace('indicator-off', 'indicator-on'));
				}
			});
		}
	}
}