Welcome Box - Stay closed after exited?

[mustangguy1230]

On my site - http://performancefanatic.com - I just added a welcome box for guests using different things I've found online and I want there to be a way for users to click an "X" and have it close that box and have it stay closed for one day.

Below is the script I'm using.

<script type="text/javascript"> 
function closeBox(toClose) {document.getElementById(toClose).style.display = "none";setCookie(toClose, "closed", 1);}
function setCookie(cName, value, expiredays) {var expDate = new Date();expDate.setDate(expDate.getDate()+expiredays);document.cookie=cName + "=" + escape(value) + ";expires=" + expDate.toGMTString();}
function loadMsg(msgClass) {msg = document.getElementsByTagName("div");for (i=0; i<msg.length; i++){if(msg[i].className == msgClass) {if(document.cookie.indexOf(msg[i].id) == -1) {msg[i].style.display = "block";}}}}
window.onload=function(){loadMsg('msgbox'); }</script>

And below is the code for the welcome box itself.

<vb:if condition="THIS_SCRIPT != 'register'">
<vb:if condition="$show['guest']">
<div id="message-1" class="msgbox">
<div class="guestwarn">
<a href="#" class="close" onclick="closeBox('message-1'); return false;" title="Close This"></a>

Hello Guest! If you're reading this, it means you're not a member of our community yet! <a href="/register.php">Click here</a> to register in a few simple steps and welcome to PerformanceFanatic.com!
<br>
<br>
<center>
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffacebook.com%2Fperformancefanatic&amp;send=false&amp;layout=standard&amp;width=260&amp;show_faces=false&amp;font&amp;colorscheme=dark&amp;action=like&amp;height=35&amp;appId=247410391959289" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:260px; height:35px;" allowTransparency="true"></iframe>
</center>
</div>
</div>
</vb:if>
</vb:if>

Any help would be appreciated!