/***************************************************************************
* fonction de déplacement du carré de sélection
***************************************************************************/
//var l_photo = 300;
//var h_photo = 300;
//var l_carre = 200;
//var l_carre_max = 300 ; //taille maximale du carré
//var l_carre_min = 150 ; 
//var x_carre = 50;
//var y_carre = 50;
var u_move = 10;
var u_resize = 20;
	
function move_carre(side) 
{
	switch( side )
	{
		case 1: //alert('top') ; 
			if( y_carre - u_move >= 0 )
				y_carre -= u_move ; 
			break ; 
		case 2: //alert('bottom') ; 
			if( y_carre + u_move + l_carre <= h_photo )
				y_carre += u_move ; 
			break ; 
		case 3: //alert('left') ;
			if( x_carre - u_move  >= 0 ) 
				x_carre -= u_move ; 
			break ; 
		case 4: //alert('right') ; 
			if( x_carre + u_move + l_carre <= l_photo )
				x_carre += u_move ; 
			break ; 
		case 5: //alert('max') ; 
			l_carre = l_carre_max ; 
			x_carre = 0; 
			y_carre = 0; 
			break ; 
		case 6: //alert('diminue') ; 
			if( l_carre - u_resize >= l_carre_min )
			{
				l_carre -= u_resize ; 
				x_carre += u_resize / 2 ; 
				y_carre += u_resize / 2 ;
			} 
			break ; 
		case 7: //alert('agrandi') ; 
			if( l_carre + u_resize <= l_carre_max )
			{
				l_carre += u_resize ; 
				x_carre -= u_resize / 2 ; 
				y_carre -= u_resize / 2 ; 
				
				if( y_carre + l_carre > h_photo )// dépassement en haut
					y_carre -= u_resize / 2 ; 
				if( y_carre < 0 ) //dépassement en bas
					y_carre = 0 ; 
				if( x_carre < 0 ) //dépassement à gauche
					x_carre = 0 ; 
				if( x_carre + l_carre > l_photo ) //dépassement à droite
					x_carre -= u_resize / 2 ; 
			}
			break ; 
	}
	//Mise à jour des parametre du formulaire
	document.getElementById("id_x_carre").value = x_carre ; 
	document.getElementById("id_y_carre").value = y_carre ; 
	document.getElementById("id_l_carre").value = l_carre ; 
	
	
	var ret = "<div id='id_v_left' style='position:absolute; width:" + x_carre + "px; height:" + h_photo + "px; background-color:#003366; filter:alpha(opacity=40); -moz-opacity:0.6 ;left:0px;'></div>" + 
						"<div id='id_v_right' style='position:absolute; width:" + (l_photo - l_carre - x_carre ) + "px; height:" + h_photo + "px; background-color:#003366; filter:alpha(opacity=40); -moz-opacity:0.6 ; left:" + (l_carre + x_carre ) + "px;'></div>" + 
						"<div id='id_h_top' style='position:absolute; width:" + l_carre + "px; height:" +  y_carre  + "px; background-color:#003366; filter:alpha(opacity=40); -moz-opacity:0.6 ; left:" + x_carre + "px;'></div>" + 
						"<div id='id_h_bottom' style='position:absolute; width:" + l_carre + "px; height:" + (h_photo - l_carre - y_carre) + "px; background-color:#003366; filter:alpha(opacity=40); -moz-opacity:0.6 ; left:" + x_carre + "px; bottome:0px; top:" + (l_carre + y_carre) + "px;'></div>" + 
						"<div id='id_carre' style='position:absolute; width:" + (l_carre - 4) + "px; height:" + (l_carre - 4) + "px;  left:" + x_carre + "px; top:" +  y_carre  + "px; border:solid 2px #003366;'></div>" ; 
				
	document.getElementById("id_disp_carre").innerHTML = ret ; 
}

/*
//A garder pour pouvoir faire bouger le carré avec les fleches (mais n'insérer le js que pour les pages utiles
document.onkeydown =function(_event)
{
	e = _event||window.event;

	if(e && typeof e.keyCode == 'number')
	{
		//document.title = e.keyCode;
		
		var _keyCode = e.keyCode;
	
		if(_keyCode == 38 || _keyCode == 104) // haut 
		{
			move_carre(1) ; 
		}
		else if(_keyCode == 37 || _keyCode == 100) // droite
		{
			move_carre(3) ; 
		}
		else if(_keyCode == 39 || _keyCode == 102) // gauche
		{
			move_carre(4) ; 
		}
		else if(_keyCode == 40 || _keyCode == 98) // bas
		{
			move_carre(2) ; 
		}
		else { return; }
	}
}

*/