title: on page load (onload) I need a popup box to appear and than fade after 5 seconds
body: <p>I thought something like this might work but it's not giving me exactly what i need.</p>
  
  <p>Here's what I'm trying right now.</p>
  
  <pre><code>&lt;style type="text/css"&gt;
      #overlay
      {
          display:none;
      }
  &lt;/style&gt;
  &lt;script&gt;
      $( document ).ready(function(){
          $('#overlay').fadeIn('fast').delay(15000).fadeOut('fast');
      });
  &lt;/script&gt;
  &lt;div id="overlay"&gt;
  &lt;script&gt;
        $(function () {
            $('a').click(function(){
                window.open('/getting-started/feg-top-performers','mywindow','width=400,height=200,toolbar=yes, 
      location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,copyhistory=yes, 
      resizable=yes')
            });
        });
  &lt;/script&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Basically as soon as the page opens I want to populate an entire html page and than have that page (the popup) fade out after 5 seconds.</p>
  
  <p>Any help would be greatly appreciated. Thank you.</p>