function form_modifie_accueil() {
    var titre = document.getElementById('titre_article').innerHTML;
    var dessus = document.getElementById('js_contenu_article_dessus').innerHTML;
    var dessous = document.getElementById('js_contenu_article_dessous').innerHTML;
    var banniere = document.getElementById('js_contenu_banniere').innerHTML;
    monForm = document.createElement("form");
    monForm.setAttribute('action', 'index.php?m=accueil&a=valide_modif_accueil');
    monForm.setAttribute('ENCTYPE', 'multipart/form-data');
    monForm.setAttribute("method", "POST");
    monForm.setAttribute("name", "modif_accueil");
    monForm.setAttribute("id", "modif_accueil");

    var noms_imgs = document.getElementById("noms_imgs").value;
    noms = noms_imgs.split("/");
    var i;
    var images = "";
    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_accueil/photos_defilement/"+noms[i]+"' title='"+noms[i]+"' alt='"+noms[i]+"' />" +
        "<a href='javascript:supprime_image("+i+", \""+noms[i]+"\");' ><img src='img/img_panneaux/supprimer.png' width='20' alt='Supprimer' title='Supprimer' /></a></span> ";
   
      //  images = images + "<span id='span_img_"+i+"' value='"+noms[i]+"' onmouseover='affiche_apercu_img(\""+noms[i]+"\");' >"+noms[i] +" <a href='javascript:supprime_image("+i+", \""+noms[i]+"\");' ><img src='img/img_panneaux/supprimer.png' width='20' alt='Supprimer' title='Supprimer' /></a> </span>";
    }

    monForm.innerHTML =  "<div id='modalalertdiv_contenu' class='yui-skin-sam' ><center><br/><table class='text_left' ><tr><td>" +
    "Titre : </td><td><input type='text' size='65' value='"+titre+"' id='titre_accueil' name='titre_accueil' value='' /></td></tr>" +
    '<tr><td>Texte de la bannière : </td><td><textarea cols="51" rows="7" name="banniere_accueil" id="banniere_accueil" >'+banniere+'</textarea></td></tr>'+
    '<tr><td>Texte au-dessus des images : </td><td><textarea cols="51" rows="7" name="contenu_superieur_accueil" id="contenu_superieur_accueil" >'+dessus+'</textarea></td></tr>'+
    '<tr><td>Texte sous les images : </td><td><textarea cols="53" rows="7" name="contenu_inferieur_accueil" id="contenu_inferieur_accueil" >'+dessous+'</textarea></td></tr>'+
    "</table><br /></center>Images : <br />"  +images+ "<br /><br />"+
   // "Aper&ccedil;u : <span id='aperc' ><img /></span> " +(survolez les noms d'images pour en afficher l'aper&ccedil;u)
    "<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' />"+
    "<br /><center><input type='button' name='Annuler' value='Annuler' onclick='modalwindow.hide();' /> " +
    "<input type='submit' id='Valider' name='Valider' value='Valider' /></center></div>";
    document.getElementById("modalalertdiv").appendChild(monForm);
	
    var larg = (document.body.clientWidth) / 2-350;
    var haut = 10;//(window.innerHeight/2)-300;
    var h=680;
    if(window.innerHeight == null){
        haut = 10;
        h=700;
    }

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

    var editorBanniere = new YAHOO.widget.Editor('banniere_accueil', {
        toolbar: bar
    });
    editorBanniere.render();
    var editorDessus = new YAHOO.widget.Editor('contenu_superieur_accueil', {
        toolbar: bar
    });
    editorDessus.render();
    var editorDessous = new YAHOO.widget.Editor('contenu_inferieur_accueil', {
        toolbar: bar
    });
    editorDessous.render();

    YAHOO.util.Event.on('Valider', 'click', function() {
        //Put the HTML back into the text area
        editorDessus.saveHTML();
        //The var html will now have the contents of the textarea
        var dessus = editorDessus.get('element').value;

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

        editorBanniere.saveHTML();
        var banniere = editorBanniere.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){
                
        }
        };
        titre=  document.getElementById("titre_accueil").value;
        nb_imgs = document.getElementById("nb_imgs").value;
        sup = document.getElementById("suppressions").value;
        var data = 'contenu_banniere='+banniere+'&contenu_superieur_accueil='+dessus+'&contenu_inferieur_accueil='+dessous+'&titre_accueil='+titre+'&suppressions='+sup+'&nb_imgs='+nb_imgs;
        
        xhr.open("POST",'index.php?m=accueil&a=valide_modif_accueil',true);
        xhr.send(data);
    });
}


function getXhr(){
    var xhr = null;
    if(window.XMLHttpRequest) // Firefox et autres
        xhr = new XMLHttpRequest();
    else if(window.ActiveXObject){ // Internet Explorer
        try {
            xhr = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            xhr = new ActiveXObject("Microsoft.XMLHTTP");
        }
    }
    else { // XMLHttpRequest non supporté par le navigateur
        alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
        xhr = false;
    }
    return xhr
}

function ajout_image(){
    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(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_accueil(){    
    document.modif_accueil.submit();
}