/* AGINITY.COM */
var folderWithContent = "/Portals/0/";
var buttonDefaultImage = folderWithContent + "BtnDefault.png";
var buttonDefaultLeftImage = folderWithContent + "BtnArrowDefaultLeft.png";
var buttonDefaultRightImage = folderWithContent + "BtnArrowDefaultRight.png";
var buttonDefaultSelecredImage = folderWithContent + "BtnSelected.png";


var tabsArray = new Array();
tabsArray[0] = "TAB_FIRST";
tabsArray[1] = "TAB_MPP";
tabsArray[2] = "TAB_TRANSORMS";
tabsArray[3] = "TAB_CIA";

var tabsButtons = new Array();
tabsButtons[0] = "BTN_TAB_FIRST";
tabsButtons[1] = "BTN_TAB_MPP";
tabsButtons[2] = "BTN_TAB_TRANSORMS";
tabsButtons[3] = "BTN_TAB_CIA";

var tabButtonPrev = "BTN_TAB_PREV";
var tabButtonNext = "BTN_TAB_NEXT";

/* Slide Settings */
var slideShowDelay = 15000;
var fadeOpacityIncrement = 5;
var fadeStepDelay = 20;

/* Work parameters */
var currentTabIndex = 0;
var timerIDAutomatic = null;
var timerIDFade = null;
var isFading = false;

/* ============================================== */
function ButtonMouseClick(command)
{
	if (command == "<")
	{
		ChangeGraphicsTabInDirection(-1);
	}
	else if (command == ">")
	{
		ChangeGraphicsTabInDirection(+1);
	}
	else
	{
		var index = parseInt(command);
		if (index != null && index != NaN)
		{
			ChangeGraphicsTab(index);
		}
	}
}

/* ============================================== */
function ChangeGraphicsTab(newIndex)
{
	if (isFading == true || currentTabIndex == newIndex)
	{
		return;
	}
	isFading = true;

	/* Switch buttons */
	var btnLenght = tabsButtons.length;
	for (var i = 0; i < btnLenght; i++)
	{
		var btnID = tabsButtons[i];
		var btnElement = document.getElementById(btnID);
		if (btnElement != null)
		{
			if (i == newIndex)
			{
				btnElement.src = buttonDefaultSelecredImage;
			}
			else
			{
				btnElement.src = buttonDefaultImage;
			}
		}
	}

	/* Fade */
	var newTabID = tabsArray[newIndex];
	var currentTabID = tabsArray[currentTabIndex];

	var newTab = document.getElementById(newTabID);
	var currTab = document.getElementById(currentTabID);

	if (newTab == null || currTab == null)
	{
		return;
	}

	newTab.style.display = "block";

	Fade(currentTabID, newTabID, fadeOpacityIncrement);

	currentTabIndex = newIndex;
}

/* ============================================== */
function Fade(currentTabID, newTabID, opacityPrercent)
{
	var newTab = document.getElementById(newTabID);
	var currTab = document.getElementById(currentTabID);
	var currStyle = currTab.style;
	var newStyle = newTab.style;

	if (timerIDFade != null)
	{
		clearTimeout(timerIDFade);
		timerIDFade = null;
	}

	var opacityCurrent = opacityPrercent / 100;

	newStyle.opacity = opacityCurrent;
	newStyle.filter = 'alpha(opacity=' + opacityPrercent + ')';
	currStyle.opacity = 1 - opacityCurrent;
	currStyle.filter = 'alpha(opacity=' + (100 - opacityPrercent) + ')';

	var nextOpacityPercent = opacityPrercent + fadeOpacityIncrement;
	if (nextOpacityPercent <= 100)
	{
		var code = "Fade(\"" + currentTabID + "\",\"" + newTabID + "\"," + nextOpacityPercent + ")";
		timerIDFade = setTimeout(code, fadeStepDelay);
	}
	else
	{
		currTab.style.display = "none";
		isFading = false;
	}
}

/* ============================================== */
function ChangeGraphicsTabInDirection(incrementStep)
{
	var newIndex = parseInt(currentTabIndex) + parseInt(incrementStep);
	var currentItemsCount = tabsArray.length;

	if (newIndex == -1)
	{
		newIndex = currentItemsCount - 1;
	}
	else if (newIndex == currentItemsCount)
	{
		newIndex = 0;
	}
	ChangeGraphicsTab(newIndex);
}

/* ============================================== */
function AutomaticSwitchToNextImage()
{
	ChangeGraphicsTabInDirection(+1);
	EnableSlideShowInDirection();
}

/* ============================================== */
function EnableSlideShowInDirection()
{
	/*ChangeGraphicsTab(3);
	return;*/
	var code = "AutomaticSwitchToNextImage()";
	if (timerIDAutomatic != null)
	{
		clearTimeout(timerIDAutomatic);
		timerIDAutomatic = null;
	}
	timerIDAutomatic = setTimeout(code, slideShowDelay);
}