// Use onDomReady to hide our image before the page has finished loading
// eliminates the quick flash that would happen if we used window.onload
// and avoids display: none style which would make the page inaccessible
// to users with js disabled

var folio = {
  
  prepareImg: function(){
    $('folioImg').setOpacity(0);
  },
  
  init: function(){
    if (!document.getElementById) return false;
    if (!document.getElementById('folioImg')) return false;
    this.prepareImg();
  }
}

window.onDomReady(folio.init.bind(folio));

// There's probably a more elegant solution, but...
window.onload = function(){
  if (!document.getElementById) return false;
  if (!document.getElementById('folioImg')) return false;
  var myImg = $('folioImg');
  new Fx.Style(myImg,'opacity').start(0,1);
}