/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */


function listeArticle(id,type)
{
    $.ajax({
   type: "POST",
   url: "application/view/listeArticle.php/"+Math.random()+'',
   data: "id="+id+"&type="+type,
   success: function(msg){
     document.getElementById('principal').innerHTML = msg;
            window.scrollTo(0, 0);
            affDiapo();
            affSlider();
            affVrac();
   }
 });
    
}

function supArticle(id,type,idArt)
{
    $("#supArt").dialog({ show: 'fade' },{ hide: 'fade' },{ buttons: [
    {
        text: "Supprimer",
        click: function() {  
            $(this).dialog("close");
            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 leselect = xhr.responseText;
            // On se sert de innerHTML pour rajouter les options a la liste
            document.getElementById('principal').innerHTML = leselect;
            
            affDiapo();
            affSlider();
            affVrac();
        }
    }
    if(type<2){
    // Ici on va voir comment faire du post
    xhr.open("POST",'application/view/listeArticle.php/'+Math.random()+'',true);
    }else
    {
      xhr.open("POST",'application/view/listeEvent.php/'+Math.random()+'',true);
    }
    // ne pas oublier ça pour le post
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    // ne pas oublier de poster les arguments
    xhr.send("id="+id+"&type="+type+"&sup="+idArt);
         }
    }
] });
    
    
}



function ajoutArticle(id,type)
{
    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 leselect = xhr.responseText;
            document.location.hash="ajoutArticle/"+id+"/"+type;
            // On se sert de innerHTML pour rajouter les options a la liste
            document.getElementById('principal').innerHTML = leselect;
            window.scrollTo(0, 0);
            initUpload();
        }
    }

    // Ici on va voir comment faire du post
    xhr.open("POST",'application/view/ajoutArticle.php/'+Math.random()+'',true);
    // ne pas oublier ça pour le post
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    // ne pas oublier de poster les arguments
    xhr.send("id="+id+"&type="+type);
}


function modifArticle(id,type,idArticle)
{
    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 leselect = xhr.responseText;
            document.location.hash="modifArticle/"+id+"/"+type+"/"+idArticle;
            window.scrollTo(0, 0);
            document.getElementById('principal').innerHTML = leselect;
            initUploadModif(idArticle);
        }
    }

    // Ici on va voir comment faire du post
    xhr.open("POST",'application/view/modifArticle.php/'+Math.random()+'',true);
    // ne pas oublier ça pour le post
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    // ne pas oublier de poster les arguments
    xhr.send("id="+id+"&type="+type+"&idArticle="+idArticle);
}

function ajout(id,type)
{
    document.body.style.cursor="wait";
    if($("#fileQueue").children().length > 0)
    {
        $('#uploadify').uploadifyUpload();
    }
    else if($("#fileQueue2").children().length > 0)
    {
       $('#uploadify2').uploadifyUpload();
    }
   else if($("#fileQueue3").children().length > 0)
    {
        $('#uploadify3').uploadifyUpload();
    }else
    {
        finalise(id,type);
        
    }
}

function lanceModif(idArticle,id,type)
{
     document.body.style.cursor="wait";
    if($("#fileQueue").children().length > 0)
    {
        $('#envoiePhoto').uploadifyUpload();
    }
    else if($("#fileQueue2").children().length > 0)
    {
       $('#envoieFichier').uploadifyUpload();
    }
   else if($("#fileQueue3").children().length > 0)
    {
        $('#envoieVideo').uploadifyUpload();
    }else
    {
        modifie(idArticle,id, type);
    }
}


function finalise(id,type)
{
    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 leselect = xhr.responseText;
            if(type<2){
            document.location.hash="listeArticle/"+id+"/"+type;
            }
            // On se sert de innerHTML pour rajouter les options a la liste
            document.getElementById('principal').innerHTML = leselect;
            document.body.style.cursor="default";
            affDiapo();
            affSlider();
            affVrac();
        }
    }
    if(type<2){
    // Ici on va voir comment faire du post
    xhr.open("POST",'application/view/listeArticle.php/'+Math.random()+'',true);
    }else
        {
             xhr.open("POST",'application/view/listeEvent.php/'+Math.random()+'',true);

        }
    // ne pas oublier ça pour le post
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    var oEditor = FCKeditorAPI.GetInstance("FCKeditor1") ;
    var content = addslashes(oEditor.GetHTML());
    var photo_largeur=document.getElementById('img_taille').value;
    var video_largeur=document.getElementById('video_taille').value;
    var map=document.getElementById('map').value;
    var typePhoto=1;
    var ajoutCom=1;
    var vote=1;
    var texteTaille=1;
    if(document.getElementById('diapo').checked)
    {
        typePhoto=1;
    }else if(document.getElementById('slider').checked)
    {
       typePhoto=0;
    }else
    {
        typePhoto=2;
    }

    if(document.getElementById('checkCom').checked)
    {
        ajoutCom=1;
    }else
    {
       ajoutCom=0;
    }

    if(document.getElementById('checkTailleTexte').checked)
    {
        texteTaille=1;
    }else
    {
       texteTaille=0;
    }

    if(document.getElementById('vote').checked)
    {
        vote=1;
    }else
    {
       vote=0;
    }
    // ne pas oublier de poster les arguments
    xhr.send("id="+id+"&type="+type+"&ajout="+content+"&ajout_com="+ajoutCom+"&photo_largeur="+photo_largeur+"&video_largeur="+video_largeur+"&type_photo="+typePhoto+"&map="+addslashes(map)+"&etoile="+vote+"&texteTaille="+texteTaille);
}

function modifie(idArticle,id,type)
{
    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 leselect = xhr.responseText;
            if(type<2){
             document.location.hash="listeArticle/"+id+"/"+type;
            }
            // On se sert de innerHTML pour rajouter les options a la liste
            document.getElementById('principal').innerHTML = leselect;
            document.body.style.cursor="default";
            affDiapo();
            affSlider();
            affVrac();
        }
    }
    var photo_largeur=document.getElementById('img_taille').value;
    var video_largeur=document.getElementById('video_taille').value;
    var map=addslashes(document.getElementById('map').value);
    // Ici on va voir comment faire du post
    if(type<2){
    xhr.open("POST",'application/view/listeArticle.php/'+Math.random()+'',true);
    }else
        {
              xhr.open("POST",'application/view/listeEvent.php/'+Math.random()+'',true);

        }
    // ne pas oublier ça pour le post
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    var oEditor = FCKeditorAPI.GetInstance("FCKeditor1") ;
    var content = addslashes(oEditor.GetHTML());
    // ne pas oublier de poster les arguments
    xhr.send("id="+id+"&type="+type+"&modif="+content+"&idArticle="+idArticle+"&photo_largeur="+photo_largeur+"&video_largeur="+video_largeur+"&mapModif="+map);
}



function initUpload()
{
    
    $(document).ready(function() {
	$("#uploadify").uploadify({
		'uploader'       : 'application/view/uploadify.swf',
		'script'         : 'application/view/uploadifyPhoto.php',
		'cancelImg'      : 'IMG/croixUpload.png',
		'folder'         : 'DOC/PHOTOS/',
		'queueID'        : 'fileQueue',
		'auto'           : false,
		'multi'          : true,
                 'fileDesc'       : true,
                'fileExt'       : '*.jpg;*.png;*.gif',
                'buttonText' : 'Parcourir',
               'onAllComplete': function(event,data)
               {
                    if($("#fileQueue2").children().length > 0)
                    {
                       $('#uploadify2').uploadifyUpload();
                    }
                   else if($("#fileQueue3").children().length > 0)
                    {
                        $('#uploadify3').uploadifyUpload();
                    }else
                    {
                        finalise(document.getElementById('idPage').value,document.getElementById('type').value);
                    }
               }     
	});
    $("#uploadify2").uploadify({
		'uploader'       : 'application/view/uploadify.swf',
		'script'         : 'application/view/uploadifyDoc.php',
		'cancelImg'      : 'IMG/croixUpload.png',
		'folder'         : 'DOC/FICHIERS/',
		'queueID'        : 'fileQueue2',
                'queueSizeLimit' : 8,
		'auto'           : false,
		'multi'          : true,
                'fileDesc'       : true,
                'fileExt'       : '*.doc;*.docx;*.xls;*.xlsx;*.pdf;*.ppt;*.pptx;*.zip;*.rar',
                 'buttonText' : 'Parcourir',
                 'onAllComplete': function(event,data)
                   {
                        if($("#fileQueue3").children().length > 0)
                        {
                            $('#uploadify3').uploadifyUpload();
                        }else
                        {
                        finalise(document.getElementById('idPage').value,document.getElementById('type').value);
                        }
                    }
	});
    $("#uploadify3").uploadify({
		'uploader'       : 'application/view/uploadify.swf',
		'script'         : 'application/view/uploadifyVideo.php',
		'cancelImg'      : 'IMG/croixUpload.png',
		'folder'         : 'DOC/VIDEOS/',
		'queueID'        : 'fileQueue3',
		'auto'           : false,
		'multi'          : false,
                 'fileDesc'       : true,
                 'fileExt'       : '*.flv',
                'buttonText' : 'Parcourir',
                 'onAllComplete': function(event,data){finalise(document.getElementById('idPage').value,document.getElementById('type').value);
}
	});
    });
}


function initUploadModif(id)
{

    $(document).ready(function() {
	$("#envoiePhoto").uploadify({
		'uploader'       : 'application/view/uploadify.swf',
		'script'         : 'application/view/uploadifyPhoto.php',
		'cancelImg'      : 'IMG/croixUpload.png',
		'folder'         : 'DOC/PHOTOS/',
		'queueID'        : 'fileQueue',
		'auto'           : false,
		'multi'          : true,
                 'fileDesc'       : true,
                'fileExt'       : '*.jpg;*.png;*.gif',
                'buttonText' : 'Parcourir',
               'onAllComplete': function(event,data)
               {
                    if($("#fileQueue2").children().length > 0)
                    {
                       $('#envoieFichier').uploadifyUpload();
                    }
                   else if($("#fileQueue3").children().length > 0)
                    {
                        $('#envoieVideo').uploadifyUpload();
                    }else
                    {
                        modifie(id,document.getElementById('idPage').value,document.getElementById('type').value);
                    }
               }
	});
    $("#envoieFichier").uploadify({
		'uploader'       : 'application/view/uploadify.swf',
		'script'         : 'application/view/uploadifyDoc.php',
		'cancelImg'      : 'IMG/croixUpload.png',
		'folder'         : 'DOC/FICHIERS/',
		'queueID'        : 'fileQueue2',
                'queueSizeLimit' : 8,
		'auto'           : false,
		'multi'          : true,
                'fileDesc'       : true,
                'fileExt'       : '*.doc;*.docx;*.xls;*.xlsx;*.pdf;*.ppt;*.pptx;*.zip;*.rar',
                 'buttonText' : 'Parcourir',
                 'onAllComplete': function(event,data)
                   {
                        if($("#fileQueue3").children().length > 0)
                        {
                            $('#envoieVideo').uploadifyUpload();
                        }else
                        {
                        modifie(id,document.getElementById('idPage').value,document.getElementById('type').value);
                        }
                    }
	});
    $("#envoieVideo").uploadify({
		'uploader'       : 'application/view/uploadify.swf',
		'script'         : 'application/view/uploadifyVideo.php',
		'cancelImg'      : 'IMG/croixUpload.png',
		'folder'         : 'DOC/VIDEOS/',
		'queueID'        : 'fileQueue3',
		'auto'           : false,
		'multi'          : false,
                 'fileDesc'       : true,
                 'fileExt'       : '*.flv',
                'buttonText' : 'Parcourir',
                 'onAllComplete': function(event,data){modifie(id,document.getElementById('idPage').value,document.getElementById('type').value);
}
	});
    });
}

function initUploadVideo(id)
{
     $(document).ready(function() {
    $("#envoieVideo").uploadify({
		'uploader'       : 'application/view/uploadify.swf',
		'script'         : 'application/view/uploadifyVideo.php',
		'cancelImg'      : 'IMG/croixUpload.png',
		'folder'         : 'DOC/VIDEOS/',
		'queueID'        : 'fileQueue3',
		'auto'           : false,
		'multi'          : false,
                 'fileDesc'       : true,
                 'fileExt'       : '*.flv',
                'buttonText' : 'Parcourir',
                 'onAllComplete': function(event,data){modifie(id,document.getElementById('idPage').value,document.getElementById('type').value);
}
	});
    });
}

function affDiapo()
{
 
    $(document).ready(function() 
    {
        for (i = 0; i < 100; i++) {

			$('#slideshow'+i).slideshow({
				timeout: 7000,
				fadetime: 3000,
				type: 'sequence',
				pauselink: 'pause'+i,
				pausecallback: function(self){
					self.html('<img style="border:none" src="IMG/play.png"/>')
				},
				playcallback: function(self){
					self.html('<img style="border:none" src="IMG/pause.png"/>');
				}
			});
        }
			
    });
}



function affSlider()
{
    
    $(document).ready(function()
    {
        for (i = 0; i < 100; i++) {

			$('#gallery'+i).galleria();
        }

    });
}

function monterArticle(id,type,id1,id2,ordre1,ordre2)
{
    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 leselect = xhr.responseText;
            // On se sert de innerHTML pour rajouter les options a la liste
            document.getElementById('principal').innerHTML = leselect;
            affDiapo();
            affSlider();
            affVrac();
        }
    }

    // Ici on va voir comment faire du post
 if(type<2){
    xhr.open("POST",'application/view/listeArticle.php/'+Math.random()+'',true);
    }else
        {
              xhr.open("POST",'application/view/listeEvent.php/'+Math.random()+'',true);

        }    // ne pas oublier ça pour le post
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    // ne pas oublier de poster les arguments

    xhr.send("id="+id+"&type="+type+"&monter=1&id1="+id1+"&id2="+id2+"&ordre="+ordre1+"&ordre2="+ordre2);
}

function descendreArticle(id,type,id1,id2,ordre1,ordre2)
{
    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 leselect = xhr.responseText;
            // On se sert de innerHTML pour rajouter les options a la liste
            document.getElementById('principal').innerHTML = leselect;
            affDiapo();
            affSlider();
            affVrac();
        }
    }

    // Ici on va voir comment faire du post
 if(type<2){
    xhr.open("POST",'application/view/listeArticle.php/'+Math.random()+'',true);
    }else
        {
              xhr.open("POST",'application/view/listeEvent.php/'+Math.random()+'',true);

        }    // ne pas oublier ça pour le post
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    // ne pas oublier de poster les arguments

    xhr.send("id="+id+"&type="+type+"&descendre=1&id1="+id1+"&id2="+id2+"&ordre="+ordre1+"&ordre2="+ordre2);
}

function modifTexteFic(idFic)
{
    var texte=document.getElementById("fic"+idFic).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 leselect = xhr.responseText;
            // On se sert de innerHTML pour rajouter les options a la liste
            document.getElementById("fic"+idFic).value = leselect;
            
        }
    }
    
    // Ici on va voir comment faire du post
    xhr.open("POST",'application/view/modifTexteFic.php/'+Math.random()+'',true);
    // ne pas oublier ça pour le post
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    // ne pas oublier de poster les arguments

    xhr.send("idFic="+idFic+"&texteFic="+texte);
}

function affFormCom(i,id)
{
     if(navigator.appName.split(" ",3)[1]!="Internet")
     {
     if(document.getElementById('ajoutComArticle'+i).style.display!="block"){
         $("#ajoutComArticle"+i).hide("normal");
     }}
    document.getElementById("ajoutComArticle"+i).innerHTML = "<input maxlength=\"20\" type='text' style='width:150px;color:white;vertical-align:top;background-color:#615137;border:1px gray solid' value='Pseudo' class='pseudo' id='pseudo"+i+"' onclick='testPseudo(this)' /><textarea class='comArt' type='text' id='com"+i+"' onclick='testCom(this)' onkeypress=\"javascript:maxlength(this,300);\" onkeydown=\"javascript:maxlength(this,300);\" onkeyup=\"javascript:maxlength(this,300);\">Saisir un commentaire...</textarea>&nbsp;&nbsp;<img src='IMG/valider.png' id='valid' width='20px' onclick='ajoutComArticle("+i+","+id+")'/>";
    document.getElementById("reduire"+i).innerHTML="&nbsp;&nbsp;<span onclick='cacheFormCom("+i+")'>R&eacute;duire</span>";
     if(navigator.appName.split(" ",3)[1]!="Internet")
     {
    $("#ajoutComArticle"+i).show("normal");
    $("#reduire"+i).show("normal");
     }
}

function testPseudo(id)
{
    if(id.value=="Pseudo")
        {
            id.value="";
        }
}




function testCom(id)
{
    if(id.value=="Saisir un commentaire...")
    {
        id.value="";
    }
    id.style.height='50px';id.style.marginTop="1px"
}

function testCom2(id)
{
    if(id.value=="Saisir un commentaire...")
    {
        id.value="";
    }
}

function cacheFormCom(i)
{
     if(navigator.appName.split(" ",3)[1]!="Internet")
     {
        //document.getElementById("ajoutComArticle"+i).style.display='none';
        $("#ajoutComArticle"+i).hide("normal");
        $("#reduire"+i).hide("normal");
        //document.getElementById("reduire"+i).style.display='none';
        if(document.getElementById("commentaire"+i)!=null){
         $("#commentaire"+i).hide("normal");}
     }else
         {
             document.getElementById("ajoutComArticle"+i).innerHTML ="";
          document.getElementById("reduire"+i).innerHTML="";
          if(document.getElementById("commentaire"+i)!=null){
        document.getElementById("commentaire"+i).innerHTML="";}
         }

}

function ajoutComArticle(i,id)
{

    var com=addslashes(document.getElementById("com"+i).value.replace(/[\n]/gi, " " ));
    var pseudo=addslashes(document.getElementById("pseudo"+i).value);

    if(pseudo!="Pseudo" && com!="Saisir un commentaire..." && pseudo.replace(' ', '')!="" && com.replace(' ', '')!="")
    {
            document.getElementById("pseudo"+i).value="Pseudo";
            document.getElementById("com"+i).value="Saisir un commentaire...";
            document.getElementById("com"+i).style.height="20px";
            document.getElementById("com"+i).style.marginTop="2px";

            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 leselect = xhr.responseText;
                    // On se sert de innerHTML pour rajouter les options a la liste
                    document.getElementById('commentaire'+i).innerHTML = leselect;
                    nb_com(i,id);
                    if(navigator.appName.split(" ",3)[1]!="Internet")
                     {
                    slide();
                     }
                }
            }
if(navigator.appName.split(" ",3)[1]!="Internet")
                     {
    // Ici on va voir comment faire du post
    xhr.open("POST",'application/view/articleCommentaire.php/'+Math.random()+'',true);
                     }else
                         {
                     xhr.open("POST",'application/view/articleCommentaireIE.php/'+Math.random()+'',true);

                         }
            // Ici on va voir comment faire du post
            // ne pas oublier ça pour le post
            xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
            // ne pas oublier de poster les arguments
            xhr.send("idArticle="+id+"&pseudo="+pseudo+"&texte="+com+"&i="+i);
   }
}

function nb_com(i,id)
{
            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 leselect = xhr.responseText;
                    // On se sert de innerHTML pour rajouter les options a la liste
                    document.getElementById('nb_com'+i).innerHTML = leselect;
                  
                }
            }

            // Ici on va voir comment faire du post
            xhr.open("POST",'application/view/articleCommentaire.php/'+Math.random()+'',true);
            // ne pas oublier ça pour le post
            xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
            // ne pas oublier de poster les arguments
            xhr.send("idArticle="+id+"&nb_com="+i);
}

function affComArticle(id,i)
{
        
        document.getElementById("reduire"+i).innerHTML="&nbsp;&nbsp;<span onclick='cacheFormCom("+i+")'>R&eacute;duire</span>";
       

            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 leselect = xhr.responseText;
                    if(navigator.appName.split(" ",3)[1]!="Internet")
                     {
                                    // On se sert de innerHTML pour rajouter les options a la liste
                                    if(document.getElementById('commentaire'+i).style.display!="block"){
                                     $("#commentaire"+i).hide("normal");}
                     }
                                    document.getElementById('commentaire'+i).innerHTML = leselect;
                                    if(navigator.appName.split(" ",3)[1]!="Internet")
                     {
                                    $("#commentaire"+i).show("normal");
                                    $("#reduire"+i).show("normal");
                                    slide();
                     }
                    
                    
                }
            }
if(navigator.appName.split(" ",3)[1]!="Internet")
                     {
            // Ici on va voir comment faire du post
            xhr.open("POST",'application/view/articleCommentaire.php/'+Math.random()+'',true);
                     }else
                         {
                                         xhr.open("POST",'application/view/articleCommentaireIE.php/'+Math.random()+'',true);

                         }
            // ne pas oublier ça pour le post
            xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
            // ne pas oublier de poster les arguments
            xhr.send("idArticle="+id+"&i="+i);
}

function supComArticle(id,idCom,i)
{
    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 leselect = xhr.responseText;
            // On se sert de innerHTML pour rajouter les options a la liste
            document.getElementById('commentaire'+i).innerHTML = leselect;
            if(navigator.appName.split(" ",3)[1]!="Internet")
                     {
           
            slide();
                     }
                      nb_com(i, id);
        }
    }
if(navigator.appName.split(" ",3)[1]!="Internet")
                     {
    // Ici on va voir comment faire du post
    xhr.open("POST",'application/view/articleCommentaire.php/'+Math.random()+'',true);
                     }else
                         {
                     xhr.open("POST",'application/view/articleCommentaireIE.php/'+Math.random()+'',true);

                         }
    // ne pas oublier ça pour le post
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    // ne pas oublier de poster les arguments
    xhr.send("idArticle="+id+"&idCom="+idCom+"&i="+i);

}

function affichageComArtIE(id,n,i)
{
    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 leselect = xhr.responseText;
            // On se sert de innerHTML pour rajouter les options a la liste
            document.getElementById('aff').innerHTML = leselect;
        }
    }

    // Ici on va voir comment faire du post
    xhr.open("POST",'application/view/afficheCom.php/'+Math.random()+'',true);
    // ne pas oublier ça pour le post
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    // ne pas oublier de poster les arguments
    xhr.send("idArticle="+id+"&n="+n+"&i="+i);
}


function slide2()
{
    $(document).ready(function(){
        //on donne l'id de la liste visée, et on lui donne ses paramètres
        $('#slideTexte').wslide({
	width: "100%",
        height: 800,
	horiz: true,
        autolink: false,
	fade: true,
	duration: 1500
       // effect: 'easeOutBounce'
        //effect: 'easeOutElastic'
        //effect: 'easeOutExpo'
});
        //si vous avez d'autre listes, placez leur code d'initialisation ici à la suite ....
        //$("#autre_liste").wslide({ ...
});
}



function slide()
{
    $(document).ready(function(){//on attend que la page soit chargée
        //on donne l'id de la liste visée, et on lui donne ses paramètres
        $('#slideTexte').wslide({
	width: "100%",
        height:100,
	horiz: true,
        autolink: false,
	fade: true,
	duration: 1500
});
        //si vous avez d'autre listes, placez leur code d'initialisation ici à la suite ....
        //$("#autre_liste").wslide({ ...
});
}

function maxlength(text,length)
{

    if(text.value.length>length){
        text.value=text.value.substr(0,length);
        alert('Le commentaire contient au maximum 600 caracteres')
    }
    
}

function effacerPhotoVrac(idArticle,type,idPhoto,page)
{
     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 leselect = xhr.responseText;
            // On se sert de innerHTML pour rajouter les options a la liste
            document.getElementById('principal').innerHTML = leselect;
            affDiapo();
            affSlider();
            affVrac();
        }
    }
    if(page==0)
        {
    // Ici on va voir comment faire du post
    xhr.open("POST",'application/view/listeArticle.php/'+Math.random()+'',true);
        }else
            {
                xhr.open("POST",'application/view/contact.php/'+Math.random()+'',true);
            }
    // ne pas oublier ça pour le post
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    // ne pas oublier de poster les arguments
    xhr.send("id="+idArticle+"&supVrac="+idPhoto+"&type="+type);
}
function effacerPhotoArticle(idArticle,idPhoto)
{
     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 leselect = xhr.responseText;
            // On se sert de innerHTML pour rajouter les options a la liste
            document.getElementById('photos').innerHTML = leselect;
        }
    }

    // Ici on va voir comment faire du post
    xhr.open("POST",'application/view/listeFic.php/'+Math.random()+'',true);
    // ne pas oublier ça pour le post
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    // ne pas oublier de poster les arguments
    xhr.send("idArticle="+idArticle+"&sup="+idPhoto);
}

function effacerVideoArticle(idArticle,idFichier)
{
     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 leselect = xhr.responseText;
            // On se sert de innerHTML pour rajouter les options a la liste
            document.getElementById('video').innerHTML = leselect;
            initUploadVideo(idArticle);
        }
    }

    // Ici on va voir comment faire du post
    xhr.open("POST",'application/view/listeFic.php/'+Math.random()+'',true);
    // ne pas oublier ça pour le post
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    // ne pas oublier de poster les arguments
    xhr.send("idArticle="+idArticle+"&supVideo="+idFichier);
}

function effacerFichierArticle(idArticle,idFichier)
{
     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 leselect = xhr.responseText;
            // On se sert de innerHTML pour rajouter les options a la liste
            document.getElementById('fichiers').innerHTML = leselect;
        }
    }

    // Ici on va voir comment faire du post
    xhr.open("POST",'application/view/listeFic.php/'+Math.random()+'',true);
    // ne pas oublier ça pour le post
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    // ne pas oublier de poster les arguments
    xhr.send("idArticle="+idArticle+"&supFic="+idFichier);
}

function changeTypePhoto(id,type,idArticle)
{
     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 leselect = xhr.responseText;
            // On se sert de innerHTML pour rajouter les options a la liste
            document.getElementById('changeTaille').innerHTML = leselect;
        }
    }
     var typePhoto=1;

    if(document.getElementById('diapo').checked)
    {
        typePhoto=1;
    }else if(document.getElementById('slider').checked)
    {
       typePhoto=0;
    }else
        {
            typePhoto=2;
        }
    // Ici on va voir comment faire du post
    xhr.open("POST",'application/view/changeTaille.php/'+Math.random()+'',true);
    // ne pas oublier ça pour le post
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    // ne pas oublier de poster les arguments
    xhr.send("id="+id+"&type="+type+"&idArticle="+idArticle+"&type_photo="+typePhoto);

}

function changeTaillePhoto(id,type,idArticle)
{
     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 leselect = xhr.responseText;
            // On se sert de innerHTML pour rajouter les options a la liste
            document.getElementById('changeTaille').innerHTML = leselect;
        }
    }

    // Ici on va voir comment faire du post
    xhr.open("POST",'application/view/changeTaille.php/'+Math.random()+'',true);
    // ne pas oublier ça pour le post
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    // ne pas oublier de poster les arguments
    xhr.send("id="+id+"&type="+type+"&idArticle="+idArticle+"&taillePhoto="+document.getElementById('img_taille').value);
  
}

function changeTailleVideos(id,type,idArticle)
{
     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 leselect = xhr.responseText;
            // On se sert de innerHTML pour rajouter les options a la liste
            document.getElementById('changeTaille').innerHTML = leselect;
        }
    }

    // Ici on va voir comment faire du post
    xhr.open("POST",'application/view/changeTaille.php/'+Math.random()+'',true);
    // ne pas oublier ça pour le post
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    // ne pas oublier de poster les arguments
    xhr.send("id="+id+"&type="+type+"&idArticle="+idArticle+"&tailleVideo="+document.getElementById('video_taille').value);

}


function modifAjoutCom(id,type,idArticle)
{
    var ajoutCom=1;

    if(document.getElementById('checkCom').checked)
    {
        ajoutCom=1;
    }else
    {
       ajoutCom=0;
    }
    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 leselect = xhr.responseText;
            // On se sert de innerHTML pour rajouter les options a la liste
            document.getElementById('changeTaille').innerHTML = leselect;
        }
    }

    // Ici on va voir comment faire du post
    xhr.open("POST",'application/view/changeTaille.php/'+Math.random()+'',true);
    // ne pas oublier ça pour le post
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    // ne pas oublier de poster les arguments
    xhr.send("id="+id+"&type="+type+"&idArticle="+idArticle+"&ajoutCom="+ajoutCom);
}

function modifTailleTexte(id,type,idArticle)
{
    var TailleTexte=1;

    if(document.getElementById('checkTailleTexte').checked)
    {
        TailleTexte=1;
    }else
    {
       TailleTexte=0;
    }
    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 leselect = xhr.responseText;
            // On se sert de innerHTML pour rajouter les options a la liste
            document.getElementById('changeTaille').innerHTML = leselect;
        }
    }

    // Ici on va voir comment faire du post
    xhr.open("POST",'application/view/changeTaille.php/'+Math.random()+'',true);
    // ne pas oublier ça pour le post
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    // ne pas oublier de poster les arguments
    xhr.send("id="+id+"&type="+type+"&idArticle="+idArticle+"&tailleTexte="+TailleTexte);
}

function modifAjoutEtoile(id,type,idArticle)
{
    var etoile=0;
    if(document.getElementById('vote').checked)
    {
        etoile=1;
    }else
    {
       etoile=0;
    }
    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 leselect = xhr.responseText;
            // On se sert de innerHTML pour rajouter les options a la liste
            document.getElementById('changeTaille').innerHTML = leselect;
        }
    }

    // Ici on va voir comment faire du post
    xhr.open("POST",'application/view/changeTaille.php/'+Math.random()+'',true);
    // ne pas oublier ça pour le post
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    // ne pas oublier de poster les arguments
    xhr.send("id="+id+"&type="+type+"&idArticle="+idArticle+"&etoile="+etoile);
}

function vote(id,type,idArticle,valeur)
{
    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 leselect = xhr.responseText;
            // On se sert de innerHTML pour rajouter les options a la liste
            document.getElementById('principal').innerHTML = leselect;
            affDiapo();
            affSlider();
            affVrac();
        }
    }
    if(type<2){
    // Ici on va voir comment faire du post
    xhr.open("POST",'application/view/listeArticle.php/'+Math.random()+'',true);
    }else
        {
                xhr.open("POST",'application/view/listeEvent.php/'+Math.random()+'',true);

        }
    // ne pas oublier ça pour le post
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    // ne pas oublier de poster les arguments
    xhr.send("id="+id+"&type="+type+"&idArticle="+idArticle+"&vote="+valeur);
}

function voteContact(id,type,idArticle,valeur)
{
    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 leselect = xhr.responseText;
            // On se sert de innerHTML pour rajouter les options a la liste
            document.getElementById('principal').innerHTML = leselect;
            affDiapo();
            affSlider();
            affVrac();
        }
    }

    // Ici on va voir comment faire du post
    xhr.open("POST",'application/view/contact.php/'+Math.random()+'',true);
    // ne pas oublier ça pour le post
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    // ne pas oublier de poster les arguments
    xhr.send("id="+id+"&type="+type+"&idArticle="+idArticle+"&vote="+valeur);
}




function modifCote(id,type,idArticle,cote)
{
    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 leselect = xhr.responseText;
            // On se sert de innerHTML pour rajouter les options a la liste
            document.getElementById('principal').innerHTML = leselect;
            affDiapo();
            affSlider();
            affVrac();
        }
    }
    if(type<2){
    // Ici on va voir comment faire du post
    xhr.open("POST",'application/view/listeArticle.php/'+Math.random()+'',true);
    }else
        {
            xhr.open("POST",'application/view/listeEvent.php/'+Math.random()+'',true);
        }
    // ne pas oublier ça pour le post
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    // ne pas oublier de poster les arguments
    xhr.send("id="+id+"&type="+type+"&idArticle="+idArticle+"&cote_photo="+cote);
}


function affVrac()
{
    $(document).ready(function(){
	var preventClick=false;

	$(".pic a").bind("click",function(e){
		/* This function stops the drag from firing a click event and showing the lightbox */
		if(preventClick)
		{
			e.stopImmediatePropagation();
			e.preventDefault();
		}
	});

	$(".pic").draggable({
		/* Converting the images into draggable objects */
		containment: 'parent',
		start: function(e,ui){
			/* This will stop clicks from occuring while dragging */
			preventClick=true;
		},

		stop: function(e,ui){
			/* Wait for 250 milliseconds before re-enabling the clicks */
			setTimeout(function(){ preventClick=false; }, 250);
		}
	});


	$('.pic').mousedown(function(e){

		/* Executed on image click */

		var maxZ = 0;

		/* Find the max z-index property: */

		$('.pic').each(function(){
			var thisZ = parseInt($(this).css('zIndex'))
			if(thisZ>maxZ) maxZ=thisZ;
		});

		/* Clicks can occur in the picture container (with class pic) and in the link inside it */
		if($(e.target).hasClass("pic"))
		{
			/* Show the clicked image on top of all the others: */
			$(e.target).css({zIndex:maxZ+1});
		}
		else $(e.target).closest('.pic').css({zIndex:maxZ+1});
	});

	/* Converting all the links to a fancybox gallery */
	$("a.fancybox").fancybox({
		zoomSpeedIn: 300,
		zoomSpeedOut: 300,
		overlayShow:false
	});

	/* Converting the share box into a droppable: */
	$('.drop-box').droppable({
		hoverClass: 'active',
		drop:function(event,ui){
			/* Fill the URL text field with the URL of the image. */
			/* The id of the image is appended as a hash #pic-123 */
			$('#url').val(location.href.replace(location.hash,'')+'#'+ui.draggable.attr('id'));
			$('#modal').dialog('open');
		}
	});

	/* Converts the div with id="modal" into a modal window  */
	$("#modal").dialog({
		bgiframe: true,
		modal: true,
		autoOpen:false,
		buttons: {
				Ok: function() {
					$(this).dialog('close');
				}
			}
	});

	if(location.hash.indexOf('#pic-')!=-1)
	{
		/* Checks whether a hash is present in the URL */
		/* and shows the respective image */
		$(location.hash+' a.fancybox').click();
	}
});
}


function envoieTexteArticle(idEnvoi)
{
    document.getElementById('resEnvoi'+idEnvoi).innerHTML="<img src='IMG/ajax-loader.gif'/>";
     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){
            leselect = xhr.responseText;
            // On se sert de innerHTML pour rajouter les options a la liste
            document.getElementById('resEnvoi'+idEnvoi).innerHTML = leselect;
        }
    }

    // Ici on va voir comment faire du post
    xhr.open("POST",'application/view/mailArticle.php/'+Math.random()+'',true);
    // ne pas oublier ça pour le post
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    // ne pas oublier de poster les arguments
    xhr.send("envoi="+idEnvoi);
}

function cacheVideo(i,video,width,height,img)
{
    
    document.getElementById("video"+i).innerHTML="";
    document.getElementById("video"+i).style.display='none';
    document.getElementById("lien"+i).innerHTML="<img src='IMG/Video.png' title='Lecture de la vid&eacute;os' alt='Lecture de la vid&eacute;os' onclick=\"affVideos("+i+",'"+video+"','"+width+"','"+height+"','"+img+"')\"/>";
}
function affVideos(i,video,width,height,img)
{
    if(document.getElementById("video"+i).innerHTML=="")
        {
        var mondiv = document.createElement("div");
	var monLecteur = document.createElement("object");
	monLecteur.setAttribute("id","flash");
	monLecteur.setAttribute("type","application/x-shockwave-flash");
	monLecteur.setAttribute("data","player_flv_maxi.swf");
	monLecteur.setAttribute("width",width);
	monLecteur.setAttribute("height",height);

	var monLecteurParam1 = document.createElement("param");
	monLecteurParam1.setAttribute("name","movie");
	monLecteurParam1.setAttribute("value","player_flv_maxi.swf");

	var monLecteurParam2 = document.createElement("param");
	monLecteurParam2.setAttribute("name","allowFullScreen");
	monLecteurParam2.setAttribute("value","true");
        var param4=document.createElement("param");
        param4.setAttribute("name", "wmode");
        param4.setAttribute("value", "transparent");

        var param5=document.createElement("param");
        param5.setAttribute("name", "volume");

         var param6=document.createElement("p");
         param6.setAttribute("style", "color:red")
        param6.innerHTML="Oups! Votre navigateur ne supporte pas le flash.";

	var monLecteurParam3 = document.createElement("param");
	monLecteurParam3.setAttribute("name","FlashVars");
	monLecteurParam3.setAttribute("value","startimage=IMG/"+img+"&flv=DOC/VIDEOS/"+video+"&showtime=1&srt=1&margin=0&playercolor=0b0b0b&buttoncolor=ffffff&buttonovercolor=999999&slidercolor1=ffffff&slidercolor2=999999&sliderovercolor=999999&loadingcolor=0&showfullscreen=1");
	monLecteur.appendChild(monLecteurParam1);
	monLecteur.appendChild(monLecteurParam2);
        monLecteur.appendChild(param4);
        monLecteur.appendChild(param5);
	monLecteur.appendChild(monLecteurParam3);
         monLecteur.appendChild(param6);
	mondiv.appendChild(monLecteur);
        document.getElementById("lien"+i).innerHTML="<img style='float:left' id='valid' src='IMG/fancy_closebox.png' onclick=\"cacheVideo("+i+",'"+video+"','"+width+"','"+height+"','"+img+"')\"/>";     
        document.getElementById("video"+i).style.display='none';
	document.getElementById("video"+i).appendChild(mondiv);
        $("#video"+i).fadeIn("slow");
        }
}

function agrandir(i)
{
    if(document.getElementById('texte'+i).style.fontSize=="")
        {
            document.getElementById('texte'+i).style.fontSize="17";
        }else
            {
                if(parseInt(document.getElementById('texte'+i).style.fontSize.substring(0,2))<25)
                    {
                        document.getElementById('texte'+i).style.fontSize=parseInt(document.getElementById('texte'+i).style.fontSize.substring(0,2))+1;
                        
                    }
            }
    
}

function diminuer(i)
{
    if(document.getElementById('texte'+i).style.fontSize=="")
        {
            document.getElementById('texte'+i).style.fontSize="15";
        }else
            {
                if(parseInt(document.getElementById('texte'+i).style.fontSize.substring(0,2))>11)
                    {
                        document.getElementById('texte'+i).style.fontSize=parseInt(document.getElementById('texte'+i).style.fontSize.substring(0,2))-1;
                        
                    }
            }

}

function aff(i)
{
    if(document.getElementById('agrandir'+i)!=null)
        {
    document.getElementById('agrandir'+i).style.display="block";
        }
}

function cach(i)
{
    if(document.getElementById('agrandir'+i)!=null)
        {
    document.getElementById('agrandir'+i).style.display="none";
        }
}
