function scrollFadeNext( go_to ){
	// - - - - -
	// SCROLLER
	// - - - - -
	var new_width = ( max_width * -1 ) + image_count * image_width;

	var next_thumb = $('img.thumb_active').parent().parent().next('div.imageKlein');
	if( next_thumb.length == 0 ){
		next_thumb = $('div.imageKlein:first',$('img.thumb_active').parent().parent().parent() );
	}
	$('#thumb_play, #thumb_pause').remove();
	$('.thumb_active').removeClass('thumb_active');

	$('img', next_thumb).addClass('thumb_active');
	$('a', next_thumb).append('<div id="thumb_play"></div>');

	var navigation_next_box = $('div.scroll_navigation_box_active').next();
	if( navigation_next_box.length == 0 ){
		navigation_next_box = $('div.scroll_navigation_box:first')
	}
	$('div.scroll_navigation_box_active').removeClass('scroll_navigation_box_active').addClass('scroll_navigation_box');
	navigation_next_box.addClass('scroll_navigation_box_active').removeClass('scroll_navigation_box');

	if( $('img', 'div.scrollable div.items div.imageKlein:first').hasClass('thumb_active')){
		$('div.scrollable div.items').animate( {left: 0} );
		
	} else {

		if( $('div.scrollable div.items')[0].offsetLeft > new_width){
			$('div.scrollable div.items').animate( {left: $('div.scrollable div.items')[0].offsetLeft - image_width} );
		}

	}
	// - - - - - - -
	// SCROLLER END
	// - - - - - - -

	// - - -
	// FADER
	// - - -
	var next_big = $('li.fade_active').next();
	if( next_big.length == 0 ){
		next_big = $('li.fade_inactive:first');
	}

	$('li.fade_active').animate({opacity: 0}).removeClass('fade_active').addClass('fade_inactive').css('display', 'none');
	next_big.css('display', 'block').animate({opacity: 1}).removeClass('fade_inactive').addClass('fade_active');
	// - - - - -
	// FADER END
	// - - - - -
}

function scrollFadeGoto( obj ){

	$('.thumb_active').removeClass('thumb_active');
	$('img', obj).addClass('thumb_active');
	$('#thumb_play, #thumb_pause').remove();
	$(obj).append('<div id="thumb_pause"></div>');

	index = 0;
	i = 0;
	$('div.items div.imageKlein').each(function(i){
		if( $('img', this).hasClass('thumb_active') ){
			index = i;
			return;
		}
	});
	$('li.fade_active').animate({opacity: 0}).removeClass('fade_active').addClass('fade_inactive').css('display', 'none');
	$($('li.fade_inactive').get(index)).css('display', 'block').animate({opacity: 1}).removeClass('fade_inactive').addClass('fade_active');
	
	$('div.scroll_navigation_box_active').removeClass('scroll_navigation_box_active').addClass('scroll_navigation_box');

	if( $('div.scrollable div.items')[0].offsetLeft == 0 ){
		var item_offset_count = 0;
	} else {
		var item_offset_count = $('div.scrollable div.items')[0].offsetLeft / image_width * -1;
	}

	var scroll = ( index * image_width ) * -1;
	
	var m_w		= ( max_width * -1 ) + image_count * image_width;
	
	if( scroll < m_w ){
		scroll = m_w;
	}
	$('div.scrollable div.items').animate( {left: scroll } );

	var navigation_next_box = $($('div.scroll_navigation_box').get(index));
	navigation_next_box.addClass('scroll_navigation_box_active');
}

function scrollFadeBuildNavi(){
	if( images_count > image_count ){
		$('div.scrollable').after('<div id="scroll_navigation"></div>');
		for( i = 0; i < images_count; i++ ){
			$('#scroll_navigation').append('<div class="scroll_navigation_box"></div>');
			if( i == 0 ){
				$('.scroll_navigation_box').removeClass('scroll_navigation_box').addClass('scroll_navigation_box_active');
			}
		}
		$('.scroll_navigation_box').live( 'click', function(){
			$('.scroll_navigation_box_active').removeClass('scroll_navigation_box_active').addClass('scroll_navigation_box');
			$(this).removeClass('scroll_navigation_box').addClass('scroll_navigation_box_active');
			$('div#scroll_navigation div').each(function(i){
				if( $(this).hasClass('scroll_navigation_box_active') ){
					index = i;
					return;
				}
			});

			clicked = true;
			intr2 = setInterval(function(){
				clicked = false;
				clearInterval(intr2);
			},2000);
			scrollFadeGoto( $($('div.scrollable div.items div.imageKlein a').get(index)) );

		});
	}
}

$(function(){

	if( $('#do_test').length > 0 ){
		$(".zoom-img").jqzoom({
			zoomWidth: 75,
			zoomHeight: 75,
			title :false,
			initCallback: function(){
				
				interval		= 8000;
				image_count		= 6;
				image_width		= 80;

				// Zähle alle Bilder für den Scroller
				images_count	= $('div.scrollable div.items div.imageKlein').length;
				max_width		= images_count * image_width;
				clicked			= false;

				// Setze alle Bilder auf 'fade_inactive' und das erste Bild auf 'fade_active'
				$('ul#big_image li').addClass('fade_inactive');
				$('ul#big_image li:first').addClass('fade_active').removeClass('fade_inactive');
				$('.fade_inactive').css({opacity: 0, display: 'none'});

				// Naviagtion aufbauen falls nötig
				//scrollFadeBuildNavi();

				intr = setInterval(scrollFadeNext, interval);

				$('div.menu, ul#big_image img.imageGross, .jqZoomPup, #scroll_navigation').hover(function() {
					clearInterval( intr );		
					$('#thumb_play').attr('id', 'thumb_pause');
				}, function() {
					if( $('*:animated').length == 0 && clicked === false ){
						scrollFadeNext();
					}
					intr = setInterval(scrollFadeNext, interval);
					$('#thumb_pause').attr('id', 'thumb_play');
				});

				$('div.scrollable div.items div.imageKlein a').click(function(){
					clicked = true;
					intr2 = setInterval(function(){
						clicked = false;
						clearInterval(intr2);
					},2000);
					scrollFadeGoto( this );
				});

			}
		});
	} else {
			interval		= 8000;
		image_count		= 6;
		image_width		= 80;

		// Zähle alle Bilder für den Scroller
		images_count	= $('div.scrollable div.items div.imageKlein').length;
		max_width		= images_count * image_width;
		clicked			= false;

		// Setze alle Bilder auf 'fade_inactive' und das erste Bild auf 'fade_active'
		$('ul#big_image li').addClass('fade_inactive');
		$('ul#big_image li:first').addClass('fade_active').removeClass('fade_inactive');
		$('.fade_inactive').css({opacity: 0, display: 'none'});

		// Naviagtion aufbauen falls nötig
		//scrollFadeBuildNavi();

		intr = setInterval(scrollFadeNext, interval);

		$('div.menu, ul#big_image img.imageGross, .jqZoomPup, #scroll_navigation').hover(function() {
			clearInterval( intr );		
			$('#thumb_play').attr('id', 'thumb_pause');
		}, function() {
			//if( $('*:animated').length == 0 && clicked === false ){
			//	scrollFadeNext();
			//}
			intr = setInterval(scrollFadeNext, interval);
			$('#thumb_pause').attr('id', 'thumb_play');
		});

		$('div.scrollable div.items div.imageKlein a').click(function(){
			clicked = true;
			intr2 = setInterval(function(){
				clicked = false;
				clearInterval(intr2);
			},2000);
			scrollFadeGoto( this );
		});
	}

});