function form_modifie_news(id){
    var dessus = document.getElementById('dessus_news_'+id).innerHTML;
    var dessous = document.getElementById('dessous_news_'+id).innerHTML;
    var titre = document.getElementById('intitule_news_'+id).innerHTML;
    var img = document.getElementById('image_'+id).value;

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

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

    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_news' class='yui-skin-sam' ><center><br/><table class='text_left' >"+
    "<tr><td>Titre : </td><td><input type='text' value='"+titre+"' name='titre_news' id='titre_news' size='64' /></td></tr>"+
    "<tr><td>Texte au-dessus de l'image : </td><td><textarea cols='49' rows='5' name='dessus_news' id='dessus_news' >"+dessus+"</textarea></td></tr>"+
    "<tr><td>Texte sous l'image : </td><td><textarea cols='49' rows='5' name='dessous_news' id='dessous_news' >"+dessous+"</textarea></td></tr>"+
    ligne_img+
    "<tr><td>Modifier 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_news' />"+
    "<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=520;
    if(window.innerHeight == null){
        haut = 10;
        h=600;
    }

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

    var editorDessus = new YAHOO.widget.Editor('dessus_news', {
        toolbar: bar
    });
    editorDessus.render();
    var editorDessous = new YAHOO.widget.Editor('dessous_news', {
        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_news").value;
        var des = document.getElementById("diapo_des").value;
        var act = document.getElementById("diapo_act").value;
        var data = 'dessus_news='+dessus+'&dessous_news='+dessous+"&titre_news="+titre+"&diapo_des="+des+"&diapo_act="+act;

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

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

    monForm.innerHTML =  "<div id='modalalertdiv_contenu_news' class='yui-skin-sam' ><center><br/><table class='text_left' >"+
    "<tr><td>Titre : </td><td><input type='text' name='titre_news' id='titre_news' size='64' /></td></tr>"+
    "<tr><td>Texte au-dessus de l'image : </td><td><textarea cols='49' rows='5' name='dessus_news' id='dessus_news' ></textarea></td></tr>"+
    "<tr><td>Texte sous l'image : </td><td><textarea cols='49' rows='5' name='dessous_news' id='dessous_news' ></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 y ajouter des photos)</td></tr>"+
    "</table>"+
    "<br /><input type='button' name='Annuler' value='Annuler' onclick='modalwindow.hide();' /> " +
    "<input type='submit' name='Valider' id='Valider' value='Valider' onclick='verifie_form_ajouter_news();' /></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=560;
    }

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

    var editorDessus = new YAHOO.widget.Editor('dessus_news', {
        toolbar: bar
    });
    editorDessus.render();
    var editorDessous = new YAHOO.widget.Editor('dessous_news', {
        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_news").value;
        var des = document.getElementById("diapo_des").value;
        var act = document.getElementById("diapo_act").value;
        var data = 'dessus_news='+dessus+'&dessous_news='+dessous+"&titre_news="+titre+"&diapo_des="+des+"&diapo_act="+act;

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

function form_modif_news_photos(id){
    monForm = document.createElement("form");
    monForm.setAttribute('action', 'index.php?m=news&a=valide_modif_news_photos');
    monForm.setAttribute('ENCTYPE', 'multipart/form-data');
    monForm.setAttribute("method", "POST");
    monForm.setAttribute("name", "modif_news_photos");
    monForm.setAttribute("id", "modif_news_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_news/photos_defilement/"+id+"/"+noms[i]+"' title='"+noms[i]+"' alt='"+noms[i]+"' />" +
            "<a href='javascript:supprime_image_news("+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_news' id='id_news' 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_news_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 = 10;
    }

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

function ajout_image_news(){
    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_news(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_news_photos(){
    document.modif_news_photos.submit();
}

function form_supprime_news(id){
    var intitule = document.getElementById("intitule_news_"+id).innerHTML;

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

    monForm.innerHTML =  "<div id='modalalertdiv_contenu'><center><br />Etes-vous s&ucirc;r(e) de vouloir supprimer la news \""+intitule+"\" ?<br/>ATTENTION : cette action supprimera &eacute;galement toutes les photos du diaporama de la news s'il existe !<br />"+
    "<input type='hidden' value='"+id+"' name='id_news' />"+
    "<br /><input type='button' name='Annuler' value='Annuler' onclick='modalwindow.hide();' /> " +
    "<input type='button' name='Valider' value='Valider' onclick='supprime_news();' /></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=120px,left=" + larg
        + ",top=" + haut + ",resize=0,scrolling=1");
}

function supprime_news(){
    document.suppr_news.submit();
}
