// JavaScript Document

function cacher(btn,champ) 
{ 
	document.getElementById(champ).style.display="none";  
} 

function afficher(btn,champ) 
{ 
	document.getElementById(champ).style.display="inline"; 		 
} 

function verifSaisie(format,name) 
{ 
	var valeur=document.forms['inscription'].elements[name].value;
	if (format=='int'){Expression=/(^\d+$)|(^\d+\.\d+$)/;}
	else if (format=='double'){Expression=/(^\d+$)|(^\d+\.\d+$)|[,.]/;}
	else if (format=='az-09'){Expression='[a-zA-Z0-9_-]';}
	var valeurs=valeur.split("");
	var remplace="";
	for(id in valeurs)
	{			
		if (Expression.test(valeurs[id])==true && valeurs[id]!='')
		{remplace=remplace+''+valeurs[id].replace(',','.');}
	}
	document.forms['inscription'].elements[name].value=remplace;
}


//////////////////////////////////////
// Drag Recadre
//////////////////////////////////////
var down = 0;
//défini l'état de la souris sur le bloc, mouseDown : 'down = 1' sinon 'down = 0'
function setD(a,b,e)
{
	down = a;
	//initialise les variables
	
	//position initiale de la souris lorsqu'on clique sur le bloc
	if(e.pageX) // selon le navigateur (ici pour firefox et peut-être autre...)
	{
		init_x = e.pageX;
		init_y = e.pageY;
	}
	else if(e.clientX) // (ici pour Internet Explorer et peut-être autre...)
	{
		init_x = e.clientX;
		init_y = e.clientY;
	}
	else // (ici pour Internet Explorer et peut-être autre...)
	{
		init_x = e.x;
		init_y = e.y;
	}

	 div_x = document.getElementById(b).offsetLeft;
	 div_y = document.getElementById(b).offsetTop;
}

//fonction qui exécute le déplacement du bloc
function drag(b,e,w,h)
{
	cadre_l = document.getElementById('cadre').offsetLeft;
	cadre_t = document.getElementById('cadre').offsetTop;
	//si la souris est 'cliquée' sur le bloc
	if(down==1)
	{
		//on récupère la position de la souris au moment de l'appel de la fontion
		if(e.pageX) // selon le navigateur (ici pour firefox et peut-être autre...)
		{
			pos_x = e.pageX;
			pos_y = e.pageY;
		}
		else if(e.clientX) // (ici pour Internet Explorer et peut-être autre...)
		{
			pos_x = e.clientX;
			pos_y = e.clientY;
		}
		else // (ici pour Internet Explorer et peut-être autre...)
		{
			pos_x = e.x;
			pos_y = e.y;
		}
		
		dx = pos_x - init_x; //distance entre la position initiale et la position actuelle en x
		dy = pos_y - init_y; //distance entre la position initiale et la position actuelle en y
		// Limites des coordonnées aux dimensions de l'image
		move_x=dx+div_x;
		move_y=dy+div_y;
		if(move_x<=0)move_x=0;
		if(move_y<=0)move_y=0;
		if(move_x>w-300)move_x=w-300;
		if(move_y>h-400)move_y=h-400;
		//déplace le bloc à sa nouvelle position ( -1 +1 pour qu'il reconnaisse que c'est un calcul...)
		document.getElementById(b).style.left = move_x;
		document.getElementById(b).style.top = move_y;
		// Change le background-position
		document.getElementById(b).style.backgroundPosition = '-'+move_x+'px -'+move_y+'px';
		
		//affiche la position dans les champs de texte
		new_t=document.getElementById(b).offsetTop - 1;
		new_l=document.getElementById(b).offsetLeft - 1;
		document.getElementById(b + 't').value = new_t;
		document.getElementById(b + 'l').value = new_l;
	}
}