var fadingImages = new Array();
var fadingInterval = null;

$(document).ready(function()
{
	if($('div#header div#header-image img.header-fading').length > 0)
	{
		var current = null;
		$('div#header div#header-image img.header-fading').each(function()
		{
			if($(this).hasClass('current'))
				current = $(this);
			else
				fadingImages.push($(this));
		});
		if(current != null)
			fadingImages.push(current);
		
		fading();
	}
	
	$('div#header div#header-image a.fachbetriebe, div#header div#header-image a.auftraggeber').hover(function()
	{
		clearTimeout(fadingInterval);
		
		if($(this).hasClass('current'))
		{
			return;
		}
		
		$('div#header div#header-image a').removeClass('current');
		$('div#header div#header-image img.header-fading.current').fadeOut('slow', function()
		{
			$(this).attr('style', '');
			$(this).removeClass('current');
		});
		
		var className = $(this).attr('class');
		$('div#header div#header-image img.header-fading.' + className).fadeIn('slow', function()
		{
			$(this).attr('style', '');
			$(this).addClass('current');
		});
		
		$('div#header div#header-image a.' + className).addClass('current');
		
		for(var i = 0; i < fadingImages.length; i++)
		{
			var image = fadingImages.shift();
			fadingImages.push(image);
			
			if(image.hasClass(className))
				break;
		}
		
	}, function()
	{
		fading();
	})
});

function fading()
{
	fadingInterval = window.setInterval(function()
	{
		var className = $('div#header div#header-image img.header-fading.current').attr('class').replace(/header-fading /, '').replace(/ current/, '');
		$('div#header div#header-image a').removeClass('current');
		
		$('div#header div#header-image img.header-fading.current').fadeOut(1500, function()
		{
			$(this).attr('style', '');
			$(this).removeClass('current');
		});
		
		var nextImage = fadingImages.shift();
		fadingImages.push(nextImage);
		
		var className = nextImage.attr('class').replace(/header-fading /, '').replace(/header-fading/, '');
		if(className != '')
			$('div#header div#header-image a.' + className).addClass('current');
		
		nextImage.fadeIn(1500, function()
		{
			$(this).attr('style', '');
			$(this).addClass('current');
			
			if(className == '')
				clearTimeout(fadingInterval);
		});
	}, 5000);
}