// JavaScript Document

var fadep;
var fl;
var done=0;
function fadeIn(file,id,width,height,fadelength) {
  fl=fadelength
  var pic_div = document.createElement('div');
  pic_div.id="picture";
  var img = document.createElement('img');
  img.src = file;
  img.id = id;
  img.width=width;
  img.height=height;
  pic_div.style.opacity=0;
  pic_div.style.filter="alpha(opacity=0)"; 
  pic_div.appendChild(img);
  document.getElementById("container").appendChild(pic_div);
  fadep = pic_div;
  fade();
  //img.onload=function() {fade();};
//  setTimeout("tryAgain()",3000);
}

function tryAgain() {
  if (done==0){
    alert('try again');
    fade();
  }
}

function fade() {
    done=1;
    var fadelength = fl;
    var speed = Math.round(fadelength/100);
    for (ii=1; ii<100; ii++)
    {
      setTimeout("changeOpac("+ii+")",speed*ii);
    }
  }

function changeOpac(opac) { 
  fadep.style.opacity=opac/100;
  fadep.style.filter="alpha(opacity="+opac+")"; 
}     


//  document.write('<img src="" alt="'+alt+'" id="'+id+'" style="position:absolute; left:0; top:0; opacity:10;filter:alpha(opacity=10)">');