var prloadedimg;
var step = 100;
var cur_img = 0;

function setOpacity(obj, opacity) 
{
  opacity = (opacity == 100)?99.999:opacity;
  obj.style.filter = "alpha(opacity:"+opacity+")";
  obj.style.KHTMLOpacity = opacity/100;
  obj.style.MozOpacity = opacity/100;
  obj.style.opacity = opacity/100;
}

function movr(icon_no)
{
var ico;
 if (icon_no != cur_img)
 {
  ico = document.getElementById("gap" + icon_no);
  setOpacity(ico, 100);
  ico.style.border = "1px solid #CC55BB";
 }
}

function mout(icon_no)
{
var ico;
 if (icon_no != cur_img)
 {
  ico = document.getElementById("gap" + icon_no);
  setOpacity(ico, 50);
  ico.style.border = "1px solid #FFFFFF";
 }
}

function fadein(fn, icon_no, descr) 
{
var ico;
 if (icon_no != cur_img)
 {
  ico = document.getElementById("gap" + icon_no);
  setOpacity(ico, 100);
  ico.style.border = "1px solid #CC55BB";
  prloadedimg = new Image();
  prloadedimg.src = fn;
  ico = document.getElementById("gap" + cur_img);
  setOpacity(ico, 50);
  ico.style.border = "1px solid #FFFFFF";
  cur_img = icon_no;
  document.getElementById("gapalt").innerHTML = descr;
  dofade();
 }
}

function dofade() 
{
var obj = document.getElementById("gap");

 if (step > 0) 
 {
  step -= 4;
  setOpacity(obj, step);
  setTimeout("dofade()", 25);
  return;
 }
 if (step == 0)
 {
  obj.src = prloadedimg.src;
  step = -1;
  setOpacity(obj, Math.abs(step));
  setTimeout("dofade()", 25);
  return;
 }
 if (step < 0) 
 {
  step -= 4;
  setOpacity(obj, Math.abs(step));
  if (step > -99)
   setTimeout("dofade()", 25);
  else
   step = 100;
 }
}