var arr = [] //default set
var arr2 = []
var str = []
var chartDays = 1;
function setChartImg(filename){
	
	document.getElementById("performanceChartImg").src = filename;
	document.getElementById("performanceChartImg").style.visibility = "visible";
	document.getElementById("divLoading2").style.visibility = "hidden";
}

function initChart(){
	try{
		contentBuffer = new ContentBuffer();
	
		// assign event handlers to buttons and boxes
	
		for (var x=0; x < 1; x++){		
			var boxeObj = document.getElementById("boxe" + x);
			boxeObj.onclick = loadChart;	
		}
	
		for (var x=0; x < 6; x++){		
			var btnObj = document.getElementById("btn" + x);
			btnObj.onclick = loadChart;	
		}
	
		loadChart();	
	}catch(e) {
	
	}
}
function loadChart(event) {
	var e = event || window.event || false;
	var srcElement = false;
	var days = 1;

	var img = document.getElementById("performanceChartImg");
	var xy = getAbsolutePos(img)
	var div = document.getElementById("divLoading2");
	img.src = "https://thomson.cache.wallst.com/img/x.gif";
	div.style.position = "absolute";	
	div.style.left = 0//xy.x - 100 + "px";
	div.style.top = xy.y + "px";
	div.style.width = moduleWidth + "px";
	div.style.height = "140px";
	div.style.zIndex = 99;
	div.style.visibility = "visible";
	img.style.visibility = "hidden";
	
	if (e)
	{ 	
		srcElement = getSrcElement(e);
		if (/btn/.test(this.id)){		
			days = ((srcElement)?srcElement.getAttribute("days"):1);	
		}
		if (/boxe/.test(this.id)){	
			days = chartDays
			//Swap appearance		
			if (srcElement.className == "on"){
				srcElement.className = "";				
			}else{			
				srcElement.className = "on"
				
				}
			}else{
			chartDays = days
			}
	}
	else
	{
		if(document.getElementById("btn0").className == "on"){ days = document.getElementById("btn0").getAttribute("days"); }
		else if(document.getElementById("btn1").className == "on"){ days = document.getElementById("btn1").getAttribute("days"); }
		else if(document.getElementById("btn2").className == "on"){ days = document.getElementById("btn2").getAttribute("days"); }
		else if(document.getElementById("btn3").className == "on"){ days = document.getElementById("btn3").getAttribute("days"); }
		else if(document.getElementById("btn4").className == "on"){ days = document.getElementById("btn4").getAttribute("days"); }
		else if(document.getElementById("btn5").className == "on"){ days = document.getElementById("btn5").getAttribute("days"); }
	}
		
	arr = [defaultString]
	//Determine which are "on"
	for (var x=0; x < 1; x++){		
		var boxeObj = document.getElementById("boxe" + x);	
		if (boxeObj.className == "on"){
			arr.push(boxeObj.getAttribute("symbolSet"))	
		}
	}	
	str = arr.concat(arr2).join(",");
	
	contentBuffer.load({
		url: "resources/asp/getBufferedChart.asp",
		method: "post",
		contentType: "text/javascript",
		postdata: {
			params: "symbol=" + str + peerData + "&timeFrame=" + ((days)?days:1) + "&width=" + moduleWidth,
			cht: "performance",
			callback: "setChartImg",
			returnVars: "File.Name"
		},
		debug: true
	});
	//switch appearance on day buttons	
	for (var i=0; i < 6; i++){
		
		var btnObj = document.getElementById("btn" + i);
			btnObj.className = (btnObj.getAttribute("days") == days)?"on":"";
		
		
	}
	/*
	for (var n=0; n < 5; n++){
	
	if (document.getElementById("btn" + n).className != "on" && document.getElementById("btn0").className != "on"){
	document.getElementById("btn0").className = "on"
	}else{
	document.getElementById("btn0").className = ""
	}
	}
	*/
}
/*

***TABNAV STUFF DSABLED FOR NOW***
var currentTab = "tab0";
function selectTabNavContent(id){

	currentTab = id;

}

function initTabButtons () {
	
	// assign button handlers
		
	for (var x=0; x < 2; x++) {		
		document.getElementById("tab" + x).onclick = selectTabNav;		
	}	
	
	selectTabNav(false, document.getElementById("tab0"));
	
}
*/
//addEvent(window, "load", initTabButtons);
addEvent(window, "load", initChart);