var imagesURL = new Array('stars_anim.gif','star_anim.gif',
  'star_anim2.gif','star_anim3.gif','star_anim4.gif',
  'star_anim5.gif','star_anim6.gif','flame_anim.gif');
var imagesDuration = new Array('1000','2000','2000','2000','2000','2000','2000','1000');
var imagesSX = new Array('120','16','16','16','16','16','16','48');
var imagesSY = new Array('150','16','16','16','16','16','16','78');
var nbImages = 7;
var decals = 32;
var noImage = 0;
var fromStart = 0;
var maxEmptyLapse = 10000;
var i, winW, winH;
var fullTitle = "Le Chaudron Magique !";
var titleOn = new Array();
var phaseTitle = 1;

for(i=0;i<nbImages;i++)
  document.write(
    '<div id="image'+i+
    '" style="position:absolute;left:0px;top:0px;width:32px;height:32px;visibility:hidden">'+
    '<img src="templates/chaudronMagique/images/'+imagesURL[i]+'" border="0"></div>');
  
for(i=0;i<fullTitle.length;i++)
  titleOn[i] = true;
  
function changeStarsEvent() {    
  document.getElementById("image"+noImage).style.visibility="hidden";  
  /*if(Math.random()>0.2)
    setTimeout("changeEvent()",maxEmptyLapse*Math.random());  */  
  noImage = Math.floor(Math.random() * nbImages);  
  var object = document.getElementById("image"+noImage).style;          
  object.left = (winW - decals - imagesSX[noImage]) * Math.random();
  object.top = (winH - decals - imagesSY[noImage]) * Math.random();
  
  object.visibility="visible";      
  
  setTimeout("changeStarsEvent()",imagesDuration[noImage]);    
}

function changeTitleEvent() {
  var doneTitle=0;
  for(i=0;i<fullTitle.length;i++)
    if(titleOn[i])
      doneTitle++;
  if(doneTitle==0 && phaseTitle==1)
    phaseTitle=2;
  if(doneTitle==fullTitle.length && phaseTitle==2)
    phaseTitle=3;    
  if(phaseTitle<3) {
    var done = false;
    while(!done) {
      var n = Math.floor(Math.random() * fullTitle.length);
      if((phaseTitle==1&&titleOn[n]) || 
          (phaseTitle==2&&!titleOn[n])) {
        titleOn[n] = ! titleOn[n];
        done = true;
      }      
    }
    var title = "";
    for(i=0;i<fullTitle.length;i++)
      if(titleOn[i])
        title += fullTitle.charAt(i);
    document.getElementById("maintitle").innerHTML = title;
    var color = Math.floor(255 - (255*doneTitle)/fullTitle.length);
    document.getElementById("maintitle").style.color = 
      "rgb("+color+","+color+","+color+")";  
    setTimeout("changeTitleEvent()",20);
  }
}

function init() {      
  if (navigator.appName=="Netscape") {
    winW = window.innerWidth;
    winH = window.innerHeight;
  } else {
    winW = document.body.offsetWidth;
    winH = document.body.offsetHeight;
  }
  changeStarsEvent();
  changeTitleEvent();
}

if(document.getElementById)
	window.onload = init;