var diagrambars;
var diagramrow;
var maintable;

var onLoadTemplateFunctions=function() {
	maintable = document.getElementsByTagName('table')[0];
	for (var i = 0; i < maintable.rows.length; i++) {
		if (maintable.rows.item(i).cells.item(1)) {
			maintable.rows.item(i).cells.item(1).className = 'radio';
			//if (maintable.rows.item(i).className.indexOf('subheader') < 0 && i > 0)

			if (i > 0 && !isNaN(maintable.rows.item(i).cells.item(2).innerHTML.replace(',', '').replace('.', '').replace('&nbsp;', '')))
				maintable.rows.item(i).cells.item(1).innerHTML = '<input type="radio" name="radio" onclick="showdiagram(' + i + ');" />';
		}
	}
}

function tablescroll() {
	diagrambars[0].parentNode.style.top = (this.offsetTop + this.offsetParent.offsetTop + 41 - this.scrollTop) + 'px'
}

function showdiagram(rowindex) {
	if (rowindex == 0) {
		if (diagrambars != null) {
			for (var i = 0; i < diagrambars.length; i++) {
				diagrambars[i].style.display = 'none';
			}
		}
		if (diagramrow != null) {
			diagramrow.className = diagramrow.className.replace('diagram', '');
			diagramrow = null;
		}
		return;
	}
	if (diagramrow != null) {
		diagramrow.className = diagramrow.className.replace('diagram', '');
	}
	else {
		div = document.createElement('div');
		div.id = 'bars';
		for (var i = 0; i < 10; i++) {
			img = document.createElement('img');
			img.width = '7';
			div.appendChild(img);
		}
		document.getElementById('tablecontent').appendChild(div);

		el = document.getElementById('tablecontent').getElementsByTagName('div')[0];
		addEvent(el, 'scroll', tablescroll);
		div.style.top = (el.offsetTop + el.offsetParent.offsetTop + 41 - el.scrollTop) + 'px'
		//diagrambars[0].parentNode.style.top = (144 - this.scrollTop) + 'px'
		if (rowindex == -1) return;
		diagrambars = document.getElementById('bars').getElementsByTagName('IMG');
	}
	
	if (rowindex != -1) 
		diagramrow = maintable.rows.item(rowindex - 1);
	else if (diagramrow.style.display == 'none') {
		for (var i = 0; i < diagrambars.length; i++) {
			diagrambars[i].style.display = 'none';
		}
		return;	
	}
	
	diagramrow.className = diagramrow.className + ' diagram';
	diagramcells = diagramrow.cells;
	cellvalue = new Array();
	max = -1000000;
	min = 1000000;
	label = diagramcells[0].childNodes[0];
		
	for (var i = 2; i < diagramcells.length; i++) {
		cellvalue[i] = diagramcells[i].innerHTML;
		if (lang == 'en')
			cellvalue[i] = cellvalue[i].replace(',', '');
		else 
			cellvalue[i] = cellvalue[i].replace('&nbsp;', '').replace(',', '.');
			
		cellvalue[i] = parseFloat(cellvalue[i]);
		if (cellvalue[i] < min)
			min = cellvalue[i];
		if (cellvalue[i] > max)
			max = cellvalue[i];
	}
	
	scale = 1;
	
	if (Math.abs(min) > max) {
		scale = -min;
	}
	else {
		scale = max;
	}
	scrollDivTop = 44; //document.getElementById('tablescrollpanel').scrollTop;
	
	for (var i = 2; i < diagramcells.length; i++) {
		if (isNaN(cellvalue[i]))
			cellvalue[i] = 0;
			
		height = parseInt((Math.abs(cellvalue[i]) / scale) * 100);
		diagrambars[i-2].style.height = height + 'px';
		diagrambars[i-2].style.left = (106 + (i * 63)) + 'px';
		if (cellvalue[i] < 0)  {
			diagrambars[i-2].className = 'negative';
			diagrambars[i-2].style.top = (diagramrow.offsetTop + 19 - scrollDivTop) + 'px';
			diagrambars[i-2].src = '../../images/diagram/diagramred.gif';
		}
		else {
			diagrambars[i-2].className = '';
			diagrambars[i-2].style.top = (diagramrow.offsetTop - height + 18 - scrollDivTop) + 'px';
			diagrambars[i-2].src = '../../images/diagram/diagramblue.gif';
		}
		
		diagrambars[i-2].style.display = 'block';
	}
}