// JavaScript Document
Event.observe(window, 'load', function() {

	Event.observe($('projet'), 'mouseover', function(event) {

		Event.observe($('projet'), 'mousemove', function(event) {

			var position = $('principale').positionedOffset();
			var left = position[0]+10;
			var pointerX = parseInt(Event.pointerX(event)-parseInt($('cadre').getWidth()/2)-left);
			var largeurMax = parseInt($('projet').getWidth()-$('cadre').getWidth());
			var vitesse = parseInt(Math.abs(pointerX/110))+1;
			var marginLeft = parseInt($('projet').getStyle('marginLeft'));
		
			// Si on part sur la droite
			if(pointerX > 0) {
				var morphEffect = $('projet').morph('margin-left: -'+largeurMax+'px;');
				//moveDroite(largeurMax, vitesse, marginLeft);
			} else {
				var morphEffect = $('projet').morph('margin-left: 0px;');
			}

			//$('update').update('Left : '+left+'  / pointerX = '+pointerX+' / Vitesse = '+vitesse);

		});

	});

	$$('.projet').each(function(element) {
		element.observe('mouseout', function(event) {
	
			// On annule l'effet
			//morphEffect.cancel();
			//$('projet').setStyle({ marginLeft: marginLeft+'px' });
			
		});
	});

});

function moveDroite(largeurMax, vitesse, marginLeft) {
	
	$('update').update('marginLeft = '+marginLeft);

	if(marginLeft < largeurMax) {

		var newMargin = parseInt(marginLeft+vitesse);

		$('projet').setStyle({ marginLeft: '-'+newMargin+'px' });
		setTimeout('moveDroite('+largeurMax+', '+vitesse+', '+newMargin+')', 5);

	}
	
}