var tabForm;
var tabConn;

function afterHidePopup() {
	//Element.show('scroll');
}
// Version avec password
/*
function afterPopupLoaded() {
	tabForm = new Fabtabs('tabs');
	updateType('type_contact');
	valid_popup = new Validation('f_popup_form', {immediate : true, useTitles : true});
	Validation.add('password-repeat', 'Vous devez répéter votre mot de passe', {
		equalToField : 'password'
	});
	Validation.add('email-repeat', 'Vous devez répéter votre email', {
		equalToField : 'email',
		include : ['validate-email']
	});
}
*/
// Version sans password
function afterPopupLoaded() {
	tabForm = new Fabtabs('tabs');
	updateType('type_contact');
	valid_popup = new Validation('f_popup_form', {immediate : true, useTitles : true});
	Validation.add('email-repeat', 'Vous devez répéter votre email', {
		equalToField : 'email',
		include : ['validate-email']
	});
}
function afterPopupLoadedConnected() {
	tabForm = new Fabtabs('tabs');
	updateType('type_contact');
	valid_popup = new Validation('f_popup_form', {immediate : true, useTitles : true});
	Validation.add('email-repeat', 'Vous devez répéter votre email', {
		equalToField : 'email',
		include : ['validate-email']
	});
	tabForm.show($('a_offre_privilege'));
	tabForm.menu.without($('a_offre_privilege')).each(tabForm.hide.bind(tabForm));
}

function afterConnectLoaded() {
	tabConn = new Fabtabs('tabs');
	valid_connect = new Validation('f_connect', {immediate : true, useTitles : true});
}
function updateType(e) {
	if ($F(e)=='0') {
		Element.hide('p_societe');
	} else {
		Element.show('p_societe');
	}
}
// Version avec password
/*
function showPopup(connect) {
	var canOpenForm = true;
	var pars = '';
	if (connect) {
		canOpenForm = valid_connect.validate();
		pars += 'email_connect='+$F('email_connect')+'&password_connect='+$F('password_connect');
	}
	if ( canOpenForm ) {
		Modalbox.show('/popup/formPopup.php', {title: 'Espace privilège Le Pont Saint-Etienne', method:'post', params:pars, width: 700, height: 600, afterHide:afterHidePopup, afterLoad:afterPopupLoaded });
	}
}
*/
// Version sans password
function showPopup(connect) {
	var canOpenForm = true;
	var pars = '';
	if (connect) {
		canOpenForm = valid_connect.validate();
		pars += 'email_connect='+$F('email_connect');
	}
	if ( canOpenForm ) {
		if (connect) {
			Modalbox.show('/popup/formPopup.php', {title: 'Espace privilège Le Pont Saint-Etienne', method:'post', params:pars, width: 700, height: 600, afterHide:afterHidePopup, afterLoad:afterPopupLoadedConnected });
		} else {
			Modalbox.show('/popup/formPopup.php', {title: 'Espace privilège Le Pont Saint-Etienne', method:'post', params:pars, width: 700, height: 600, afterHide:afterHidePopup, afterLoad:afterPopupLoaded });
		}
	}
}
function showPopupConnexion() {
	Modalbox.show('/popup/connectPopup.php', {title: 'Espace privilège Le Pont Saint-Etienne', width: 700, height: 600, afterLoad:afterConnectLoaded });
}
function validPopupForm() {
	var isValid = true;
	//alert('validPopupForm:'+tabForm.tabActivated);
	try {
		//alert('try');
		isValid = valid_popup.validate();
	}
	catch (e) {
		/*
		var t = '';
		for (p in e) {
			t += p+'='+e[p]+'||';
		}
		alert('erreur:'+t);
		*/
		isValid = false;
	}
	finally {
		//alert('finally');
	}
	//alert(isValid);
	if (isValid) {
		//alert('valid:'+tabForm.tabActivated);
		Modalbox.show('/popup/formPopup.php', {title: 'Espace privilège Le Pont Saint-Etienne', method:'post', width: 700, height: 600, params: Form.serialize('f_popup_form'), afterHide:afterHidePopup, afterLoad:afterPopupLoadedConnected }); return false;
	} else {
		//alert('not valid:'+tabForm.tabActivated);
		var html = '<br /><div class="validation-advice" id="advice-required-nom" style="">Les informations de votre compte sont incorrectes ou incomplètes. Veuillez les compléter avant de saisir votre adresse ou de choisir vos offres.</div>';
		if ( tabForm.tabActivated == 'offres' ) {
			Element.update('tab-offres-erreur',html);
		} else if ( tabForm.tabActivated == 'offre_privilege' ) {
			Element.update('tab-offre_privilege-erreur',html);
		}/* else if ( tabForm.tabActivated == 'adresse' ) {
			if ( Validation.validate('adr') && Validation.validate('cp') && Validation.validate('ville') && Validation.validate('tel') ) {
				Element.update('tab-adresse-erreur',html);
			}
		}*/
	}
	return false;
}
function activeTabValidation(what) {
	/*
	if ( what == 'connexion' ) {
		// rien
	} 
	else if  ( what == 'compte' ) {
		// rien
	}
	else if ( what == 'adresse' ) {
		Element.show('adr');
		Element.show('cp');
		Element.show('ville');
		Element.show('tel');
	} else {
		Element.hide('adr');
		Element.hide('cp');
		Element.hide('ville');
		Element.hide('tel');
	}
	*/
}
function passForgetShow() {
	var html = '';
	html += '<br />Saisissez votre e-mail afin de recevoir votre mot de passe :';
	html += '<br /><br />';
	html += '<input type="text" name="email_send" id="email_send" class="text" value="" />';
	html += ' <input type="button" name="envoyer" id="envoyer" class="text" value="envoyer" onclick="passForgetSend();" />';
	Element.update('pass-forget',html);
}
function passForgetSend() {
	var url = 'passForgetSend.php';
	var pars = 'email_send='+$F('email_send');
	var myAjax = new Ajax.Updater( 'pass-forget' , url, { method: 'post', parameters: pars } );
}

function passwordModifShow() {
	var html = '';
	html += '<label for="password"><strong>Mot de passe</strong></label> <br />';
	html += '<input type="password" name="password" id="password" value="" class="required text"  title="Veuillez saisir votre mot de passe." />';
	html += '<br /><br />';
	html += '<input type="button" name="dontmodifierpassword" class="text" value="Annuler la modification" onclick="passwordModifHide();" />';
	Element.update('div_password_change',html);
}
function passwordModifHide() {
	Element.update('div_password_change','<br /><input type="button" name="modifierpassword" class="text" value="Modifier mon mot de passe" onclick="passwordModifShow();" />');
}