// JavaScript for SlideShow
window.addEventListener?window.addEventListener('load',mantelSlideShow,false):window.attachEvent('onload',mantelSlideShow);
var next = 0;
var slideshow = true;
function mantelSlideShow()
{
	if(slideshow)
	{
		if(next > 3)
		{
			next = 1;
		}
		showMantel(next);
		if(next == 0)
		{
			++next;
		}
		++next;
		setTimeout(mantelSlideShow,10000);
	}
}
function stopShow()
{
	slideshow = false;
}
function showMantel(mantel)
{
	switch(mantel)
	{
		case 1:
		  togglediv('mantelImage1', 'show');
		  setLinkClass('mantellink1', 'selected');
		  opacity('mantelImage1',0,100,700);
		  togglediv('mantelImage2', 'hide');
		  setLinkClass('mantellink2', '');
		  togglediv('mantelImage3', 'hide');
		  setLinkClass('mantellink3', '');

		  break;

		case 2:
		  togglediv('mantelImage2', 'show');
		  setLinkClass('mantellink2', 'selected');
		  opacity('mantelImage2',0,100,700);
		  togglediv('mantelImage1', 'hide');
		  setLinkClass('mantellink1', '');
		  togglediv('mantelImage3', 'hide');
		  setLinkClass('mantellink3', '');

		  break;

		case 3:
		togglediv('mantelImage3', 'show');
		  setLinkClass('mantellink3', 'selected');
		  opacity('mantelImage3',0,100,700);
		  togglediv('mantelImage1', 'hide');
		  setLinkClass('mantellink1', '');
		  togglediv('mantelImage2', 'hide');
		  setLinkClass('mantellink2', '');
		  break;

		default:
			break;
	}
}
function togglediv(divName, mode)
{
	var thisDiv = document.getElementById(divName);
	if(mode == "hide")
	{
    	thisDiv.style.display = "none";
  	}
	else
	{
		thisDiv.style.display = "block";
	}
}
function setLinkClass(linkName, value)
{
	var thisLink = document.getElementById(linkName);
	thisLink.setAttribute("class", value);
	thisLink.setAttribute("className", value);

}
function opacity(id, opacStart, opacEnd, millisec)
{
	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 0;

	//determine the direction for the blending, if start and end are the same nothing happens
	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++)
			{
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}
//change the opacity for different browsers
function changeOpac(opacity, id)
{
	var object = document.getElementById(id).style;
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}