document.write("<style type='text/css'>#image {visibility:hidden;}</style>");

function initImage() {
  var imageId = 'image';
  var image = document.getElementById(imageId);
  if(!image) {
    return;
  }
  var opacity = 0;
  setOpacity(image, opacity);
  image.style.visibility = "visible";
  fadeIn(imageId,0);
}

function fadeIn(objId,opacity) {
  if (document.getElementById) {
    var obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 5;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
    }
  }
}

function setOpacity(obj, opacity) {
  var opacity = (opacity == 100)?99.999:opacity;
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

window.onload = function() {initImage()}
$(document).ready(function(){
  $("#exif").css("opacity", .75);
  $("#wrapper").hover(function() {
    $("#exif").fadeIn();
  }, function(){
    $("#exif").fadeOut();
  });
});