var currentTab = 0;
var canChangeTab = true;
function selectTab(tabNum, alwaysChange)
{
	if (canChangeTab || alwaysChange)
	{
		currentTab=tabNum;
		for(var a=0; a<document.all.tabTxt.length; a++)
		{
			document.all.tabTxt[a].style.backgroundColor= _var2;
			document.all.tabTxt[a].style.borderTopColor= _var3;
			document.all.tabTxt[a].style.borderBottomColor= _var4;
			if (a<2) document.all.sepImg[a].src= _var5;
			if (a==tabNum) document.all.charts[a].style.display='inline';
			else document.all.charts[a].style.display='none';
		}
		document.all.sepImg[2].src= _var6;
		
		document.all.tabTxt[tabNum].style.backgroundColor= _var7;
		document.all.tabTxt[tabNum].style.borderTopColor= _var8;//gray
		document.all.tabTxt[tabNum].style.borderBottomColor= _var9;//green
		if (tabNum>0) document.all.sepImg[tabNum-1].src= _var10;
		if (tabNum<2) document.all.sepImg[tabNum].src= _var11;
		else document.all.sepImg[tabNum].src= _var12;
		setPinAndView();
	}
}

var arrPinAvailability = new Array(false,false,false);
function setPinAvailability(tabId, showPin)
{
	if (1*tabId >= 0 && arrPinAvailability[tabId] != showPin)
	{
		arrPinAvailability[tabId] = showPin;
		setPinAndView(true);
	}
}

function setPinAndView(setPinOnly)
{
	if (arrPinAvailability[currentTab])
	{
		if (chartWins[currentTab] == null) document.all.tdF.innerHTML=detachHTML;
		else if (document.all.tdF) document.all.tdF.innerHTML=attachHTML;	
	}
	else if (document.all.tdF) document.all.tdF.innerHTML='&nbsp;';
	if (!setPinOnly && chartWins[currentTab] != null && document.all.charts[currentTab].src!='Forex.bgGray.htm')
		document.all.charts[currentTab].src='Forex.bgGray.htm';
}

function onLogin()
{
	document.all.charts[1].src=document.all.charts[1].src;
	document.all.charts[2].src=document.all.charts[2].src;
}

var attachHTML = '<img src="Images/Forex.Pin.Hor.gif" onclick="attachChart(false, true);" border=0 style="CURSOR: hand" title="Click to attach chart">';
var detachHTML = '<img src="Images/Forex.Pin.Vert.gif" onclick="detachChart();" border=0 style="CURSOR: hand" title="Click to detach chart">';
function detachChart(chartIndex)
{
	if (!chartIndex) chartIndex=currentTab + 1; 
	document.all.tdF.innerHTML=attachHTML;
	if (chartWins[chartIndex-1]!=null) chartWins[chartIndex-1].close();
	chartWins[chartIndex-1]=window.open('Forex.Charts.Content.aspx?mode=' + chartIndex + '&tabId=' + currentTab,'chw' + chartIndex,"width=765,height=492,left=5,top=5,status=no,toolbar=no,menubar=no,resizable=yes,scrollbars=no");
	document.all.charts[chartIndex-1].src='Forex.bgGray.htm';
}

function attachChart(chartIndex, closeWindow)
{
	var autoExec = null;
	if (!canChangeTab) autoExec = _onSessionTimeoutWindowShow;
	if (!chartIndex) chartIndex=currentTab + 1;
	selectTab(chartIndex - 1, true);
	if (arrPinAvailability[chartIndex - 1]) document.all.tdF.innerHTML=detachHTML;
	else document.all.tdF.innerHTML='&nbsp;';
	if (chartWins[chartIndex-1]!=null)
	{
		if (closeWindow) 
		{	
			chartWins[chartIndex-1].doUnload=false;
			chartWins[chartIndex-1].close();
		}
		chartWins[chartIndex-1]=null;
	}
	document.all.charts[chartIndex-1].src='Forex.Charts.Content.aspx?mode=' + chartIndex + '&tabId=' + currentTab;
	if (autoExec != null) autoExec();
}

function _onSessionTimeoutWindowShow()
{
	canChangeTab = false;
	document.all.charts[currentTab].style.visibility = 'hidden';
}
function _onSessionTimeoutWindowHide()
{
	canChangeTab = true;
	document.all.charts[currentTab].style.visibility = 'visible';
}

var chartWins=new Array(null, null, null);

function setDetachWin(numChart, winRef)
{
	var flag = (chartWins[numChart]==null);
	chartWins[numChart] = winRef;	
	if (flag) setPinAndView();
}