$(document).ready(function() {
	
	
	var fader_visual_loop = false;
	var fader_auto_loop;
	
	if (fader_auto_loop == undefined || fader_auto_loop == true) {
		fader_visual_loop = setInterval('switchFaderVisual()', 5000);
	}
	
	$('#fader-visual-controls img').hover(
		function() {
			//$('#brand-movie-container').fadeOut('fast', function() {
			//	$('#fader-visual').fadeIn('fast');
			//});
			
			var rel = $(this).attr('rel');
			var src = $(this).attr('src');
			
			// Alleen faden bij meer dan een foto
			if ($('#fader-visual img').length > 1)
			{		
				// Fade in en fade out
				var next_img = $('#' + rel);
				var prev_img = $('#fader-visual img:not("#' + rel + '")');
				
				if (fading == 0) {
					fading = 1;
					
					prev_img.css('z-index', '10');
					next_img.css('z-index', '11');
					next_img.fadeIn('normal', function() {
						prev_img.hide();
						fader_visual_current = next_img.attr('id');
						fading = 0;
					});
					
					// Control button switch
					$('#fader-visual-controls img').attr('src', src.replace('on', 'off'));
					$(this).attr('src', src.replace('off', 'on'));
				}
			}
			
			// Interval resetten
			clearInterval(fader_visual_loop);
			fader_visual_current = '';
		}, 
		
		function() {
			// Bij mouse out interval opnieuw setten
			fader_visual_loop = setInterval('switchFaderVisual()', 5000);
		}
	);
	
});


var fader_visual_current = '';
var fading = 0;

function switchFaderVisual()
{
	// Huidig zichtbare visual
	if (fader_visual_current == '') {
		fader_visual_current = $('#fader-visual img:visible').attr('id');
	}
	
	// De volgende visual
	var next_img = $('#' + fader_visual_current + ' ~ img:first');
	
	// Als die niet bestaat, dan de eerste visual pakken
	if (next_img.length == 0) next_img = $('#fader-visual img:first');

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

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