title: Fancybox on page load error
body: <p>This is driving me crazy</p>
  
  <pre><code>Uncaught TypeError: Object #&lt;an Object&gt; has no method 'onCleanup'
  </code></pre>
  
  <p>Here's my header code:</p>
  
  <pre><code>&lt;head id="ctl00_Head1"&gt;&lt;title&gt;
  
      Artworking
  
  &lt;/title&gt;
  
      &lt;link rel="stylesheet" type="text/css" href="css/default.css?v=1" /&gt;    
      &lt;link rel="stylesheet" type="text/css" href="css/jgrowl.css?v=1" /&gt;    
      &lt;script type="text/javascript" src="js/jquery1.4.4.js"&gt;&lt;/script&gt;    
      &lt;script type="text/javascript" src="js/jgrowl.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" type="text/css" href="css/artworkDesigner.css?v=1" /&gt;      
      &lt;link href="js/uploadify-2.1.4/uploadify.css?v=1" type="text/css" rel="stylesheet" /&gt;   
      &lt;script type="text/javascript" src="js/uploadify-2.1.4/swfobject.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/uploadify-2.1.4/jquery.uploadify.v2.1.4.min.js"&gt;&lt;/script&gt; 
      &lt;script type="text/javascript" src="js/fancybox/jquery.mousewheel-3.0.4.pack.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.pack.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" type="text/css" href="js/fancybox/jquery.fancybox-1.3.4.css?v=1" media="screen" /&gt;
      &lt;script type="text/javascript"&gt;    
          // Load everything up    
          $(document).ready(function() {
  
          $.fancybox(    
              '&lt;h2&gt;Hi!&lt;/h2&gt;&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis mi eu elit tempor facilisis id et neque&lt;/p&gt;',    
              {    
                  'autoDimensions'    : false,    
                  'width'                 : 350,    
                  'height'                : 'auto',    
                  'transitionIn'      : 'none',    
                  'transitionOut'     : 'none'   
              }    
          );
  
          });          
      &lt;/script&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>I've moved the fancy folder from root to <code>root/js</code> so it exists in <code>/js/fancybox/</code>.  I've checked the references to the JS/CSS files, and they are all linked fine, I've also changed the relevant links in the CSS file to reference js/, IE</p>
  
  <pre><code>.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
  </code></pre>
  
  <p>Now equals</p>
  
  <pre><code>.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
  </code></pre>
  
  <p>But no luck :0</p>