/// JavaScript Document
/// by frizbee.be

	$(document).ready(function(){
		
		/// get the width of the imageslider
			$widthimageslider = $('#projects-images').css('width');
			
		/// get the total number of images
			$numberofimages = $('#projects-images').children().size();
		
		/// tracks the current and next imagenumber
			$currentimagenumber = 1;
			
		/// show first image on startup
			$('#extraimage1').css('left', 0);
													
		/// previous button
			$("#projects-picturenav-prev").click(function(event)
			{
  				event.preventDefault();
				
				$currentimage = $('#extraimage' + $currentimagenumber);
				$currentimage.css('left', 0);
				$currentimage.animate({'left': $widthimageslider}, 'fast');
				
				if($currentimagenumber == 1) $nextimage = $('#extraimage' + $numberofimages);
				else $nextimage = $('#extraimage' + ($currentimagenumber - 1));
				$nextimage.css('left', '-' + $widthimageslider);
				$nextimage.animate({'left': 0}, 'fast');
				
				if($currentimagenumber > 1) $currentimagenumber --;
				else $currentimagenumber = $numberofimages;
				
			});
			
		/// next button
			$("#projects-picturenav-next, #projects-images img").click(function(event)
			{
  				event.preventDefault();
				
				$currentimage = $('#extraimage' + $currentimagenumber);
				$currentimage.css('left', 0);
				$currentimage.animate({'left': '-' + $widthimageslider}, 'fast');
				
				if($currentimagenumber == $numberofimages) $nextimage = $('#extraimage1');
				else $nextimage = $('#extraimage' + ($currentimagenumber + 1));
				$nextimage.css('left', $widthimageslider);
				$nextimage.animate({'left': 0}, 'fast');

				if($currentimagenumber < $numberofimages) $currentimagenumber ++;
				else $currentimagenumber = 1;
				
			});
						
	});