/* marketCharts.js */

//Assign event handlers to tab buttons
function initTabs(){
	for (var x=0; x < 6; x++){		
		var btnObj = document.getElementById("btn" + x);
		btnObj.onclick = changeTimeFrame;		
	}
}

//Function sets the select controls in the hidden DIV to initial values.
function initSelectCtrls() {
	
	// initial indices can be overridden by client js
	var initialIndices = (typeof gMarketSummaryInitialIndices == "object")?gMarketSummaryInitialIndices:new Array("", "US&DJI", "US;COMP", "US;VIX");

	var i, j, indexSelector;
	for(i=1; i<=3; i++) {
		indexSelector = document.getElementById("index" + i + "Selector");	
		for(j=0; j<indexSelector.options.length; j++) {
			if(indexSelector.options[j].value == initialIndices[i]) {
				indexSelector.selectedIndex = j;
				break;
			}
		}
	}
	load3Indices();
}

//Function called when user clicks on tab button. Resets custom attribute 'timeframe' and then calls load3Indices().
function changeTimeFrame(event) {
	var e = event || window.event || false;
	var srcElement = false;
	
	if (e){ 
		srcElement = getSrcElement(e); 
	}
	var days = ((srcElement)?srcElement.getAttribute("days"):1);

	//Reset attribute of DIV indicesOuter
	var indicesOuter = document.getElementById("indicesOuter");
	indicesOuter.setAttribute("timeframe", days);
	
	//Reset highlighted tab
	for (var x=0; x < 6; x++){		
		var btnObj = document.getElementById("btn" + x);
		btnObj.className = "";		
	}
	srcElement.className = "on";
	
	//Reload index details
	load3Indices();
}

//Function called when user selects indices
function changeIndices() {
	//Show "Loading" and then call load3Indices
	var i, indexImg;
	var indicesOuter = document.getElementById("indicesOuter");
	for(i=1; i<=3; i++) {
		document.getElementById("index" + i + "Chart").innerHTML = 'Loading ...';
	}
	
	//Ensure that the 'popup' is hidden
	document.getElementById("shadowOuter").style.display = "none";
	
	//Reload index details
	load3Indices();
}


// --------------------------------------------------------------------------------------------------------------------------------
//Create content buffer to update index details
var marketSummary = new ContentBuffer();

//Create global variable to store real-time/delayed status for each index
var indexRealtime = new Array();
	
function load3Indices() {

	var indicesOuter = document.getElementById("indicesOuter");

	//Get number of days for chart
	var timeFrame = indicesOuter.getAttribute("timeframe");
	
	//Get company name since User.Transient data won't be available to buffered page
	var companyName = indicesOuter.getAttribute("companyname"); 
	
	//Reset array of real-time/delayed indices to indicate that results have not been updated
	indexRealtime[0] = -1;
	indexRealtime[1] = -1;
	indexRealtime[2] = -1;
	
	var i, symbol, chartWidth;
	for(i=1; i<=3; i++) {
	
		//Get symbol from current setting of the numbered select control
		indexSelector = document.getElementById("index" + i + "Selector");	
		symbol = indexSelector[indexSelector.selectedIndex].value;
		
		//Get chart width
		chartWidth = indicesOuter.getAttribute("chart" + i + "width");
		
		//alert("symbol: " + symbol + "\ntimeFrame: " + timeFrame + "\nchartWidth: " + chartWidth[i])
	
		//Make call to indexDetail.asp through content buffer
		marketSummary.load({
			url: "resources/asp/marketChartsBuffer.asp",
			method: "post",
			contentType: "text/javascript",
			postdata: {
				symbol: symbol,
				timeFrame: timeFrame,
				boxNum: i,
				chartWidth: chartWidth,
				companyName: companyName
			},
			onerror: defaultTxt,
			debug: true
		});
		
	}

}

//Function is called from marketChartsBuffer.asp which has return type text/javascript
function updateIndex(boxNum, header, chartStatus, chartFileName, chartWidth, quoteStatus, quoteStr, timestamp, symbol, realtime) {
	//alert("UpdateIndex called.\nboxNum: " + boxNum + "\nheader: " + header + "\nchartStatus: " + chartStatus + "\nchartFileName: " + chartFileName + "\nquoteStatus: " + quoteStatus + "\nquoteStr: " + quoteStr + "\ntimestamp: " + timestamp + "\nsymbol: " + symbol);
	
	document.getElementById("index" + boxNum + "Header").innerHTML = header;
	
	if(chartStatus) {
		document.getElementById("index" + boxNum + "Chart").innerHTML = '<img id="index1Img" src="' + chartFileName + '" alt="Index performance" height="100" width="' + chartWidth + '" />';
	}
	else {
		document.getElementById("index" + boxNum + "Chart").innerHTML = 'Chart not available';
	}
	
	if(quoteStatus) {
		document.getElementById("index" + boxNum + "Quote").innerHTML = quoteStr;
		document.getElementById("index" + boxNum + "Timestamp").innerHTML = timestamp;
	}
	else {
		document.getElementById("index" + boxNum + "Quote").innerHTML = "<span class='fontSm'>Quote not available</span>&nbsp;"; //Non-breaking space to maintain height
	}
	
	//Update real-time/delayed array and if all three indices have updated, update text. Note that responses do not necessarily come back in order requested so can't do it when boxNum is 3.
	indexRealtime[boxNum - 1] = realtime;
	if(indexRealtime[0] != -1 && indexRealtime[1] != -1 && indexRealtime[2] != -1)
		updateChartsTxt();
}

//Function to update real-time/delayed quote text on successful call to marketChartsTxtBuffer.asp
function updateChartsTxt() {
	var txt = "*Quotes delayed by at least 15 minutes; all other quotes real-time.";
	if(indexRealtime[0] && indexRealtime[1] && indexRealtime[2])
		txt = "Real-time quotes";
	else if(! indexRealtime[0] && ! indexRealtime[1] && ! indexRealtime[2])
		txt = "*Quotes delayed by at least 15 minutes";
		
	document.getElementById("delayed").innerHTML = txt;
}

//Function called on content buffer failure
function defaultTxt() {
	document.getElementById("delayed").innerHTML = "*Quotes delayed by at least 15 minutes; all other quotes real-time.";
}

//When window loads, intialize tab buttons, select controls and load index details
addEvent(window, "load", initTabs);
addEvent(window, "load", initSelectCtrls);