// create form data
var myRules = [{
 	field: "username",
    valid: "email",
    alert: "Veuillez saisir un email valide"

}, {
    field: "passwd",
    valid: "required",
    alert: "Veuillez saisir votre mot de passe"

}];
// zip code
var rulesFormulairecp = [{
 	field: "cptext",
	restrict: "[0-9/]"
}];

// set up form
var homeForm = {
	initialize: function(){
		var formObj = new htmlform("form-login", myRules, {
			alertType: "layer",
			hideInterval: 2000,
			layerWidth: 227,
			onAlertShow: function(el){
				alert("Alert on "+el.name);
			},
			onAlertHide: function(el){
				//alert("Alert off "+el.name);
			},
			onAfterChange: function(el){
				if (el.retrieve("validated") == false) {
					//el.setStyle("border", "1px solid black");
				} else {
					//el.setStyle("border", "1px solid black");
				}
			}
	    });

	}
}

var formPremiereCommande = {
	initialize: function(){
		var formObj = new htmlform("formulairecp", rulesFormulairecp, {
			alertType: "layer",
			hideInterval: 2000,
			layerWidth: 227
	    });

	}
}

/*---------Jeu Orangina Login-------*/
var frmOranginaGameLogin = [{
    field: "username",
    valid: "email",
    alert: "Merci de renseigner un email valide"
}, {
    field: "password",
    valid: "required",
    alert: "Merci de renseigner le champ mot de passe"
}];
// set up site
var formOranginaGameLogin = {
	initialize: function(){
		var formObj = new htmlform("login_game", frmOranginaGameLogin,
	        {
	            alertType: "layer",
	            hideInterval: 2000,
	            layerWidth: 134
	        }
	    );
	}
}
/*---------Jeu Orangina Inscription-------*/
var frmOranginaGameInscription = [{
    field: "gender",
    valid: "checked",
    layerWidth: 100,
    layerOffset: "0, 0",
    alert: "Merci de renseigner votre état-civil",
	decalageV: 100,
    decalageH: 0
}, {
    field: "lastname",
    valid: "required",
    alert: "Merci de renseigner votre nom"
}, {
    field: "firstname",
    valid: "required",
    alert: "Merci de renseigner votre prénom"
}, {
    field: "user_address_tel",
    alert: "Merci de renseigner un numéro de téléphone valide",
    valid: "required",
	maxLength:10,
	restrict: "[0-9]"
}, {
    field: "user_address_postal_code",
    valid: "required",
    alert: "Merci de renseigner votre code postal",
	restrict: "[0-9]"
}, {
    field: "user_address_number",
    valid: "required",
    alert: "Merci de renseigner votre numéro de rue",
	restrict: "[0-9]"
}, {
    field: "user_address_type",
    valid: "selected",
    alert: "Merci de renseigner votre type de voie"
}, {
    field: "user_address_street",
    valid: "required",
    alert: "Merci de renseigner votre rue"
}, {
    field: "user_address_town_name",
    valid: "required",
    alert: "Merci de renseigner votre ville"
},
{
    field: "checkusername",
    valid: "email",
	alert: "Veuillez saisir une adresse email"
},
{
    field: "username",
    valid: "checkusername",
	alert: "Veuillez saisir une adresse email"
},
{
    field: "email",
    valid: "=username",
    alert: "L'adresse email ne correspond pas, veuillez la resaisir"
},
{
    field: "password",
    valid: "required",
    alert: "Merci de renseigner votre mot de passe"
},
{
    field: "password2",
    valid: "=password",
    alert: "Merci de confirmer votre mot de passe"
},
{
    field: "rj",
    valid: "checked",
    alert: "Merci d'accepter le règlement",
	decalageV: 100
}];
// set up site
var formOranginaGameInscription = {
	initialize: function(){
		var formObj = new htmlform("josForm", frmOranginaGameInscription,
	        {
	            alertType: "layer",
	            hideInterval: 2000,
	            layerWidth: 134
	        }
	    );
	}
}


// init Pages (one window.addEvent for each form)
window.addEvent("domready", homeForm.initialize);
window.addEvent("domready", formPremiereCommande.initialize);