$(function() {
    //Fonctions pour les champs
	var a = $('#input_login');
	var v = a.attr('value');
	a.focus(function() {
		if (a.attr('value') == v) {
			a.attr('value', '');
			a.css({color: 'black'});
		}
	});
	a.focusout(function()
	{
		if (a.attr('value') == '') {
			a.attr('value', v);
			a.css({color: '#cccccc'});
		}
	});


	var b = $('#hide_pass');
	b.css({display: 'inline'})
	
	var c = $('#input_pass');
	c.css({display: 'none'});
	b.focus(function() {
		b.css({display: 'none'});
		c.css({display: 'inline'});
		c.focus();
	});
	c.focusout(function()
	{
		if (c.attr('value') == '') {
			c.css({display: 'none'});
			b.css({display: 'inline'});
		}
	});
    
    
	var submit = $('#input_submit');
	submit.click(function () {
		if (a.attr('value') == v && c.attr('value') == '') {
			if (a.attr('value') == v) {
				a.css({border:'red medium solid'});
			} else {
				a.css({border:''});
			}
			if (c.attr('value') == '') {
				b.css({border:'red medium solid'});
			}
			return false;
		}
	});
});