// JavaScript Document

$(document).ready(function(){
	var subNavi = false;
	
	if($('#navigation ul li.active ul li').length > 0 ) {		
		subNavi = true;
	}	

	if(subNavi == true) {
		$('#header').delay(200).animate({
			height: '100px'
		}, 300 , function(){
			$('#header').addClass('sub');
			$('#navigation ul .active ul').fadeIn(300);
		});	
	}
	
	$('#closeHeader').toggle(function() {
		$('#navigation, #closeHeader').fadeOut(500, function() {		
			$("#closeHeader").addClass("closed");
			$("#main").css("display", "none");	
		});
		
		if($('#thumbs a').length > 1) { 
			$('#thumbsNavigation, #thumbs').fadeOut(500);
			$('#imageNavigation').delay(500).fadeIn(500);	
		}														   
		
		if(subNavi == true) {			
			$('#header').delay(500).animate({
				height: '55px'
			}, 500 );	
		}
		
		$('#closeHeader').delay(500).fadeIn(500);	
	}, function() {
		if ($('#thumbs').length > 0) {
			var thumbsLeft = ($('#thumbs').data('scrollable').getIndex() * -420) + 'px';
			$('#thumbsWrapper').css('left', thumbsLeft);
		}
		
		if ($('#text').length > 0) {
			var textLeft = ($('#text').data('scrollable').getIndex() * -500) + 'px';
			$('#textWrapper').css('left', textLeft);
		}	
		
		$('#closeHeader, #imageNavigation').fadeOut(500, function(){																  
			$("#closeHeader").removeClass("closed");
			$("#main").css("display", "block");			
		});		
							
		if(subNavi == true) {			
			$('#header').delay(500).animate({
				height: '120px'
			}, 500 );	
		}
			
		if($('#thumbs a').length > 1) { 
			$('#thumbsNavigation, #thumbs').delay(1000).fadeIn(500);
		}
		
		$('#navigation, #closeHeader').delay(1000).fadeIn(500);
	});

	$("#thumbs").scrollable({
		items: 		'.thumb,sSlide',
		easing: 	'easeOutExpo',
		speed: 		500,
		prev:		'.prevThumb',
		next:		'.nextThumb'			
	}).mousewheel();

	$('#thumbs a').click(function() {
		//var url = $('img', this).attr('src');
		var id = $('img', this).attr('id').replace('thumb_', '');

		if ($(this).parent().hasClass('active')) {
			return;
		}
		
		$('#thumbs .thumb').removeClass('active');
		$('#images .image').removeClass('active');
		
		//var index = $(this).parent().index();
		//var parentIndex = $(this).parent().parent().parent().index();
		
		//$('#text').data('scrollable').seekTo(parentIndex * 4 + index);
		$('#description .text:visible').fadeOut('fast', function() {
			$('#text_'+id).fadeIn('fast');												 
		});
		
		$(this).parent().addClass('active');
		//$('#images .image img[src="'+url+'"]').parent().addClass('active');	
		$('#image_'+id).parent().addClass('active');	
	});
		
	if(!$('#thumbs .thumb').hasClass('active')) { 
		$('#thumbs .thumb:first-child').addClass('active');
		$('#images .image:first-child').addClass('active');	
	}	
	
	$("#text").scrollable({		
		items: 		'.text',
		easing: 	'easeOutExpo',
		speed: 		500,
		prev:		'.prevText',
		next:		'.nextText',			
	}).mousewheel();
	
	$('#imageNavigation .prevImage').click(function() {
		var currentImage = $('#thumbsWrapper .thumbsSlide li.active');
		var currentSet = currentImage.parent().parent();
		var offset = 0;
		
		// Auf Anfang des Sets prüfen
		if (currentImage.index() - 1 < 0) {
			offset--;	
		}
		
		if (offset < 0) {
			// Anfang aller Bilder erreicht? => Ans Ende springen
			if (currentSet.index() + offset < 0) {
				$('#thumbsWrapper .thumbsSlide:last li:last a').click();	
				$("#thumbs").data('scrollable').end();
			}
			else {
				$('li:last a', currentSet.parent().children().eq(currentSet.index() + offset)).click();	
				$("#thumbs").data('scrollable').prev();
			}
		}
		else {
			$('li', currentSet).eq(currentImage.index() - 1).find('a').click();	
		}
	});

	$('#imageNavigation .nextImage').click(function() {	
		//$('#images .image').find('active').css('background', '#FF0000');
		var currentImage = $('#thumbsWrapper .thumbsSlide li.active');
		var currentSet = currentImage.parent().parent();
		var offset = 0;
		
		// Auf Ende des Sets prüfen
		if ($('li', currentSet).eq(currentImage.index() + 1).length == 0) {
			offset++;	
		}
		
		if (offset > 0) {
			// Ende aller Bilder erreicht? => An den Anfang springen
			if ($('li', currentSet.parent().children().eq(currentSet.index() + offset)).eq(0).length == 0) {
				$('#thumbsWrapper .thumbsSlide li').eq(0).find('a').click();
				$("#thumbs").data('scrollable').begin();	
			}
			else {
				$('li', currentSet.parent().children().eq(currentSet.index() + offset)).eq(0).find('a').click();	
				$("#thumbs").data('scrollable').next();
			}
		}
		else {
			$('li', currentSet).eq(currentImage.index() + 1).find('a').click();	
		}
	});
	
	if($('#thumbs a').length > 1) { 
		$('#thumbs').css('display', 'block');
	}
	
	if($('#thumbs a').length > 4) { 
		$('#thumbsNavigation').css('display', 'block');
	}
	
	if($('#text .text').length > 1) { 
		$('#textNavigation').css('display', 'block');
	}
	
/*	$('#thumbs a').click(function() {
		var url = $('img', this).attr('src');

		if ($(this).hasClass('active')) {
			return;
		}
	
		$('#content #images .image').fadeOut('slow', function() {
			$('#content #images .image img[src="'+url+'"]').parent().fadeIn('slow');												   
		});
	
		$('#thumbs a').removeClass('active');
		$(this).addClass('active');
	});*/
});