var slides = new Array("/image/icon/clip_home.png", "/image/icon/clip_family.png");
var x = 0;

function fade(imgID, ttf) {
  var element = document.getElementById(imgID);
  if (element == null) return;

  if (element.FadeState == null) {
    if (element.style.opacity == null || element.style.opacity == '' || element.style.opacity == '1') {
      element.FadeState = 2;
    } else {
      element.FadeState = -2;
    }
  }
   
  if (element.FadeState == 1 || element.FadeState == -1) {
    element.FadeState = element.FadeState == 1 ? -1 : 1;
    element.FadeTimeLeft = (ttf * 1000) - element.FadeTimeLeft;
  } else {
    element.FadeState = element.FadeState == 2 ? -1 : 1;
    element.FadeTimeLeft = ttf * 1000;
    setTimeout("animateFade(" + new Date().getTime() + ", '" + imgID + "', " + ttf + ")", 80);
  }
}

function animateFade(lastTick, imgID, ttf) {  
  var curTick = new Date().getTime();
  var elapsedTicks = curTick - lastTick;

  var element = document.getElementById(imgID);

  if (element.FadeTimeLeft <= elapsedTicks) {
    element.style.opacity = element.FadeState == 1 ? '1' : '0';
    element.style.filter = 'alpha(opacity = ' + (element.FadeState == 1 ? '100' : '0') + ')';
    element.FadeState = element.FadeState == 1 ? 2 : -2;
    return;
  }

  element.FadeTimeLeft -= elapsedTicks;
  var newOpVal = element.FadeTimeLeft / (ttf * 1000);
  if (element.FadeState == 1) newOpVal = 1 - newOpVal;

  element.style.opacity = newOpVal;
  element.style.filter = 'alpha(opacity = ' + (newOpVal*100) + ')';

  setTimeout("animateFade(" + curTick + ", '" + imgID + "', " + ttf + ")", 80);
}


function fadeA() {
  fade('clip1a', 2.5);
  setTimeout("fadeA()", 5000);
}
function fadeB() {
  fade('clip1b', 2.5);
  setTimeout("fadeB()", 5000);
}