jQuery(document).ready(function($){

	$('.px').mousemove(

		function(e){

			/* Work out mouse position */

			var offset = $(this).offset();

			var xPos = e.pageX - offset.left;

			var yPos = e.pageY - offset.top;



			/* Get percentage positions */

			var mouseXPercent = Math.round(xPos / $(this).width() * 100);

			var mouseYPercent = Math.round(yPos / $(this).height() * 100);



			/* Position Each Layer */

			$(this).children('img').each(

				function(){

					var diffX = $('.px').width() - $(this).width();

					var diffY = $('.px').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: 50, queue: false, easing: 'linear'});



				}

			);



		}

	);

});