function getXhr(){
    var xhr = null;
    if (window.XMLHttpRequest){
        xhr = new XMLHttpRequest();
    }else if (window.ActiveXObject){
        try{
            xhr = new ActiveXObject("Msxml2.XMLHTTP");
        }catch (e){
            xhr = new ActiveXObject("Microsoft.XMLHTTP");
        }
    }else{
        alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
        xhr = false;
    }
    return xhr;
}

function classement(numChamp){
    var xhr = getXhr();

    xhr.onreadystatechange = function(){
        if (xhr.readyState == 4 && xhr.status == 200){
            	document.getElementById('page').innerHTML = xhr.responseText;
            	document.formClassement.menuClassement.style.background = 'none';
            	document.formClassement.menuClassement.style.border = 'none';
        	document.formClassement.menuClassement.style.fontSize = 'larger';
		$('#mytable').css({
			"background-image": "url(./images/fondClassement.jpg)",
			"background-repeat": "no-repeat",
			"background-position": "center top"
		});
		$('#mytable tr:eq(4)').children('td').css({
			color: "goldenrod",
			"font-weight": "bold",
			"font-size": " 15px",
			background: "#cccccc"
		});
		$('#mytable tr:eq(5)').children('td').css({
			color: "gray",
			background: "#dddddd"
		});
		$('#mytable tr:eq(6)').children('td').css({
			color: "#a67d3d",
			background: "#eeeeee"
		});
		$('#mytable tr:gt(3)').css({
			filter : "alpha(opacity=90)",
	    		"-moz-opacity" : "0.9",
    			opacity : "0.9"
		});
		$('#mytable tr:gt(3) td').css({
			"border-right": "1px solid #555555"
		}); 
        }
    }
    xhr.open("post", "classement.php", true);
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xhr.send("champ=" + numChamp);

}

function selectClassement() {
    classement(document.formClassement.menuClassement.selectedIndex + 1);
}

function accueilManou(){
    document.getElementById('menu').innerHTML = "<a href='javascript:accueilManou();'>Accueil</a>&nbsp;<a href='javascript:gestChamp();'>Gestion Championnat</a>";
    classement('');
    minichat();
}

function accueil(){
    minichat();
    classement('');
}

function gestChamp(){

    var xhr = getXhr();

    xhr.onreadystatechange = function(){
        if ((xhr.readyState == 4) && (xhr.status == 200)){
            reponse = xhr.responseXML.documentElement;
            login = reponse.getElementsByTagName('login');

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

            table = document.createElement('table');
            table.id = 'table';
            table.style.margin = "0 auto";
            table.style.textAlign = "left";

            trPremier = document.createElement('tr');

            tdLabelPremier = document.createElement('td');

            tdPremier = document.createElement('td');
            tdPremier.id = 'td1';

            labelPremier = document.createElement('label');
            labelPremier.innerHTML = 'Premier';

            selectPremier = document.createElement('select');
            selectPremier.id = 'selectPremier';
            selectPremier.onchange = appelListSecond;

            optionPremier = document.createElement('option');

            optionPremier.text = '-- Premier --';
            try{
                selectPremier.add(optionPremier, null);
            }catch(e){
                selectPremier.add(optionPremier);
            }

            for (i=0 ; i<login.length ; i++){
                optionPremier = document.createElement('option');
                optionPremier.text = login[i].childNodes[0].nodeValue;
                try{
                    selectPremier.add(optionPremier, null);
                }catch(e){
                    selectPremier.add(optionPremier);
                }
            }

            tdLabelPremier.appendChild(labelPremier);
            tdPremier.appendChild(selectPremier);

            trPremier.appendChild(tdLabelPremier);
            trPremier.appendChild(tdPremier);

            table.appendChild(trPremier);

            form.appendChild(table);

            document.getElementById('page').innerHTML = '';
            document.getElementById('page').appendChild(form);
        }
    }
    xhr.open("post", "majClassement.php", true);
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xhr.send(null);
}

function appelListSecond(){
    var xhr = getXhr();
    xhr.onreadystatechange = function(){
        if ((xhr.readyState == 4) && (xhr.status == 200)){
            var reponseXML = xhr.responseXML.documentElement;
            var login = reponseXML.getElementsByTagName('login');

            trDeuxieme = document.createElement('tr');

            tdLabelDeuxieme = document.createElement('td');
            
            tdDeuxieme = document.createElement('td');

            labelDeuxieme = document.createElement('label');
            labelDeuxieme.innerHTML = 'Deuxieme     ';

            selectDeuxieme = document.createElement('select');
            selectDeuxieme.id = 'selectDeuxieme';
            selectDeuxieme.onchange = appelListParticiper;
            
            optionDeuxieme = document.createElement('option');
            optionDeuxieme.text = '-- Deuxieme --';

            try{
                selectDeuxieme.add(optionDeuxieme, null);
            }catch(e){
                selectDeuxieme.add(optionDeuxieme);

            }
            for (i=0 ; i<login.length ; i++){
                optionDeuxieme = document.createElement('option');
                optionDeuxieme.text = login[i].childNodes[0].nodeValue;

                try{
                    selectDeuxieme.add(optionDeuxieme, null);
                }catch(e){
                    selectDeuxieme.add(optionDeuxieme);
                }
            }

            tdLabelDeuxieme.appendChild(labelDeuxieme);
            tdDeuxieme.appendChild(selectDeuxieme);

            trDeuxieme.appendChild(tdLabelDeuxieme);
            trDeuxieme.appendChild(tdDeuxieme);

            table.appendChild(trDeuxieme);
        }
        premier = selectPremier.options[selectPremier.selectedIndex].value;
        labelPremier = document.createElement('label');
        labelPremier.innerHTML = premier;
        tdPremier.replaceChild(labelPremier, selectPremier);

    }
    xhr.open("POST", "majClassement.php", true);
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xhr.send("premier=" + premier);
}

function appelListParticiper(){
    var xhr = getXhr();
    xhr.onreadystatechange = function(){
        if ((xhr.readyState == 4) && (xhr.status == 200)){
            var reponseXML = xhr.responseXML.documentElement;
            var login = reponseXML.getElementsByTagName('login');

            tableParticipant = document.createElement('table');
            
            trParticipant = document.createElement('tr');

            trValider = document.createElement('tr');
            
            tdLabelParticipant = document.createElement('td');
            tdLabelParticipant.vAlign = 'top';
            
            tdParticipant = document.createElement('td');

            tdValider = document.createElement('td');
            
            labelParticipant = document.createElement('label');
            labelParticipant.textContent = 'Participant  ';

            btnValider = document.createElement('input');
            btnValider.type = 'button';
            btnValider.value = 'Valider';
            btnValider.onclick = validForm;

            tdLabelParticipant.appendChild(labelParticipant);
            for (i=0 ; i<login.length ; i++){
                trCheckbox = document.createElement('tr');

                tdCheckbox = document.createElement('td');

                tdLabel = document.createElement('td');

                checkbox = document.createElement('input');
                checkbox.type = 'checkbox';
                checkbox.id = login[i].childNodes[0].nodeValue;
                checkbox.value = login[i].childNodes[0].nodeValue;

                label = document.createElement('label');
                label.innerHTML =  login[i].childNodes[0].nodeValue;

                tdCheckbox.appendChild(checkbox);
                tdLabel.appendChild(label);
                trCheckbox.appendChild(tdCheckbox);
                trCheckbox.appendChild(tdLabel);
                tableParticipant.appendChild(trCheckbox);
            }

            tdParticipant.appendChild(tableParticipant);
            trParticipant.appendChild(tdLabelParticipant);
            trParticipant.appendChild(tdParticipant);

            tdValider.appendChild(btnValider);
            trValider.appendChild(tdValider);

            table.appendChild(trParticipant);
            table.appendChild(trValider);
        }
        deuxieme = selectDeuxieme.options[selectDeuxieme.selectedIndex].value;
        labelDeuxieme = document.createElement('label');
        labelDeuxieme.innerHTML = deuxieme;
        tdDeuxieme.replaceChild(labelDeuxieme, selectDeuxieme);

    }
    xhr.open("POST", "majClassement.php", true);
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xhr.send("premier=" + premier + "&deuxieme=" + deuxieme);
}

function validForm(){
    tableListeParticipant = document.createElement('table');
    for (i=0 ; i<tdParticipant.firstChild.childNodes.length ; i++){
        if (tdParticipant.firstChild.childNodes[i].firstChild.firstChild.checked){
            trListeParticipant = document.createElement('tr');
            tdListeParticipant = document.createElement('td');
            labelParticipant = document.createElement('label');

            labelParticipant.innerHTML = tdParticipant.firstChild.childNodes[i].firstChild.firstChild.value;
            
            tdListeParticipant.appendChild(labelParticipant);
            trListeParticipant.appendChild(tdListeParticipant);
            tableListeParticipant.appendChild(trListeParticipant)
        }
    }

    btnConfirmer = document.createElement('input');
    btnConfirmer.type = 'button';
    btnConfirmer.value = 'Confirmer';
    btnConfirmer.onclick = majBDD;

    btnModifier = document.createElement('input');
    btnModifier.type = 'button';
    btnModifier.value = 'Modifier';
    btnModifier.onclick = gestChamp;

    tdModifier = document.createElement('td');

    tdModifier.appendChild(btnModifier);
    trValider.appendChild(tdModifier);

    tdParticipant.replaceChild(tableListeParticipant, tableParticipant);
    tdValider.replaceChild(btnConfirmer, btnValider);
}

function majBDD(){
    listeParticipant = new Array();
    for (i=0 ; i<tableListeParticipant.childNodes.length ; i++){
        listeParticipant.push(tableListeParticipant.childNodes[i].firstChild.firstChild.firstChild.nodeValue);
    }
    var xhr = getXhr();
    xhr.onreadystatechange = function(){
        if ((xhr.readyState == 4) && (xhr.status == 200)){
            document.getElementById('page').innerHTML = xhr.responseText;
        }
    }
    xhr.open("post", "majClassement.php", true);
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xhr.send("premier=" + premier + "&deuxieme=" + deuxieme + "&participant=" + listeParticipant);
}