// JavaScript Document
//
// fader();	by Sean Robitialle
//
// Simply call the function fader() defining 3 variables: (div ID, fade 'in' or 'out', and speed).
// e.g. fader('fadeDiv', 'in', 50);
//
// For optimal smoothness, pre-set the CSS of your div to include:
//			If initially fading in:
//					opacity: 0;
//					filter: alpha(opacity=0);
//
//			If initially fading out:
//					opacity: 1;
//					filter: alpha(opacity=100);	
//
//////////////////////////////////////////////////////////////////////

var FadeTimer = '';
var Opacity = 0;

function fader(divID, inOut, speed)
{
	clearInterval(FadeTimer);
	inOut = inOut.toLowerCase();
	if (inOut == "in") {
		document.getElementById(divID).style.filter = "alpha(style=0,opacity=0)";
  		document.getElementById(divID).style.opacity = 0;
		document.getElementById(divID).style.display = "block";
		FadeTimer = setInterval("FadeIn('"+divID+"')", parseInt(speed));
	} else if (inOut == "out") {
		document.getElementById(divID).style.filter = "alpha(style=0,opacity=1)";
  		document.getElementById(divID).style.opacity = 100;
		FadeTimer = setInterval("FadeOut('"+divID+"')", parseInt(speed));
	}
}

// FUNCTIONS

////////////////////////////////////////////
//	Changes opacity from 0 to 100 and back
function FadeIn(divID)
{
  if (Opacity < 100){
    Opacity += 10;	} 
  else {
    clearInterval(FadeTimer);
  }
  document.getElementById(divID).style.filter = "alpha(style=0,opacity=" + Opacity + ")";
  document.getElementById(divID).style.opacity = Opacity/100;
}

function FadeOut(divID)
{
  if (Opacity > 0){
		Opacity -= 10;
		document.getElementById(divID).style.filter = "alpha(style=0,opacity=" + Opacity + ")";
		document.getElementById(divID).style.opacity = Opacity/100;
	} else {
		document.getElementById(divID).style.display = "none";
		clearInterval(FadeTimer);
	}
}