/*
	Panel-Slider
*/
function showPanel(newSlideIndex) {
	var actIndex = $(".slide").index($(".project-img .selected"));
	$(".slide").removeClass('selected');
	$('.slide:eq('+newSlideIndex+')').addClass('selected');

	
	if (actIndex < newSlideIndex) {
		$('.slide:eq('+newSlideIndex+')').fadeIn('normal', function () {
			$(".slide:not(.selected)").css({'display':'none'});
		});
	}
	if (actIndex > newSlideIndex) {
		$('.slide:eq('+newSlideIndex+')').css({'display':'block'});
		$('.slide:eq('+actIndex+')').fadeOut('normal', function () {
			$('.slide:eq('+actIndex+')').css({'display':'none'})
		});
	}
	$('.slide:eq('+newSlideIndex+')').focus();

	$('#currentPic').html((newSlideIndex+1)+ ' | ' +$('.slide').length);
}


function nextPanel(direction) {
	var actNavIndex = $(".project-img .slide").index($(".slide.selected"));

	var newNavIndex = actNavIndex + direction;
	var maxNavIndex = jQuery('.project-img .slide').length -1;
	if (newNavIndex > maxNavIndex) {
		newNavIndex = 0;
	}
	if (newNavIndex < 0) {
		newNavIndex = maxNavIndex;
	}
	showPanel(newNavIndex);
}


$(document).ready(function() {
	/* png bug-fix für ie 6 */
	$(document).pngFix();
	

	if ($('.slide').length > 1) {
		$('.slide').css({'display':'none', 'position':'absolute', 'top':'0', 'left':'0'});
		$('#slide-1').css({'display':'block'});
		$('#slide-1').addClass('selected');
		
		// Panel-Slider Prev/next Steuerung hinzufügen
		curPic = '1 | ' + $('.slide').length;
		$('.project-img').after('<a class="prev-nav" href="#">voriges Bild</a><span id="currentPic">' + curPic + '</span><a class="next-nav" href="#">nächstes Bild</a>');
		
		$('.project-img-container').children().mouseover(function(){
			$('#currentPic').addClass('active');
		}).mouseout(function(){
			$('#currentPic').removeClass('active');
		});	
		
		// Panel-Slider: Link Interaction
		$('a.prev-nav').click(function(event) {
			$(this).blur();
			event.preventDefault();
			nextPanel(-1);		
			$('#currentPic').addClass('active');
		});
		$('a.next-nav, .slide').click(function(event) {
			$(this).blur();
			event.preventDefault();
			nextPanel(1);
			$('#currentPic').addClass('active');
		});
	}
});