/******************************************************************************/

var defaultPhase = null;
var activePhase = null;

function initializeLifePhases()
{
	if (!document.getElementById) return;
	if (!document.getElementsByTagName) return;

	var lifePhases = document.getElementById('lifePhases');
	if (lifePhases)
	{
		lifePhases = lifePhases.getElementsByTagName('li');
		for (var index = 0; index < lifePhases.length; index++)
		{
			preloadPhaseImages(lifePhases[index]);

			if (lifePhases[index].className == 'default')
			{
				defaultPhase = lifePhases[index];
			}

			lifePhases[index].onmouseover = function(e)
			{
				setActivePhase(getEventTarget(e));
			};
			lifePhases[index].onmouseout = function()
			{
				setActivePhase(defaultPhase);
			};
		}
		setActivePhase(defaultPhase);
	}
}

function preloadPhaseImages(phase)
{
	if (phase && phase.firstChild && phase.firstChild.src)
	{
		var large = new Image();
		large.src = phase.firstChild.src.replace('.gif', '-large.gif');
	}
}

function setActivePhase(phase)
{
	clearActivePhase();

	if (phase && phase.firstChild && phase.firstChild.src)
	{
		activePhase = phase;
		activePhase.firstChild.src = activePhase.firstChild.src.replace('.gif', '-large.gif');
		setSlideShowOverlay(activePhase.firstChild.className);
	}
}

function clearActivePhase()
{
	if (activePhase && activePhase.firstChild && activePhase.firstChild.src)
	{
		activePhase.firstChild.src = activePhase.firstChild.src.replace('-large.gif', '.gif');
	}
	activePhase = null;
}

function getEventTarget(e)
{
	if (!e) { var e = window.event; }
	var target;
	if (e.target) { target = e.target; }
	else if (e.srcElement) { target = e.srcElement; }
	if (target.nodeType == 3) { target = target.parentNode; }
	if (target.nodeName == 'IMG') { target = target.parentNode; }
	return target;
}

/******************************************************************************/

var previousSlide = null;
var currentSlide = null;

function showNextSlide()
{
	if (!document.getElementById) return;

	if (!currentSlide)
	{
		var slides = document.getElementById('slideShow');
		if (slides)
		{
			slides = slides.getElementsByTagName('li');
			for (var index = 0; index < slides.length; index++)
			{
				slides[index].style.display = 'none';
			}
			currentSlide = slides[Math.floor(Math.random() * slides.length)];
			currentSlide.style.display = 'block';
		}
		return;
	}

	if (currentSlide)
	{
		previousSlide = currentSlide;
		currentSlide = currentSlide.nextSibling;
		while (currentSlide && currentSlide.nodeName != 'LI')
		{
			currentSlide = currentSlide.nextSibling;
		}

		if (!currentSlide || currentSlide.nodeName != 'LI')
		{
			currentSlide = previousSlide.parentNode.getElementsByTagName('li')[0];
		}

		if (previousSlide != currentSlide)
		{
			currentSlide.style.display = 'block';
			previousSlide.style.display = 'none';
		}
	}
}

function setSlideShowOverlay(overlay)
{
	if (!document.getElementById) return;

	var slideShow = document.getElementById('slideShow');
	if (slideShow)
	{
		slideShow = slideShow.getElementsByTagName('ul')[0];
		if (slideShow)
		{
			slideShow.className = overlay;
		}
	}
}

/******************************************************************************/

function removeDefault(field)
{
	if (field.value == field.defaultValue)
	{
		field.value = "";
		field.className = "";
	}
}

function restoreDefault(field)
{
	if (field.value == "")
	{
		field.value = field.defaultValue;
		field.className = "default";
	}
}

/******************************************************************************/

window.onload = function()
{
	if (!document.getElementById) return;

	initializeLifePhases();

	if (document.getElementById('slideShow'))
	{
		setInterval("showNextSlide();", 8000);
	}
}

/******************************************************************************/