function form_modifie_article_asso(id){
    var dessus = document.getElementById('dessus_asso_'+id).innerHTML;
    var dessous = document.getElementById('dessous_asso_'+id).innerHTML;
    var titre = document.getElementById('intitule_asso_'+id).innerHTML;
    var img = document.getElementById('image_'+id).value;

    var ligne_img = "";
    if(img != ""){
        ligne_img = "<tr><td>Image actuelle : </td><td><img src=\"img/img_association_etudiante/"+img+"\" width='60' /></td></tr>";
    }

    monForm = document.createElement("form");
    monForm.setAttribute('action', 'index.php?m=asso&a=valide_modif');
    monForm.setAttribute('ENCTYPE', 'multipart/form-data');
    monForm.setAttribute("method", "POST");
    monForm.setAttribute("name", "modif_asso");
    monForm.setAttribute("id", "modif_asso");

    var diapo;
    if(document.getElementById("diapo_actif_"+id)){
        diapo = '<input type="checkbox" name="diapo_des" id="diapo_des" /> Supprimer le diaporama d\'images (toutes les images de ce diaporama seront effac&eacute;es.)';
    }else{
        diapo = '<input type="checkbox" name="diapo_act" id="diapo_act" /> Ajouter un diaporama d\'images (rendez-vous ensuite sur la page du diaporama pour ajouter des photos)';
    }

    monForm.innerHTML = '<div id="modalalertdiv_contenu_asso" class="yui-skin-sam"><center><br/><table class="text_left" >'+
    '<tr><td>Titre : </td><td><input type="text" value="'+titre+'" name="titre_asso" id="titre_asso" size="64" /></td></tr>'+
    '<tr><td>Texte au-dessus de l\'image : </td><td><textarea cols="49" rows="5" name="dessus_asso" id="dessus_asso" >'+dessus+'</textarea></td></tr>'+
    '<tr><td>Texte sous l\'image : </td><td><textarea cols="49" rows="5" name="dessous_asso" id="dessous_asso" >'+dessous+'</textarea></td></tr>'+
    ligne_img+
    '<tr><td>Remplacer l\'image : </td><td><input type="file" name="image" id="image" /></td></tr>'+
    '<tr><td></td><td>'+diapo+'</td></tr>'+
    '</table>'+
    '<input type="hidden" value="'+id+'" name="id_asso" />'+
    '<br /><input type="button" name="Annuler" value="Annuler" onclick="modalwindow.hide();" /> ' +
    '<input type="submit" name="Valider" id="Valider" value="Valider" /></center></div>';

    document.getElementById("modalalertdiv").appendChild(monForm);

    var larg = (document.body.clientWidth) / 2-325;
    var haut = (window.innerHeight/2)-250;
    var h = 510;
    if(window.innerHeight == null){
        haut = 10;
        h= 630;
    }

    modalwindow = dhtmlmodal.open('modal', 'div', 'modalalertdiv',
        "Modification de l'article", "width=650px,height="+h+"px,left=" + larg
        + ",top=" + haut + ",resize=0,scrolling=1");

    var editorDessus = new YAHOO.widget.Editor('dessus_asso', {
        toolbar: bar
    });
    editorDessus.render();
    var editorDessous = new YAHOO.widget.Editor('dessous_asso', {
        toolbar: bar
    });
    editorDessous.render();

    YAHOO.util.Event.on('Valider', 'click', function() {
        editorDessus.saveHTML();
        var dessus = editorDessus.get('element').value;

        editorDessous.saveHTML();
        var dessous = editorDessous.get('element').value;

        var xhr = getXhr();
        // On défini ce qu'on va faire quand on aura la réponse
        xhr.onreadystatechange = function(){
            // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
            if(xhr.readyState == 4 && xhr.status == 200){
        }
        };
        var titre =  document.getElementById("titre_asso").value;
        var des = document.getElementById("diapo_des").value;
        var act = document.getElementById("diapo_act").value;
        var data = 'dessus_asso='+dessus+'&dessous_asso='+dessous+"&titre_asso="+titre+"&diapo_des="+des+"&diapo_act="+act;

        xhr.open("POST",'index.php?m=asso&a=valide_modif',true);
        xhr.send(data);
    });
}

function form_ajoute_article_asso_et(){
    monForm = document.createElement("form");
    monForm.setAttribute('action', 'index.php?m=asso&a=valide_ajout');
    monForm.setAttribute('ENCTYPE', 'multipart/form-data');
    monForm.setAttribute("method", "POST");
    monForm.setAttribute("name", "ajout_asso");
    monForm.setAttribute("id", "ajout_asso");

    monForm.innerHTML = '<div id="modalalertdiv_contenu_asso" class="yui-skin-sam"><center><br/><table class="text_left" >'+
    '<tr><td>Titre : </td><td><input type="text" name="titre_asso" id="titre_asso" size="64" /></td></tr>'+
    '<tr><td>Texte au-dessus de l\'image : </td><td><textarea cols="49" rows="5" name="dessus_asso" id="dessus_asso" ></textarea></td></tr>'+
    '<tr><td>Texte sous l\'image : </td><td><textarea cols="49" rows="5" name="dessous_asso" id="dessous_asso" ></textarea></td></tr>'+
    '<tr><td>Image : </td><td><input type="file" name="image" id="image" /></td></tr>'+
    '<tr><td></td><td><input type="checkbox" name="diapo" id="diapo" /> Ajouter un diaporama d\'images (rendez-vous ensuite sur la page du diaporama pour ajouter des photos)</td></tr>'+
    '</table>'+
    '<br /><input type="button" name="Annuler" value="Annuler" onclick="modalwindow.hide();" /> ' +
    '<input type="submit" name="Valider" value="Valider" id="Valider" /></center></div>';

    document.getElementById("modalalertdiv").appendChild(monForm);

    var larg = (document.body.clientWidth) / 2-325;
    var haut = (window.innerHeight/2)-250;
    var h = 450;
    if(window.innerHeight == null){
        haut = 10;
        h = 550;
    }

    modalwindow = dhtmlmodal.open('modal', 'div', 'modalalertdiv',
        "Ajout d'un article", "width=650px,height="+h+"px,left=" + larg
        + ",top=" + haut + ",resize=0,scrolling=1");

        var editorDessus = new YAHOO.widget.Editor('dessus_asso', {
        toolbar: bar
    });
    editorDessus.render();
    var editorDessous = new YAHOO.widget.Editor('dessous_asso', {
        toolbar: bar
    });
    editorDessous.render();

    YAHOO.util.Event.on('Valider', 'click', function() {
        editorDessus.saveHTML();
        var dessus = editorDessus.get('element').value;

        editorDessous.saveHTML();
        var dessous = editorDessous.get('element').value;

        var xhr = getXhr();
        // On défini ce qu'on va faire quand on aura la réponse
        xhr.onreadystatechange = function(){
            // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
            if(xhr.readyState == 4 && xhr.status == 200){
        }
        };
        var titre =  document.getElementById("titre_asso").value;
        var des = document.getElementById("diapo_des").value;
        var act = document.getElementById("diapo_act").value;
        var data = 'dessus_asso='+dessus+'&dessous_asso='+dessous+"&titre_asso="+titre+"&diapo_des="+des+"&diapo_act="+act;

        xhr.open("POST",'index.php?m=asso&a=valide_ajout',true);
        xhr.send(data);
    });
}

function form_supprime_article_asso(id){
    var intitule = document.getElementById("intitule_asso_"+id).innerHTML;

    monForm = document.createElement("form");
    monForm.setAttribute('action', 'index.php?m=asso&a=valide_suppr_asso');
    monForm.setAttribute("method", "POST");
    monForm.setAttribute("name", "suppr_asso");
    monForm.setAttribute("id", "suppr_asso");

    monForm.innerHTML =  "<div id='modalalertdiv_contenu'><center><br />Etes-vous s&ucirc;r(e) de vouloir supprimer l'article \""+intitule+"\" ?<br/>ATTENTION : cette action supprimera &eacute;galement toutes les photos du diaporama de l'article s'il existe !<br />"+
    "<input type='hidden' value='"+id+"' name='id_asso' />"+
    "<br /><input type='button' name='Annuler' value='Annuler' onclick='modalwindow.hide();' /> " +
    "<input type='button' name='Valider' value='Valider' onclick='supprime_asso();' /></center></div>";

    document.getElementById("modalalertdiv").appendChild(monForm);

    var larg = (document.body.clientWidth) / 2-225;
    var haut = (window.innerHeight/2)-250;

    if(window.innerHeight == null){
        haut = 10;
    }

    modalwindow = dhtmlmodal.open('modal', 'div', 'modalalertdiv',
        "Suppression", "width=450px,height=180px,left=" + larg
        + ",top=" + haut + ",resize=0,scrolling=1");
}

function supprime_asso(){
    document.suppr_asso.submit();
}

function form_modif_asso_photos(id){
    monForm = document.createElement("form");
    monForm.setAttribute('action', 'index.php?m=asso&a=valide_modif_asso_photos');
    monForm.setAttribute('ENCTYPE', 'multipart/form-data');
    monForm.setAttribute("method", "POST");
    monForm.setAttribute("name", "modif_asso_photos");
    monForm.setAttribute("id", "modif_asso_photos");

    var images = "";
    if(document.getElementById("noms_imgs").value != ""){
        var noms_imgs = document.getElementById("noms_imgs").value;
        noms = noms_imgs.split("/");
        var i;
        for(i=0;i<noms.length-1 ; i++){
            images = images + "<span id='span_img_"+i+"' value='"+noms[i]+"' ><img width='60' height='45' src='img/img_association_etudiante/photos_defilement/"+id+"/"+noms[i]+"' title='"+noms[i]+"' alt='"+noms[i]+"' />" +
            "<a href='javascript:supprime_image_asso("+i+", \""+noms[i]+"\");' ><img src='img/img_panneaux/supprimer.png' width='20' alt='Supprimer' title='Supprimer' /></a></span> ";
        }
    }else{
        images = "Aucune";
    }
    monForm.innerHTML =  "<div id='modalalertdiv_contenu'>Images : <br />" + images +
    "<br /><br />Ajouter une autre image (format paysage) :<a href='javascript:ajout_image();' ><img src='img/img_panneaux/ajouter.png' title='Ajouter une image' alt='Ajouter une image' /></a> <br /><br /><input type='file' name='f1' />"+
    "<span id='images'><span id='new_img'> </span></span><br />" +
    "<input type='hidden' name='nb_imgs' id='nb_imgs' value=1 />" +
    "<input type='hidden' name='suppressions' id='suppressions' />"+
    "<input type='hidden' name='id_asso' id='id_asso' value='"+id+"' />"+
    "<br /><center><input type='button' name='Annuler' value='Annuler' onclick='modalwindow.hide();' /> " +
    "<input type='button' name='Valider' value='Valider' onclick='verifie_form_modifier_asso_photos();' /></center></div>";
    document.getElementById("modalalertdiv").appendChild(monForm);

    var larg = (document.body.clientWidth) / 2-325;
    var haut = (window.innerHeight/2)-250;

    if(window.innerHeight == null){
        haut = 100;
    }

    modalwindow = dhtmlmodal.open('modal', 'div', 'modalalertdiv',
        "Modification du diaporama", "width=650px,height=250px,left=" + larg
        + ",top=" + haut + ",resize=0,scrolling=1");
}

function ajout_image_asso(){
    name = document.getElementById('nb_imgs').value;
    name = parseInt(name)+parseInt(1);

    var nouveauB = document.createElement("input");
    nouveauB.type= 'file';
    nouveauB.name = 'f'+name;

    document.getElementById("images").insertBefore(nouveauB, document.getElementById("new_img"));

    document.getElementById('nb_imgs').value = name;
}

function supprime_image_asso(id_span_image, nom){
    id = "span_img_"+id_span_image;
    if(confirm("Etes-vous certain(e) de vouloir supprimer cette image du diaporama ?")){
        nom_fich = document.getElementById(id).getAttribute("value");
        document.getElementById(id).innerHTML = "";
        sup = document.getElementById("suppressions").value;

        document.getElementById("suppressions").value = sup+";"+nom;
    }
}

function verifie_form_modifier_asso_photos(){
    document.modif_asso_photos.submit();
}