<script type="text/javascript">
    function layerClose(id) {
        document.getElementById("layerPopup" + id).style.visibility = "hidden";
    }

    function closeByToday(id){
        if (document.getElementById("chkbox" + id).checked) {
            setCookie("layerPopup" + id, "done", 1);
        }

        document.getElementById("layerPopup" + id).style.visibility = "hidden";
        document.getElementById("chkbox" + id).checked = false;
    }
</script>


<style type="text/css">
    /*

            레이어 갯수 만큼 생성하세요

    */
    #layerPopup0 {
        visibility : hidden;
        position : absolute;
        background-color : #F4F4F4;
        border:0px solid #666666;
        width : 403px;
        color: #F4F4F4;
        left : 30px;
        top : 110px;
    }
        #layerPopup0 .whites{color:white}


    #layerPopup1 {
        visibility : hidden;
        position : absolute;
        background-color : #F4F4F4;
        border:0px solid #666666;
        width : 403px;
        color: #F4F4F4;
        left : 440px;
        top : 110px;
    }
        #layerPopup1 .whites{color:white}

    #layerPopup2 {
        visibility : hidden;
        position : absolute;
        background-color : #F4F4F4;
        border:0px solid #666666;
        width : 800px;
        color: #FFFFFF;
        left : 730px;
        top : 110px;
    }
        #layerPopup2 .whites{color:white}
</style>


<div id="layerPopup0">

    <table cellpadding='0' cellspacing='0' border='0'>
    <tr>
        <td><div align="right"><a href="#" onClick="layerClose(0);" onfocus=blur()>닫기</a></div>
<table width="403" height="480" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td><img src="/images/pop001.gif" width="403" height="480"></td>
          </tr>
        </table></td>
    </tr>
    <tr>
        <td align="right" bgcolor="#000000" height="25" style="cursor:pointer"><input type="checkbox" name="chkbox0" id="chkbox0" onclick="closeByToday(0)"> <span class='whites'>하루 동안 이 창을 열지 않습니다.&nbsp;&nbsp;</span></td>
    </tr>
    </table>
</div>

<div id="layerPopup1">

    <table cellpadding='0' cellspacing='0' border='0'>
    <tr>
<td><div align="right"><a href="#" onClick="layerClose(0);" onfocus=blur()>닫기</a></div>
<table width="403" height="480" border="0" cellpadding="0" cellspacing="0">
  <td><img src="/images/pop002.gif" width="403" height="480"></td>
        </tr>
</table></td>
    </tr>
    <tr>
        <td align="right" bgcolor="#000000" height="25" style="cursor:pointer"><input type="checkbox" name="chkbox1" id="chkbox1" onclick="closeByToday(1)"> <span class='whites'>하루 동안 이 창을 열지 않습니다.&nbsp;&nbsp;</span></td>
    </tr>
    </table>
</div>

<div id="layerPopup2">

    <table cellpadding='0' cellspacing='0' border='0'>
    <tr>
        <td><a href="#" onClick="layerClose(2);" onfocus=blur()>닫기</a></td>
    </tr>
    <tr>
        <td align="right" bgcolor="#000000" height="25" style="cursor:pointer"><input type="checkbox" name="chkbox2" id="chkbox2" onclick="closeByToday(2)"> <span class='whites'>하루 동안 이 창을 열지 않습니다.&nbsp;&nbsp;</span></td>
    </tr>
    </table>
</div>


<script type="text/javascript">
    var cookiedata = document.cookie;

    for (i = 0; i < 3; i++){
        if (cookiedata.indexOf("layerPopup" + i + "=done") < 0) {
            document.getElementById("layerPopup" + i).style.visibility = "visible";
        } else {
            document.getElementById("layerPopup" + i).style.visibility = "hidden";
        }
    }
</script>


하루 동안 이 창을 열지 않습니다. 이게 작동은 안하네요..

어떻게 수정해야하나요???