$(document).ready(function(){
	var currentPosition = 0;
	var slideWidth = 75;
	var slides = $('.slide');
	var numberOfSlides = slides.length;
	
	// Remove scrollbar in JS
	$('#slidesContainer').css('overflow', 'hidden');
	$(".bullet").first().addClass("bullet-aktiv");
	
	// Wrap all .slides with #slideInner div
	slides.wrapAll('<div id="slideInner"></div>')
		// Float left to display horizontally, readjust .slides width
		.css({
			'float' : 'left',
			'width' : slideWidth
		});

	// Set #slideInner width equal to total width of all slides
	$('#slideInner').css('width', (slideWidth+10) * numberOfSlides);

	$(".bullet").click(function(e) {
		currentPosition = $(this).attr("name");

		$(".bullet").removeClass("bullet-aktiv");
		$(this).addClass("bullet-aktiv");
		
		$('#slideInner').animate({
			'marginLeft' : (slideWidth+10)*(-currentPosition*5)
		});

		/*	wenn die Bilder auch mal am Rand nur zum Teil zu sehen sein sollen,
			dann diese Zeilen nutzen
		$('#slideInner').animate({
	        'marginLeft' : (slideWidth+8)*(-currentPosition*5)
	      });
	    */
	});

	// Pirobox
	$().piroBox({
	      my_speed: 300, //animation speed
	      bg_alpha: 0.5, //background opacity
	      slideShow : 'off', // true == slideshow on, false == slideshow off
	      slideSpeed : 3, //slideshow
	      close_all : '.piro_close' // add class .piro_overlay(with comma)if you want overlay click close piroBox
	});
});