// JavaScript Document




function modifierProvince()  {

/* Fonction dont le but est d'afficher la province en fonction de la ville selectionnée (Etape 1 ) */

    if (document.getElementById("ville").value== "Montréal"){
                document.getElementById("province").innerHTML = "Votre province est Quebec";

    }else{
        if (document.getElementById("ville").value== "Toronto") {
                document.getElementById("province").innerHTML = "Votre province est Ontario";

    }else{
            if (document.getElementById("ville").value== "Vancouver")
        document.getElementById("province").innerHTML = "Votre province est la Colombie-Britannique";

        }
    }
}




function estVide(sValeur){
    if(sValeur.trim() == ""){
        return true;
    }
    return false;
}



function messageErreur(aElements){

    var bFocus = false;

    for(var iElem = 0; iElem< aElements.length; iElem++){
        if(aElements[iElem].type == "text"){
            var sNomElement = aElements[iElem].name;

            if(estVide(aElements[iElem].value)==true ){
                document.getElementById("err_txt").innerHTML =
                                        "Veuillez saisir tous les champs.";
                                        document.getElementById('etape2').style.display='none';
                                        /* Permet de revenir à l'étape précédente dans le cas ou l'utilisateur change un champs et qu'Il n'est pas correct*/

                if(bFocus == false){
                    //Mettre le focus
                    aElements[iElem].focus();
                    bFocus = true;
                }
            }else{
                numR = parseInt(aElements[3].value);
                if(isNaN(numR) == true){
                    document.getElementById("err_Nrue").innerHTML = "Ce champ doit être de type numérique, ex. : 71.";
                    document.getElementById('etape2').style.display='none';
                    /* Permet de revenir à l'étape précédente dans le cas ou l'utilisateur change un champs et qu'Il n'est pas correct*/

                }else{

                    document.getElementById('etape2').style.display='block';
                    document.getElementById("err_txt").innerHTML ="";
                    document.getElementById("err_Nrue").innerHTML ="";
               }
            }
        }


    }
}


function messageErreurFinal(aElements) {
    /*fonction identique à celle du dessus validant la partie 2 du formulaire */



    var err_txtempty ="";
    var err_Ncard="";

    var bFocus = false;

    for(var iElem = 0; iElem< aElements.length; iElem++){
        if(aElements[iElem].type == "text"){
            var sNomElement = aElements[iElem].name;

            if(estVide(aElements[iElem].value)==true ){
                document.getElementById("err_txtempty").innerHTML =
                                        "Veuillez saisir tous les champs.";
                                        document.getElementById('etape3').style.display='none';
                                        /* Permet de revenir à l'étape précédente dans le cas ou l'utilisateur change un champs et qu'Il n'est pas correct*/
                if(bFocus == false){
                    //Mettre le focus
                    aElements[iElem].focus();
                    bFocus = true;
                }
            }else{
                numCard = parseInt(aElements[3].value);
                if(isNaN(numCard) == true){
                    document.getElementById("err_Ncard").innerHTML = "Ce champ doit être de type numérique, ex. : 71.";
                    document.getElementById('etape3').style.display='none';
                    /* Permet de revenir à l'étape précédente dans le cas ou l'utilisateur change un champs et qu'Il n'est pas correct*/

                }else{


                    document.getElementById('etape3').style.display='block';
                    document.getElementById("err_txt").innerHTML ="";
                    document.getElementById("err_Ncard").innerHTML ="";
            }
        }
      }
    }
}










function afficherInformations(aElem) {



    var sCh = "";
    for(var iElt=0; iElt<aElem.length; iElt++){

        switch(aElem[iElt].type){
            case "text":
             sCh += aElem[iElt].name + " : " +aElem[iElt].value + "<br>";
            break;
            case "select-one":
                sCh += aElem[iElt].name + " : "
                +aElem[iElt].options[aElem[iElt].selectedIndex].text + "<br>";
            break;


        }
    }
    return sCh;

}
function afficherInformations(aElem2) {



    var sCh2 = "";
    for(var iElt=0; iElt<aElem2.length; iElt++){

        switch(aElem2[iElt].type){
            case "text":
             sCh2 += aElem2[iElt].name + " : " +aElem2[iElt].value + "<br>";
            break;
            case "number" :     /*Partie qui permet d'afficher les 6 premiers numéros de la carte de crédit et masque le reste*/
                var i = 0;
                   var Card=document.getElementById('cardnumber').value;
                   var sixfirst=document.getElementById('cardnumber').value;;
                   var etoile="";
                   var premierC="";



                while (i<=5) {
                premierC=premierC+(sixfirst.charAt(i));
                i++;
                }

                        for (var i=5; i<Card.length; i++) {
                etoile=etoile+"*";
                }
                cardNum = premierC+etoile;
                break;

            case "select-one":
                sCh2 += aElem2[iElt].name + " : "
                +aElem2[iElt].options[aElem2[iElt].selectedIndex].text + "<br>";
            break;


        }
    }
    return sCh2;

}


function afficher(){
    var sCh = afficherInformations(document.forms[0].elements);
    var sCh2 = afficherInformations(document.forms[1].elements);
    document.getElementById('Confirmation').innerHTML=sCh+"Numéro de la carte de crédit :"+" "+cardNum+"</br>"+sCh2;

}