shuffle = function(o){ //v1.0
	for(var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
	return o;
};

var curImage = 0;
var homeImageAnimation = true;
var home_animation_on = false;
var imageContainerToggler = true;
var homeAnimationImages = shuffle(['header1.jpg', 'header2.jpg', 'header3.jpg', 'header4.jpg', 'header5.jpg', 'header6.jpg', 'header7.jpg', 'header8.jpg', 'header9.jpg']);


$(document).ready(function() {

	/* Sliding header BEG */
	if (homeAnimationImages) {
		$.each(homeAnimationImages, function(index, element) {

			$('<a></a>').click(function() {
				clearTimeout(homeImageAnimation);

				$('#headerTrigger a.current').removeClass('current');
				$(this).addClass('current');

				showNextHomeImage(index);
			}).appendTo('#headerTrigger');
		});

		$('#headerTrigger a').eq(0).trigger('click');

		// Back button
		$('.headerTriggerBack, .headerTriggerForward').click(function() {
			clearTimeout(homeImageAnimation);

//			var quantity = $('#headerTrigger a').length - 1;
			var quantity = homeAnimationImages.length - 1;

			var current_image_index = -1;
			$('#headerTrigger a').each(function(index) {
				if ($(this).hasClass('current')) {
					current_image_index = index;
				}
			});

			if ($(this).hasClass('headerTriggerBack')) {
				new_index = (current_image_index == 0) ? quantity : current_image_index - 1;
			}

			if ($(this).hasClass('headerTriggerForward')) {
				new_index = (current_image_index == quantity) ? 0 : current_image_index + 1;
			}

			showNextHomeImage(new_index);

		});
	}

});

function showNextHomeImage(showImage) {

	clearTimeout(homeImageAnimation);
	$('#header_image_wrapper').stop();

	if (!isNaN(showImage)) {
		curImage = showImage;
	}

	if (curImage >= homeAnimationImages.length) {
		curImage = 0;
	}

	var nextImage = new Image;
	$(nextImage).attr({
		'src': '/grafiken/header/' + homeAnimationImages[curImage]
	}).load(function() {

		$('#graphic_header' + ((imageContainerToggler) ? 1 : 2)).stop().animate({
			'opacity': 0
		}, 1500);

		$('#graphic_header' + ((imageContainerToggler) ? 2 : 1)).css({
			'backgroundImage': 'url(/grafiken/header/' + homeAnimationImages[curImage] + ')'
		}).stop().animate({
			'opacity': 1
		}, 1500);

		$('#headerTrigger a').removeClass('current').eq(curImage).addClass('current');

		homeImageAnimation = setTimeout("showNextHomeImage()", 6000);

		++curImage;

		imageContainerToggler = !imageContainerToggler;

	});
}