// JavaScript Document

var ms = 50;
var step = 2;
var wait = 1500;

function fadeImg(imgId, dir) {
	var img = document.getElementById(imgId);
	if (img) {
		setOpacity(img, 0);
		img.style.visibility = 'visible';
		fadeIn(imgId,0,1);
	}
}

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,dir) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
		// fade in
		if (dir==1) {
			if (opacity <= 100) {
				setOpacity(obj, opacity);
				opacity += step;
				window.setTimeout("fadeIn('"+objId+"',"+opacity+","+dir+")", ms);
			} else {
				dir = 0;
				opacity = 100;
				window.setTimeout("fadeIn('"+objId+"',"+opacity+","+dir+")", wait);
			}
		} 
		// fade out
		else {
			if (opacity >=0) {
				setOpacity(obj, opacity);
				opacity -= step;
				window.setTimeout("fadeIn('"+objId+"',"+opacity+","+dir+")", ms);
			} else {
				dir = 1;
				opacity = 0;
				window.setTimeout("fadeIn('"+objId+"',"+opacity+","+dir+")", wait);
			}
		}
  }
}