/***********************************************************************************************
SwapFadeThumb - These function alternate between the image fade transitions and moving over one 
of the thumbnails.  The image fade runs until a mouseover of a thumbnail.  If that happens, then
the main image will be the mousedover image														
***********************************************************************************************/

function SwapFadeThumb(strID)
{
	document.getElementById("imageFade").style.visibility = "hidden";
	document.getElementById("imageFade").style.display = "none";
	document.getElementById("imageThumb").style.visibility = "visible";
	document.getElementById("imageThumb").style.display = "block";
	document.images["mainImage"].src = "/media/homePage/Images/mainImage" + strID + ".jpg";
}

function SwapThumbFade(strID)
{
	document.getElementById("imageThumb").style.visibility = "hidden";
	document.getElementById("imageThumb").style.display = "none";
	document.getElementById("imageFade").style.visibility = "visible";
	document.getElementById("imageFade").style.display = "block";
	document.images["mainImage"].src = "/media/homePage/Images/mainImage01.jpg";
}

function HideMainImage()
{
	document.getElementById("imageThumb").style.visibility = "hidden";
	document.getElementById("imageThumb").style.display = "none";
}