function change(which){
    if (which == "deb") {
    
        //bvisible();
        bouton(1, "Accueil");
        document.getElementById("idpnew").value = "Timer";
        ajouter('./pages/accueil.php', 'pages');
        
    }
    //bvisible();
    switch (which) {
    
        case "page1":
            document.getElementById("idpnew").value = "Timer";
            bouton(1, "accueil");
            ajouter('./pages/accueil.php', 'pages');
            
            break;
            
        case "page2":
            ajouter('./pages/ateliers.php', 'pages');
            bouton(2, "ateliers");
            break;
            
        case "page3":
            ajouter('./pages/sboutique.php', 'pages');
            bouton(3, "boutique");
            break;
            
        case "page4":
            ajouter('./pages/screations.php', 'pages');
            bouton(4, "creations");
            break;
            
        case "page5":
            ajouter('./pages/contact.php', 'pages');
            bouton(5, "contact");
            break;
            
        case "Ateliers":
            ajouter('./pages/ateliers.php', 'pages');
            bouton(2, "ateliers");
            break;
            
        case "Boutique":
            ajouter('./pages/sboutique.php', 'pages');
            bouton(3, "boutique");
            break;
			
        case "Creations":
            ajouter('./pages/screations.php', 'pages');
            bouton(3, "boutique");
            break;
            
    }
    
}

function bouton(burl, page){
    bvisible();
    switch (burl) {
        case 1:
            document.getElementById("bouton" + burl).className = "Rboutonaccueil float";
            break;
        case 2:
            document.getElementById("bouton" + burl).className = "Rboutonateliers float";
            break;
        case 3:
            document.getElementById("bouton" + burl).className = "Rboutonboutique float";
            break;
        case 4:
            document.getElementById("bouton" + burl).className = "Rboutoncreations float";
            break;
        case 5:
            document.getElementById("bouton" + burl).className = "Rboutoncontact float";
            break;
            
        //document.getElementById("bouton"+burl).innerHTML = '<a>'+page+'<a>';
    }
}

function bvisible(){
    for (i = 1; i <= 5; i++) {
    
        switch (i) {
            case 1:
                document.getElementById("bouton" + i).className = "boutonaccueil float";
                break;
            case 2:
                document.getElementById("bouton" + i).className = "boutonateliers float";
                break;
            case 3:
                document.getElementById("bouton" + i).className = "boutonboutique float";
                break;
            case 4:
                document.getElementById("bouton" + i).className = "boutoncreations float";
                break;
            case 5:
                document.getElementById("bouton" + i).className = "boutoncontact float";
                break;
                
            //document.getElementById("bouton"+burl).innerHTML = '<a>'+page+'<a>';
        }
        
        
        //document.getElementById("bouton"+i).innerHTML = "<a href= #"+MenuUTableau[i-1]+" >"+MenuTableau[i-1]+"<a>";
    }
    //document.getElementById("bouton1").innerHTML = '<a href="#Accueil">Accueil<a>';
}