$(document).ready(function() {




/*ISOTOPE*/


if (navigator.appName == "Opera"){
			$('#projektuebersicht').isotope({
				 transformsEnabled: false,
				 animationOptions: {
				 duration: 3750,
				 easing: 'linear',
				 queue: false
				 }
			});
}else{
		$('#projektuebersicht').isotope({
				animationOptions: {
				duration: 3750,
				easing: 'linear',
				queue: false 
				}
			});
}
					
			
			
			$('#projektuebersicht').isotope({ animationEngine: 'best-available' });
			$('#filtermenue a').click(function(){
			  var selector = $(this).attr('data-filter');
			  $('#projektuebersicht').isotope({ filter: selector });
			  return false;
			});	
			
/*SLIDE*/
$("#actpro-main").touchwipe({
     wipeLeft: function() { wipeleft();},
     wipeRight: function() { wiperight(); },
     min_move_x: 20,
     min_move_y: 20,
     preventDefaultEvents: false
});
		
var aktuellesbild = 1;	
intervallrunning = true;

var anzahlbilder = $("#actpro-main").children("img").length-1;
var i = 1;
if(anzahlbilder>1){
	while (i<=anzahlbilder) {
		$('#slidenav').append('<a>&nbsp;</a>');
  		i++;
	}
}

/*AUSGANGSSITUATION*/
var zindex=3;	
$("#actpro-main img").css('opacity', '0');
$("#actpro-main img:nth-child("+2+")").css('z-index',zindex).css('opacity', '1');
$("#slidenav a:nth-child(1)").css('opacity','1');

/*BUTTON BILDER */
$('#slidenav a').click(function() {
 intervallrunning = false;

	var callnumber = $(this).index()+1;
	 $("#slidenav a:not(:nth-child("+(callnumber)+"))").animate({opacity: 0.5, background: '#4ec1e2'}, 0, function() {});
	 $("#slidenav a:nth-child("+(callnumber)+")").animate({opacity: 1, background: '#4ec1e2'}, 0, function() {});

	einblenden(callnumber);
});


/*BILDER EINBLENDEN*/
var einblenden = function(nummer){

	zindex++;
	$("#actpro-main img:nth-child("+(nummer+1)+")").css('z-index', zindex);
	$("#actpro-main img:nth-child("+(nummer+1)+")").animate({opacity: 1}, 500, function() {
    	$("#actpro-main img:not(:nth-child("+(nummer+1)+"))").animate({opacity: 0}, 0, function() {});
  });
	aktuellesbild = (nummer);
}
  
 var wipeleft = function(){
  intervallrunning = false;

	//alert("nächstes");
	zindex++;
	if(aktuellesbild<(anzahlbilder)){
				aktuellesbild = aktuellesbild+1;
				$("#slidenav a:not(:nth-child("+(aktuellesbild)+"))").animate({opacity: 0.5}, 0, function() {});
	 			$("#slidenav a:nth-child("+(aktuellesbild)+")").animate({opacity: 1}, 0, function() {});
	
				$("#actpro-main img:nth-child("+(aktuellesbild+1)+")").css('z-index', zindex);
				$("#actpro-main img:nth-child("+(aktuellesbild+1)+")").animate({opacity: 1}, 500, function() {
    			$("#actpro-main img:not(:nth-child("+(aktuellesbild+1)+"))").animate({opacity: 0}, 0, function() {});
  	});
	}
  

}

 var wiperight = function(){
 intervallrunning = false;
		//alert("nächstes");
	zindex++;
	if(aktuellesbild>1){
		aktuellesbild = aktuellesbild-1;

	 $("#slidenav a:not(:nth-child("+(aktuellesbild)+"))").animate({opacity: 0.5}, 0, function() {});
	 $("#slidenav a:nth-child("+(aktuellesbild)+")").animate({opacity: 1}, 0, function() {});
	
	$("#actpro-main img:nth-child("+(aktuellesbild+1)+")").css('z-index', zindex);
	$("#actpro-main img:nth-child("+(aktuellesbild+1)+")").animate({opacity: 1}, 500, function() {
    	$("#actpro-main img:not(:nth-child("+(aktuellesbild+1)+"))").animate({opacity: 0}, 0, function() {});
  	});
	}
  

}


/*INTERVAL ############ */
var saghallo = function(){
	alert("hallo");
}
setInterval(function() {
if(intervallrunning == true){
	if(aktuellesbild<anzahlbilder){
	 $("#slidenav a:not(:nth-child("+(aktuellesbild+1)+"))").animate({opacity: 0.5}, 0, function() {});
	 $("#slidenav a:nth-child("+(aktuellesbild+1)+")").animate({opacity: 1}, 0, function() {});
		einblenden(aktuellesbild+1)
	}
	else{
	 $("#slidenav a:not(:nth-child("+(1)+"))").animate({opacity: 0.5}, 0, function() {});
	 $("#slidenav a:nth-child("+(1)+")").animate({opacity: 1}, 0, function() {});
		einblenden(1);
	}
	}
	

}, 7000);
		
		
$('img','#actpro-main').click(function() {

if(aktuellesbild<anzahlbilder){
	intervallrunning = false;
	wipeleft();

}else{
	intervallrunning = false;
	 $("#slidenav a:not(:nth-child(1))").animate({opacity: 0.5, background: '#4ec1e2'}, 0, function() {});
	 $("#slidenav a:nth-child(1)").animate({opacity: 1, background: '#4ec1e2'}, 0, function() {});
	einblenden(1);
}


});
		
});