title: Background pattern issue on a fullscreen slideshow
body: <p>I would like to add a png overlay to the body tag on this fullscreen slideshow: <a href="http://www.loop-branding.com/DPM2/" rel="nofollow">demo page</a></p>
  
  <p>but I cant get this to work out. I add a class "raster" to the body except when the first image is loaded.</p>
  
  <pre><code>if(photoObject.image == "home.jpg" ) {
      $("body").removeClass("raster");
      }
      else {
          $("body").addClass("raster");
      }
  </code></pre>
  
  <p>The problem is that even if i set an high z-index the raster.png doesn't appear.</p>
  
  <p>Any guess?</p>
  
  <p>Thanks in advance. </p>