$(function() {
	
	
		$container = $('.wrapp');
		$content = $('.bg');
		
		$('.content').css({width:$(window).width()});
		
		var pos_linha_tempo = $content.offset();
		var pos_y = pos_linha_tempo.top;
		var pos_x = pos_linha_tempo.left;
		var container = $container.height();
		var containerW = $container.width();
		var conteudo = $content.height();
		var conteudoW = $content.width();
		var diferenca = conteudo - container;
		var diferencaW = conteudoW - containerW;
		var metade = - parseInt(diferenca / 2);


		$('body').mousemove(function(e){
			x = e.pageX - pos_x;
			y = e.pageY - pos_y;
			
			porcentagemY = parseInt(y / container * 100);
			porcentagemX = parseInt(x / containerW * 100);
			
			var top  = parseInt(0 - (diferenca  / 100 * porcentagemY ));
			var left = parseInt(0 - (diferencaW  / 100 * porcentagemX ));
			
			$content.css({'top':top});
			$content.css({'left':left});
		});		
	
});