pop up + cookie (affichage / disparition)

Bonjour,

je souhaite mettre en place une pop up javascript sur mon site pour permettre à une personne de sélectionner un pays.
Si on clique le pays = CAN , on reste sur le site et la pop up disparait défintivement.

Je suis pas terrible en javascript et je n'arrive pas à résoudre la fermeture définitive de la pop up.
J'arrive à enregistrer le cookie, mais après il ne le prends plus en compte, conclusion ma pop up est toujours ouverte à chaque fois que je clique sur une page du site.

Merci

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
 
 
<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
<span class="ui-dialog-title" id="ui-dialog-title-modal_country_selector"> </span>
<a href="#" class="ui-dialog-titlebar-close ui-corner-all" role="button">
<span class="ui-icon ui-icon-closethick">close</span></a></div>
 
 
 
<div style="width: auto; min-height: 0px; height: 360px;" id="modal_country_selector" class="ui-dialog-content ui-widget-content">
 
 
<div class="popup_countries">
 
	<div class="text_mark1">CHOISISSEZ VOTRE PAYS</div>
	<div class="text_mark2">SELECT YOUR COUNTRY</div>
 
	<div class="lng_sel lng_sel1"><a onclick="return selectLanguageData('CAN')" href="http://www.monsite.com/index.php?language=en"><img width="55" height="33" alt="" src="/image/icons/icon-canada.gif"/></a><br/><a onclick=" return selectLanguageData( 'CAN')" href="http://www.monsite.com/index.php?language=en">Canada</a></div>
 
 
	<div class="lng_sel lng_sel1"><a onclick="return selectLanguageData('FR')" href="http://www.monsite1.com/index.php?language=fr"><img width="55" height="33" alt="" src="/image/icons/icon-canada.gif"/></a><br/><a onclick=" return selectLanguageData( 'CAN')" href="http://www.monsite1.com/index.php?language=fr">Canada</a></div>
 
	<div class="lng_sel lng_sel2"><a href="http://www.monsite2.com"><img width="53" height="35" alt="" src="/mage/icons/icon-usa.gif"/></a><br/><a href="monsite2.com">USA</a></div>
</div>
</div>
 
 
<script type="text/javascript">
$(function() {
    $("#modal_country_selector").dialog({
            modal: true,
            draggable: false,
            stack: false,
            zIndex: 150000,
            width: 560,
            height: 380
    });
});
 
function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	} else {
            var expires = "";
        }
 
	document.cookie = name + "=" + value + expires + "; path=/";
}
 
/* le pb vient de cette fonction */
function selectLanguageData(country) {
    var currentLanguage = 'CAN';
    if (currentLanguage == 'CAN') {
        createCookie('country_bind', country, 10);
        $("#modal_country_selector").dialog("close");
        $("#modal_country_selector").dialog("destroy");
    }
}