// JavaScript Document

window.peterhuebbe = {
	currentThumbnailIndex : 0,
	currentImgIndex : 0,
	startOnLoad : function(){
		//console.log('start');
		
		$('#thumbnails .thumbnail a').bind("mouseenter",function(){
			if(peterhuebbe.isAnimation === false){
				$(this).parent('.thumbnail').css({'opacity':'0.8'});
				$(this).addClass('over');
			}
		});
		$('#thumbnails .thumbnail a').bind("mouseleave",function(){
			if(!$(this).hasClass('active')){
				$(this).parent('.thumbnail').css({'opacity':'0.5'});
			}
			$(this).removeClass('over');
		
		});
		
		//Thumbnails vorbereiten:
		$('#thumbnails .thumbnail').each(function(i, element){
			if(i === 0){
				peterhuebbe.currentThumbnailIndex = i;
				$(element).css({'opacity':'1.0'});
			} else {
				$(element).css({'opacity':'0.5'});
			}
		});
		
		//Bilder vorbereiten:
		$('#bilder div.bild').each(function(i, element){
			//console.log(i);
			if(i === 0){
				peterhuebbe.currentImgIndex = i;
				$(element).css({'display':'block'});
			} else {
				$(element).css({'display':'none'});
			}
		});
		
		//peterhuebbe.showImg(2);
		
	},
	handleThumbnail : function(index){ 
		//Hier werden die Thumbnails angepasst:
		$('.thumbnail a.active').parent().css({'opacity':'0.5'});
		$('.thumbnail a.active').removeClass('active');
		$('#thumb_'+index+' a').addClass('active');
		$('#thumb_'+index+' a').parent().css({'opacity':'1.0'});
	},
	isAnimation : false,
	animTimer : null,
	animTimerTimeout : 3000,
	showImg : function(index, automation){
		if(peterhuebbe.animTimer){
			window.clearTimeout(peterhuebbe.animTimer);
		}
		if(peterhuebbe.isAnimation === false){
			peterhuebbe.isAnimation = true;
			//Hier wird das bild ausgeblendet und wieder eingeblendet:
			peterhuebbe.handleThumbnail(index);
			peterhuebbe.currentImgIndex = index;
			$('#bilder .active').animate({'opacity':'hide'},{
				'duration' : 1000,
				'easing' : 'easeout',
				'testwert' :'test',
				'complete' : function(){
					
				}
			});
			$('#bilder .active').removeClass('active');
			$('#bild_'+peterhuebbe.currentImgIndex).addClass('active');
			$('#bild_'+peterhuebbe.currentImgIndex).css({'display':'none'});
			$('#bild_'+peterhuebbe.currentImgIndex).animate({'opacity':'show'},{
				'duration':1500,
				'easing':'easein',
				'complete': function(){
					peterhuebbe.isAnimation = false;
					if(automation){
						peterhuebbe.animTimer = window.setTimeout('peterhuebbe.showNextImg(peterhuebbe.currentImgIndex, true)', peterhuebbe.animTimerTimeout);
					}
				}
			});
		}
		
	},
	showNextImg : function(currentIndex, automation){
		peterhuebbe.currentImgIndex = currentIndex + 1;
		if(peterhuebbe.currentImgIndex >= $('#bilder div.bild').size()){
			peterhuebbe.currentImgIndex = 0;
		}
		peterhuebbe.showImg(peterhuebbe.currentImgIndex, automation);
	}
	
};

$(document).ready(function(){
	peterhuebbe.startOnLoad();
});