jQuery.fn.extend({
  slideRightShow: function() {
    return this.each(function() {
        $(this).show('slide', {direction: 'right'}, 1000);
    });
  },
  slideLeftHide: function() {
    return this.each(function() {
      $(this).hide('slide', {direction: 'left'}, 1000);
    });
  },
  slideRightHide: function() {
    return this.each(function() {
      $(this).hide('slide', {direction: 'right'}, 1000);
    });
  },
  slideLeftShow: function() {
    return this.each(function() {
      $(this).show('slide', {direction: 'left'}, 1000);
    });
  }
});



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

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

jQuery(document).ready(function() {

	$ = jQuery;
	
	var currElement = 1;
	var nextElement = 2;
	var numElements = $('ul#gallery li').length;
	var lastElement = numElements;
	var firstTime = false;
	var askForNr = false;
	var li_left_i = false;
	var lastImage = false;
	var nextImage = false;
	var currentImage = false;
	var waitText = 1000;
	
	$('ul#gallery > li:nth-child('+ currElement +')').css({zIndex: 100}).show();
	
	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 +')');
		
		//currentImage.delay(2000).slideLeftHide(5000);
		
		nextImage.css({zIndex: 99}).show();
		currentImage.css({zIndex: 100}).show();
		currentImage
			.delay(4000)
			.fadeOut(2000, function(){
					currentImage.css({zIndex: 98});
					lastElement = currElement;
					currElement = nextElement;
					
					$(this).animate({},100,playTexts);
				});
		
		
		/*
		//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){
		
		// stop old effect
		$('#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();
	}
	playTexts();
});