function minichat(){
    document.getElementById('barreGauche').innerHTML = '';

    form = document.createElement('form');
    form.id = 'formChat';

    textArea = document.createElement('textarea');
    textArea.id = 'text_ta';
    textArea.cols = '30';
    textArea.rows = '2';
    textArea.style.border = "1px #1A1A1A solid";
    textArea.style.color = '#ffffff';
    textArea.style.background = "#292008";
    textArea.style.margin = '5px';

    labelLogin = document.createElement('label');
    labelLogin.innerHTML = username;
    labelLogin.style.color = 'silver';
    labelLogin.style.fontStyle = 'oblique';
    labelLogin.style.fontSize = 'larger';

    btnChat = document.createElement('input');
    btnChat.type = 'button';
    btnChat.value = 'Envoyer';
    btnChat.onclick = recupMessChat;

    divEditMess = document.createElement('div');
    divEditMess.id  = 'divEditMess';
    divEditMess.style.background = "url(./images/search.png)";
    divEditMess.style.top = '170px';
    divEditMess.style.position = 'relative';
    divEditMess.style.height = "100px";
    divEditMess.style.color = '#ffffff';
    divEditMess.style.padding ='5px';
    
    divMess = document.createElement('div');
    divMess.id = 'divMess';
    divMess.style.textAlign = 'left';
    divMess.style.top = '200px';
    divMess.style.position = 'relative';
    divMess.style.margin = '10px';

    divGauche = document.createElement('div');
    divGauche.id = 'divGauche';
    divGauche.style.width = '0px';
    divGauche.style.height = '100%';
    divGauche.style.overflow = 'hidden';
    
    form.appendChild(labelLogin);
    form.appendChild(textArea);
    form.appendChild(btnChat);

    divEditMess.appendChild(form);

    divGauche.appendChild(divEditMess);
    divGauche.appendChild(divMess);
    
    document.getElementById('barreGauche').appendChild(divGauche);

    recupMessChat();

    $("div#barreGauche #divGauche")
        .css('width', '0px')
        .animate({
            width : '250px'
        }, 'slow', 'linear');
}

function recupMessChat(){
    test = document.getElementById('text_ta').value;
    document.getElementById('text_ta').value = '';
    var xhr = getXhr();
    xhr.onreadystatechange = function(){
        if ((xhr.readyState == 4) && (xhr.status == 200)){
            reponse = xhr.responseXML.documentElement;
            listeMessage = reponse.getElementsByTagName('message');
            divMess.innerHTML = '';

            for (i=0 ; i<listeMessage.length ; i++){
                loginChat = document.createElement('label');
                loginChat.innerHTML = listeMessage[i].childNodes[0].firstChild.nodeValue + ' : ';
                loginChat.style.color = 'silver';
                loginChat.style.fontStyle = 'oblique';

                contenuMessage = document.createElement('label');
                contenuMessage.innerHTML = listeMessage[i].childNodes[1].firstChild.nodeValue ;

                br = document.createElement('br');

                divMess.appendChild(loginChat);
                divMess.appendChild(contenuMessage);
                divMess.appendChild(br);
            }
        }
    }
    xhr.open("POST", "minichat.php", true);
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xhr.send("message=" + test);
}