var crossFader_FrameCount = 6;

$(document).ready(function()
{
	$("[ws\\:role='mainMenuButtonImage']").mouseover(function()
	{
		var element = $(this);
		crossFader_fadeInt(element);
	});
	
	$("[ws\\:role='mainMenuButtonImage']").mouseout(function()
	{
		var element = $(this);
		crossFader_fadeOut(element);
	});
	
	//	precache images
	var precacheImagePaths =
	[
		"WebSite.Modules/Navigation.MainMenu.Fixed.Basic/buttonBackgrounds/headerBg.png",
		"WebSite.Modules/Navigation.MainMenu.Fixed.Basic/buttonBackgrounds/headerBg2.png",
		"WebSite.Modules/Navigation.MainMenu.Fixed.Basic/buttonBackgrounds/headerBg3.png",
		"WebSite.Modules/Navigation.MainMenu.Fixed.Basic/buttonBackgrounds/headerBg4.png",
		"WebSite.Modules/Navigation.MainMenu.Fixed.Basic/buttonBackgrounds/headerBg5.png",
		"WebSite.Modules/Navigation.MainMenu.Fixed.Basic/buttonBackgrounds/headerBg6.png",
	];
	
	crossFader_precacheImages(precacheImagePaths)
});

var crossFader_PrecachedImages = [];
function crossFader_precacheImages(imagePathArray)
{
	for(var i = 0 ; i < imagePathArray.length; i++)
	{
		var image = new Image(5);
		crossFader_PrecachedImages[crossFader_PrecachedImages.length] = image;
		image.src = imagePathArray[i];
	}
}

function crossFader_fadeInt(jqElement)
{
	var element = jqElement[0];
	if(!element.bgCrossFader_FrameIndex)
	{
		element.bgCrossFader_FrameIndex = 1;
	}
	
	jqElement.stopTime();
	jqElement.everyTime(42, function()
	{
		element.bgCrossFader_FrameIndex ++;
		if(element.bgCrossFader_FrameIndex > crossFader_FrameCount)
		{
			element.bgCrossFader_FrameIndex = crossFader_FrameCount;
			jqElement.stopTime();
			return;
		}
		element.className = "mainMenuButton" + element.bgCrossFader_FrameIndex;
	});
}

function crossFader_fadeOut(jqElement)
{
	var element = jqElement[0];
	if(!element.bgCrossFader_FrameIndex)
	{
		element.bgCrossFader_FrameIndex = crossFader_FrameCount;
	}

	jqElement.stopTime();
	jqElement.everyTime(42, function()
	{
		element.bgCrossFader_FrameIndex --;
		if(element.bgCrossFader_FrameIndex < 1)
		{
			element.bgCrossFader_FrameIndex = 1;
			jqElement.stopTime();
			return;
		}
		element.className = "mainMenuButton" + element.bgCrossFader_FrameIndex;
	});
}