window.onload = initAll;

var input_identify_user;
var input_passwd_user; 
		
function initAll()
{
	if(!document.getElementById)
	{
		alert('Erreur JavaScript. Veuillez vérifier la compatibilité de votre navigateur avec le JavaScript');	
	}	
	else
	{
		var input_identify_user = document.getElementById('mod_login_username');
		var input_passwd_user = document.getElementById('mod_login_password');
		
		input_identify_user.onfocus = rmvMsgInInputIdent;
		input_identify_user.onblur = addMsgInInputIdent;
		
		input_passwd_user.onfocus = rmvMsgInInputPass;
		input_passwd_user.onblur = addMsgInInputPass;
		
		initInput(input_passwd_user, input_identify_user);
	}
}

function rmvMsgInInputIdent()
{
	if(this.value == 'Nom d\'utilisateur' && this.style.color == 'rgb(137, 129, 115)')
	{
		this.value = "";		
		this.style.color = "black";
	}
	else
	{
		this.select();	
	}
}

function rmvMsgInInputPass()
{
	
	if(this.value == 'Mot de passe' && this.style.color == 'rgb(137, 129, 115)')
	{
		this.value = "";
		this.type = 'password';
		this.style.color = "black";
	}
	else
	{
		this.select();	
	}
}

function addMsgInInputIdent()
{	
	if(this.value == '')
	{
		this.style.color = "#898173";
		this.value = "Nom d'utilisateur";
	}
}

function addMsgInInputPass()
{
	if(this.value == '')
	{
		this.style.color = "#898173";
		this.type = 'text';
		this.value = "Mot de passe";
	}
}


function initInput(input_passwd_user, input_identify_user)
{
	input_passwd_user.style.color = "#898173";
	input_passwd_user.type = 'text';
	input_passwd_user.value = "Mot de passe";
	
	input_identify_user.style.color = "#898173";
	input_identify_user.value = "Nom d'utilisateur";
}