Cookie problème code javascript

Bonjour,

j'ai un problème avec mon code javascript qui ne fonctionne pas : l'utilisateur peut choisir entre plusieurs choix(il peut en choisir jusque 12) .J'aimerai récupérer chacun de ses choix et mettre chaque choix dans un cookie différent mais je n'y arrive pas et je ne comprend pas mon erreur :/.

Du coté du html j'ai simplement une liste de choix lorsqu'on clique sur un des choix il s'affiche et il est sélectionné et lorsque l'on clique sur un boutton la function first est déclancher avec en paramètre l'id de chaque choix et ensuite la fonction vide et la fonction write cookie sont déclanchées

Voici mon code Javascript pour la partie cookie :

var paysTab = new Array();
var nbrTd = paysTab.length;
var pathname=location.pathname;
function showMsg() {
    alert(paysTab);
}
function affect(id, b){
    if(document.getElementById(id).style.display == "block"){
    paysTab.push(id);
    writeCookie();
    }
}
function vide(){
    if(paysTab.length == 0)
        alert('Veuillez choisir au moins un pays');
    else
        // document.location.href="menu/endroits/visiterRest.html"; 
        document.location.href="#"; 
}
function writeCookie (){
    for(i=0 ; i<paysTab.length ; i++){
        var id = paysTab[i];
        var cname = "pays"+i;
        var cvalue = id;
        setCookie(cname, cvalue, 365);
    }
}
function setCookie(cname, cvalue, exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays*24*60*60*1000));
    var expires = "expires="+d.toUTCString();
    document.cookie = cname + "=" + cvalue + "; " + expires;
}

function getCookie(cname) {
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for(var i=0; i<ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1);
        if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
    }
    return "";
}