// id des popups. Il faut que les valeurs des variables soient égales au nom des variables globales contenant les popups définies en-dessous
var id_popup_login = "popup_login"; // id du popup de login
var id_popup_mdp_oublie = "popup_mdp_oublie"; // id du popup de mot de passe oublié

// variables globales contenant les popups
var popup_login = false; // variable contenant false si le popup de mot de passe oublié n'a pas été généré, et si il a été généré, il contient l'objet du popup
var popup_mdp_oublie = false; // variable contenant false si le popup de mot de passe oublié n'a pas été généré, et si il a été généré, il contient l'objet du popup


/*
 * Affiche le popup de login
 */
function afficher_popup_login ()
{
    if (popup_login == false)
    {
		creer_popup_login();
    }
	
    popup_login.show();
}

/*
 * Crée le popup de login
 */
function creer_popup_login ()
{
var contenu = '';
//var url = encodeURIComponent(window.location.href);
var url = encodeURIComponent('/sso/profil/');

    popup_login = new YAHOO.widget.Dialog(id_popup_login,
    {
        visible:true,
        draggable:false,
        close: false,
        fixedcenter: true,
        modal: true,
        postmethod: "manual",
        zIndex: 11000000
    });
	
	/*
	contenu += '<div class="lightbox">';
	contenu += '<div class="inner">';
	contenu += '<h2>Se connecter</h2>';
	contenu += '<a href="#" title="Fermer" onclick="'+id_popup_login+'.cancel(); return false;" title="Annuler" class="closeButton"><img src="/img/close-button.png" alt="Fermer" /></a>';
	contenu += '<p>';
	contenu += '<form action="/sso/connexion.php?url='+url+'" method="post" id="fomulaire_connexion">';
	contenu += '<input type="text" value="Mon identifiant" onfocus="if(this.value==\'Mon identifiant\') this.value=\'\';" onblur="if(this.value==\'\') this.value=\'Mon identifiant\';" id="loginbis" name="login" /><br />';
	contenu += '<input type="password" value="Mon mot de passe" onfocus="if(this.value==\'Mon mot de passe\') this.value=\'\';" onblur="if(this.value==\'\') this.value=\'Mon mot de passe\';" id="password" name="password" />';
	contenu += '</form>';
	contenu += '</p>';
	contenu += '<a href="#" onclick="document.getElementById(\'fomulaire_connexion\').submit(); return false;" title="Suivant" class="submitButton">Suivant</a> <a href="#" onclick="'+id_popup_login+'.cancel(); return false;" title="Annuler" class="cancelButton">Annuler</a>';
	contenu += '</div>';
	contenu += '</div>';
	*/
	
	
	contenu += '<div id="lightboxContent" style="width: 200px;">';
	contenu += '<div id="lightboxCloseButton" onclick="'+id_popup_login+'.cancel(); return false;" title="Annuler">';
	contenu += '<img src="/img/lightboxCloseButton.png" alt="">';
	contenu += '</div>';
	contenu += '<table border="0" cellpadding="0" cellspacing="0">';
	contenu += '<tbody><tr>';
	contenu += '<td id="lightboxContentTopLeft"></td>';
	contenu += '<td id="lightboxContentTopCenter"></td>';
	contenu += '<td id="lightboxContentTopRight"></td>';
	contenu += '</tr>';
	contenu += '<tr>';
	contenu += '<td id="lightboxContentCenterLeft"></td>';
	contenu += '<td id="lightboxContentCenterCenter">';
	contenu += '<h2>Se connecter</h2>';
	contenu += '<p>';
	contenu += '<form action="/sso/connexion.php?url='+url+'" method="post" id="fomulaire_connexion">';
	contenu += '<input type="text" value="Mon e-mail" onfocus="if(this.value==\'Mon e-mail\') this.value=\'\';" onblur="if(this.value==\'\') this.value=\'Mon e-mail\';" id="loginbis" name="login" /><br />';
	contenu += '<input type="password" value="Mon mot de passe" onfocus="if(this.value==\'Mon mot de passe\') this.value=\'\';" onblur="if(this.value==\'\') this.value=\'Mon mot de passe\';" id="password" name="password" /><br />';
	contenu += '<a href="#" onclick="'+id_popup_login+'.cancel(); afficher_popup_mdp_oublie(); return false;">Mot de passe oublié ?</a><br /><br />';
	contenu += '</form>';
	contenu += '</p>';
	contenu += '<p><a href="#" title="Se connecter" class="submitButton" onclick="document.getElementById(\'fomulaire_connexion\').submit(); return false;">Se connecter</a> <a href="#" onclick="'+id_popup_login+'.cancel(); return false;" title="Annuler" class="cancelButton">Annuler</a></p>';
	contenu += '</td>';
	contenu += '<td id="lightboxContentCenterRight"></td>';
	contenu += '</tr>';
	contenu += '<tr>';
	contenu += '<td id="lightboxContentBottomLeft"></td>';
	contenu += '<td id="lightboxContentBottomCenter"></td>';
	contenu += '<td id="lightboxContentBottomRight"></td>';
	contenu += '</tr>';
	contenu += '</tbody></table>';
	contenu += '</div>';
	
	
    popup_login.setBody(contenu);
    popup_login.render(document.body);
}


/*
 * Affiche le popup de mot de passe oublié
 */
function afficher_popup_mdp_oublie ()
{
    if (popup_mdp_oublie == false)
    {
		creer_popup_mdp_oublie();
    }
	
    popup_mdp_oublie.show();
}

/*
 * Crée le popup de mot de passe oublié
 */
function creer_popup_mdp_oublie ()
{
var contenu = '';

    popup_mdp_oublie = new YAHOO.widget.Dialog(id_popup_mdp_oublie,
    {
        visible:true,
        draggable:false,
        close: false,
        fixedcenter: true,
        modal: true,
        postmethod: "manual",
        zIndex: 11000000
    });
	
	
	contenu += '<div id="lightboxContent" style="height: 200px; width: 400px;">';
	contenu += '<div id="lightboxCloseButton" onclick="'+id_popup_mdp_oublie+'.cancel(); return false;" title="Annuler">';
	contenu += '<img src="/img/lightboxCloseButton.png" alt="">';
	contenu += '</div>';
	contenu += '<table border="0" cellpadding="0" cellspacing="0">';
	contenu += '<tbody><tr>';
	contenu += '<td id="lightboxContentTopLeft"></td>';
	contenu += '<td id="lightboxContentTopCenter"></td>';
	contenu += '<td id="lightboxContentTopRight"></td>';
	contenu += '</tr>';
	contenu += '<tr>';
	contenu += '<td id="lightboxContentCenterLeft"></td>';
	contenu += '<td id="lightboxContentCenterCenter">';
	contenu += '<h2>Vous avez oublié votre mot de passe ?</h2>';
	contenu += '<iframe src="/sso/mot_de_passe_oublie.php" style="width: 90%; height: 115px;" scrolling="no" frameborder="0"></iframe>';
	contenu += '</td>';
	contenu += '<td id="lightboxContentCenterRight"></td>';
	contenu += '</tr>';
	contenu += '<tr>';
	contenu += '<td id="lightboxContentBottomLeft"></td>';
	contenu += '<td id="lightboxContentBottomCenter"></td>';
	contenu += '<td id="lightboxContentBottomRight"></td>';
	contenu += '</tr>';
	contenu += '</tbody></table>';
	contenu += '</div>';
	
	
    popup_mdp_oublie.setBody(contenu);
    popup_mdp_oublie.render(document.body);
}