/**
 * @naam		overvloeier2.js
 * @version		1.0.1 (2009-01-21)
 * @auteur		users.skynet.be, YvK
 *
 * BESCHRIJVING *
 * ---------------------------------------------------------------------------
 * Dit javascript regelt het fade-effect op de homepage
 * ---------------------------------------------------------------------------
 *
 * VERSIE HISTORY *
 * ---------------------------------------------------------------------------
 * - v1.0.1 - Gemaakt door YvK
 * ---------------------------------------------------------------------------
 * Commentaar toegevoegd, code aangepast naar codeerstandaard
 * ---------------------------------------------------------------------------
 *
 * ---------------------------------------------------------------------------
 * - v1.0 - Gemaakt door users.skynet.be
 * ---------------------------------------------------------------------------
 * Copyright: Het internet is van iedereen, de volledige inhoud kan door 
 * iedereen vrij gebruikt worden.
 * ---------------------------------------------------------------------------
 */

/**
* vindVolgendBeeld()
* @param object p_oBeeld
* @return object
*/
function vindVolgendBeeld(p_oBeeld)
{
	do p_oBeeld = p_oBeeld.nextSibling;
	while(p_oBeeld && p_oBeeld.tagName != 'IMG');
	return p_oBeeld;
}

/**
* vindFirstChildBeeld()
* @param object p_oBeeld
* @return object
*/
function vindFirstChildBeeld(p_oBeeld)
{
	p_oBeeld = p_oBeeld.firstChild;
	while(p_oBeeld && p_oBeeld.tagName != 'IMG')
	{
		p_oBeeld = p_oBeeld.nextSibling;
	}
	return p_oBeeld;
}

/**
* zetOpaciteitWaarde()
* @param object p_oObject
* @param int p_iWaarde
* @return void
*/
function zetOpaciteitWaarde(p_oObject, p_iWaarde)
{
	p_oObject.style.opacity = (p_iWaarde / 100);
	p_oObject.style.MozOpacity = (p_iWaarde / 100);
	p_oObject.style.KhtmlOpacity = (p_iWaarde / 100);
	p_oObject.style.filter = 'alpha(opacity=' + p_iWaarde + ')';
}

/**
* maakOnzichtbaar()
* @param object p_oBeeld
* @return object oNextBeeld
*/
function maakOnzichtbaar(p_oBeeld)
{
	if (oNextBeeld = vindVolgendBeeld(p_oBeeld))
	{
		p_oBeeld.style.display = 'none';
		p_oBeeld.style.zIndex = 0;
		oNextBeeld.style.display = 'block';
		oNextBeeld.style.zIndex = 100;
	} 
	else
	{
		oNextBeeld = vindFirstChildBeeld(p_oBeeld.parentNode);
	}
	return oNextBeeld;
}

/**
* parameters()
* @param string p_sId
* @param int p_iSnelheid
* @param int p_iPauze
* @param string p_sTekst
* @return void
*/
function parameters(p_sId, p_iSnelheid, p_iPauze, p_sTekst)
{
	if (p_iSnelheid == null)
	{
		p_iSnelheid = 40;
	}
	if (p_iPauze == null)
	{
		p_iPauze = 2000;
	}
	var oFaden = document.getElementById(p_sId);
	oFaden.style.overflow = "hidden";
	var oBeeld = vindFirstChildBeeld(oFaden);
	startOvervloeien(oBeeld, p_iSnelheid, p_iPauze, p_sTekst);
}

/**
* startOvervloeien()
* @param object p_oBeeld
* @param int p_iSnelheid
* @param int p_iPauze
* @param string p_sTekst
* @return void
*/
function startOvervloeien(p_oBeeld, p_iSnelheid, p_iPauze, p_sTekst)
{
	p_oBeeld.style.display = 'block';
	if (p_sTekst != null)
	{
		document.getElementById(p_sTekst).innerHTML = p_oBeeld.alt;
	}
	verhoogOpaciteit(p_oBeeld, 0, p_iSnelheid, p_iPauze, p_sTekst);
}

/**
* verhoogOpaciteit()
* @param object p_oBeeld
* @param int p_iOpacity
* @param int p_iSnelheid
* @param int p_iPauze
* @param string p_sTekst
* @return void
*/
function verhoogOpaciteit(p_oBeeld, p_iOpacity, p_iSnelheid, p_iPauze, p_sTekst)
{
	p_iOpacity = p_iOpacity + 3;
	if (p_iOpacity < 100)
	{
		setTimeout(function()
		{
			vervolgFaden(p_oBeeld, p_iOpacity, p_iSnelheid, p_iPauze, p_sTekst)
		}
		, p_iSnelheid);
	}
	else
	{
		p_oBeeld.parentNode.style.backgroundImage = "url("+p_oBeeld.src+")";
		var iTussentijd=p_iPauze-1000;
		if (iTussentijd < 0 )
		{
			iTussentijd = 0;
		}
		setTimeout( function()
		{
			zetOpaciteitWaarde(p_oBeeld,0);
			p_oBeeld = maakOnzichtbaar(p_oBeeld);
			setTimeout(function()
			{
				startOvervloeien(p_oBeeld, p_iSnelheid, p_iPauze, p_sTekst)
			}
			, iTussentijd);
		}
		, 1000);
	}
}

/**
* vervolgFaden()
* @param object p_oBeeld
* @param int p_iOpacity
* @param int p_iSnelheid
* @param int p_iPauze
* @param string p_sTekst
* @return void
*/
function vervolgFaden(p_oBeeld, p_iOpacity, p_iSnelheid, p_iPauze, p_sTekst)
{
	zetOpaciteitWaarde(p_oBeeld,p_iOpacity);
	verhoogOpaciteit(p_oBeeld, p_iOpacity, p_iSnelheid, p_iPauze, p_sTekst);
}