popup on page load with cookie not working
<p>I am using <a href="http://papermashup.com/demos/jquery-subscription-box/#" rel="nofollow">this</a> as example to create my pop up on page load. The code is working fine while on local but when I added it on the server its not working. I think some script might be conflicting with it but I am not sure which. I am running on Magento 1.7.</p>

<p>1) here is the <a href="http://www.miirue.com/m1" rel="nofollow">link</a> i'm working with.</p>

<p>2) <a href="http://jsfiddle.net/5USUu/" rel="nofollow">http://jsfiddle.net/5USUu/</a></p>

<h3>Step 1</h3>

<p>Add CSS &amp; JS</p>

<pre><code>    &lt;link rel="stylesheet" type="text/css" href="&lt;?php echo $this-&gt;getJSUrl('pop/colorbox.css'); ?&gt;" media="screen"/&gt;
&lt;link media="screen" rel="stylesheet" target="_blank" href="&lt;?php echo $this-&gt;getJSUrl('pop/popup.css'); ?&gt;" /&gt;
&lt;script language="javascript" src="&lt;?php echo $this-&gt;getJSUrl('pop/colorbox.js'); ?&gt;"&gt;&lt;/script&gt;
</code></pre>

<h3>Step 2</h3>

<p>Add function before <code>&lt;/head&gt;</code></p>

<pre><code>    &lt;script&gt;
$(document).ready(function (){ 
   // load the overlay
    if (document.cookie.indexOf('visited=true') == -1) {
        var fifteenDays = 1000*60*60*24*15;
        var expires = new Date((new Date()).valueOf() + fifteenDays);
        document.cookie = "visited=true;expires=" + expires.toUTCString();
        $.colorbox({width:"580px", inline:true, href:"#subscribe_popup"});
    }

    $(".open_popup").colorbox({width:"580px", inline:true, href:"#subscribe_popup"});
</code></pre>

<p>});</p>

<p></p>

<h3>Step 3</h3>

<p>add HTML at the footer</p>

<pre><code>&lt;p&gt;The subscription popup will activate if no cookie is set. Once the popup is closed a cookie is set which expires every 15 days. You can manually activate the subscription box below.&lt;/p&gt;

&lt;a href="#" class="open_popup"&gt;Click here to open the popup&lt;/a&gt;

&lt;!-- This contains the hidden content for inline calls for the subscribe box --&gt;
&lt;div style='display:none'&gt;
&lt;div id='subscribe_popup' style='padding:10px;'&gt;
&lt;h2 class="box-title"&gt;Never miss an update from Papermashup&lt;/h2&gt;
&lt;h3 class="box-tagline"&gt;Get notified about the latest tutorials and downloads.&lt;/h3&gt;
&lt;!-- BEGIN #subs-container --&gt;
&lt;div id="subs-container" class="clearfix"&gt;
  &lt;!-- BEGIN .box-side --&gt;

  &lt;!-- BEGIN #subs-container --&gt;
 &lt;/div&gt;
 &lt;/div&gt;
&lt;/div&gt;
&lt;!-- END subscribe popup--&gt;
</code></pre>
