function playTexts(){}
function stopTexts(index){}

function getTime(){
	var now = new Date();
	var outStr = " "+now.getSeconds()+"-"+now.getMilliseconds();
	return outStr;
}

jQuery(document).ready(function() {

	
	var currElement = 1;
	var nextElement = 2;
	var lastElement = 4;
	var firstTime = false;
	var askForNr = false;
	var li_left_i = false;
	var lastImage = false;
	var nextImage = false;
	var currentImage = false;
	var waitText = 1000;

	function playTexts(){
		//console.log('start ' + currElement);
		var numElements = $('ul#gallery_text_left li').length;
		
		li_left_i = $('ul#gallery_text_left li:nth-child('+ currElement +')');		
		lastImage = $('ul#gallery > li:nth-child('+ lastElement +')');
		currentImage = $('ul#gallery > li:nth-child('+ currElement +')');
		if (currElement==numElements){nextElement = 1;}else{nextElement = currElement+1;}
		nextImage = $('ul#gallery > li:nth-child('+ nextElement +')');
		
		//console.log('after elements: '+lastElement+' - '+currElement);
		//return false; 
		li_left_i.css({left: '-500px', opacity:0.67});			// 0
		//console.log('1'+getTime()+" - cE:"+currElement+" lE:"+lastElement);
		li_left_i
			.animate({left:'18px'}, 1500, function(){
				if (li_left_i.children().size() > 2){waitText = 3000;}else{waitText = 1000;}
				$(this)
					.delay(waitText)
					.animate({left:'750px', opacity:0}, 1500, function (){
						//console.log('2'+getTime()+" - text:"+currentImage.attr("id")+" out");
						currentImage
							.fadeOut(500, function (){
								$(this)
									.removeClass('active')
									.addClass('none');
									
									//console.log('3'+getTime()+" - image:"+lastImage.attr("id")+" fadeOut");
									nextImage.fadeIn(499, function(){
										$(this).addClass('active').removeClass('none');	});
									
									//console.log('4'+getTime()+" - image:"+currentImage.attr("id")+" fadeIn");
									
									$('ul#gallery_nav > li a').removeClass('current');								// make inactive last  bullet
									$('ul#gallery_nav > li:nth-child('+ nextElement +') a').addClass('current');	// make active current bullet
							
									if (askForNr){
										askForNr = false;
									}else{ 
										//console.log('4b'+getTime());
										lastElement = currElement; 
										if (currElement==numElements){currElement = 1;}else{currElement++;}
										
										
									}
									 //console.log('5'+getTime()+" - cE:"+currElement+" lE:"+lastElement);
									$(this).animate({},100,playTexts);
								})
							
									
					});

		});
		
	}
	function stopTexts(index){
		$('#header_gallery').css('background-color','#fff');
		li_left_i.stop(true).css({opacity: 0}).clearQueue();		lastImage.stop(true).clearQueue();		currentImage.stop(true).clearQueue();
		$('ul#gallery_text_left li:nth-child('+ currElement +')').css({opacity: 0});
		
		//console.log(index);
		$('ul#gallery > li').removeClass('active').addClass('none').fadeOut(100);
		$('ul#gallery > li:nth-child('+ index +')').removeClass('none').addClass('active').fadeIn(0);
		
		$('ul#gallery_nav > li a').removeClass('current');								// make inactive last  bullet
		$('ul#gallery_nav > li:nth-child('+ index +') a').addClass('current');	// make active current bullet
									
		
		lastElement = currElement;
		currElement = index;
		
		
		
		playTexts();
		//clearInterval(play);
		//play = setInterval(playTexts, 5000);
	}
	
	if($('#start_slideshow').html()=='1') {
		playTexts();
		//var play = setInterval(playTexts, 5000);
	}
	
	$('ul#gallery_nav li a').each( function (index){
		$(this).click( function (){
			stopTexts(index+1);
			return false;
		});
	})
});


