$(document).ready(function(){
	$('#container').mousemove(function(e){
		jaapjaap(e);
	});  
});

function jaapjaap(e){
	
	var oParallax = $('#wrapper #OuterBox #Parallax');
	
	/* Work out mouse position */
	var offset = oParallax.offset();
	var xPos = e.pageX - offset.left;
	var yPos = e.pageY - offset.top;

	/* Get percentage positions */
	var mouseXPercent = Math.round(xPos / oParallax.width() * 100);
	var mouseYPercent = Math.round(yPos / oParallax.height() * 100);

	/* Position Each Layer */
	oParallax.children('img').each(
		function(){
			var diffX = oParallax.width() - $(this).width();
			var diffY = oParallax.height() - $(this).height();

			var myX = diffX * (mouseXPercent / 100); //) / 100) / 2;


			var myY = diffY * (mouseYPercent / 100);


			var cssObj = {
				'left': myX + 'px',
				'top': myY + 'px'
			}
			//$(this).css(cssObj);
			$(this).animate({left: myX, top: myY},{duration: 350, queue: false, easing: 'swing'});

		}
	);
}