pass =0;
work = 0;
function setOpacity(obj, opacity) {
  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;
}


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

function fadeOut(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity >= 0) {
      setOpacity(obj, opacity);
      opacity = opacity - 1;
      window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 100);
    }
  }
}

function resetOpacity(objId){
    obj = document.getElementById(objId);
    setOpacity(obj, 0);
}

function timeLine(){
		if (pass == 0 && !work){
		work = 1;
		pass = (pass + 1) % 3;
    fadeIn('canvas1', 0);
    }
    if (pass == 1 && !work){
    work = 1;
		pass = (pass + 1) % 3;
		fadeIn('canvas2', 0);
    }
    if (pass == 2 && !work){
		work = 1;
		pass = (pass + 1) % 3;
		resetOpacity('canvas1');
		resetOpacity('canvas2');
		work = 0;
    }
}

function start(){
    pass = 1;
    setTimeout('timeLine()', 15000);
}