/**
 * Controla los movimentos de la cabecera referente al raton
 */


/**
 * Function que valida y mueve los background
 */
function validateHeaderElementBg (idElement, imageWidth, proporcion, verticalPosition, bodyWidth, dx)
	{
	var xOrigen = Math.round((bodyWidth-imageWidth)/2);

	xOrigen += Math.round(dx/proporcion);
	
	$(idElement).setStyle('background-position',xOrigen+'px '+verticalPosition);
	}

/**
 * Function que valida y mueve los background
 */
function moverHeader (mouseX)
	{
	var bodyWidth = document.body.clientWidth;
	var dx = mouseX-Math.round(bodyWidth/2);

	
	validateHeaderElementBg('pageHeaderLayerSol',1182, -10, 'top', bodyWidth, dx);
	validateHeaderElementBg('pageHeaderLayerEdificios',1182, 7.5, '46px', bodyWidth, dx);
	validateHeaderElementBg('pageHeaderLayerPintura',1182, 5, '67px', bodyWidth, dx);
	}


/**
 * Inicia los efectos del moviento de la cabezera
 */
function initHeaderMove ()
	{
	

	$(document.body).addEvent('mousemove', function(event) 
		{
		moverHeader(event.client.x);
		});
	
	}