function adaptSizeAndPosition(){
		
	// adapt size of wrapper to window
	var windowHeight = $(window).height();
	
	$('#wrapper').css('height', windowHeight-20);
	
	var wrapperHeight = $('#wrapper').height();
	var wrapperWidth = $('#wrapper').width();
	
	// set position of arrows
	var newArrowTop = wrapperHeight/2 - $('#arrowright').height() / 2;
	$('#arrowleft').css({top: newArrowTop});
	$('#arrowright').css({top: newArrowTop});
	$('#navigate').css({width: wrapperWidth});
	
	// adapt size of slideObjects and slideWrapper
	var slideObjects = $('div.slideObject');
	slideObjects.css({height: wrapperHeight, width: wrapperWidth});
	
	$('#slideWrapper').css({height: wrapperHeight, width: wrapperWidth});
	
	// adapt size of slideContainer to number and size of slideObjects
	$('#slideContainer').css({height: wrapperHeight, width: (wrapperWidth + 5) * slideObjects.length});
	
	
	
	// image size and position
	var imageWidth = 1360;
	var imageHeight = 950;
	
	var wrapperRatio = wrapperWidth / wrapperHeight;
	var imageRatio = imageWidth / imageHeight;
	
	if (wrapperRatio > imageRatio) {
		var newHeight = (wrapperWidth / imageWidth) * imageHeight;
		var newWidth = wrapperWidth;
	} else {
		var newHeight = wrapperHeight;
		var newWidth = (wrapperHeight / imageHeight) * imageWidth;
	}
	
	newTop = 0 - ((newHeight - wrapperHeight) / 2);
	newLeft =  0 - ((newWidth - wrapperWidth) / 2);
	
	$(".slideObject p.img img").css({height: newHeight, width: newWidth, top: newTop, left: newLeft});
}

$(document).ready(function() {

	adaptSizeAndPosition();
	
	$('#arrowleft').hide();
	
	// let it slide
	$('#slideWrapper').serialScroll({
		items: '.slideObject',
		prev: '#arrowleft',
		next: '#arrowright',
		cycle: false,
		
		onBefore: function(e, elem, $pane, $items, pos){		
			if(pos == 0)
				$('#arrowleft').fadeOut();
			else
				$('#arrowleft').fadeIn();
				
			if(pos == $('.slideObject').length - 1)
				$('#arrowright').fadeOut();
			else
				$('#arrowright').fadeIn();
		}
	});
	
	$('.slideObject p.img img').click(function(){
		$('#slideWrapper').trigger('next');
	});

});

$(window).resize(function() {

	adaptSizeAndPosition();

});