var Grapher1;
var Grapher2;

var info, mouseX, mouseY;
window.document.onmousemove = function(_event) {
	if(!info) {
		return;
	}
	if(document.all) {
		mouseX = event.x + document.body.scrollLeft;
		mouseY = event.y + document.body.scrollTop;
	} else {
		mouseX = _event.pageX;
		mouseY = _event.pageY;
	}
	if(info.style.display == '') {
		info.style.left = (mouseX+16) + 'px';
		info.style.top = (mouseY+16) + 'px';
	}
};
function notifyEvent(str) {
//	showMessage("notify:"+str);
	
	if(str == "ready") {
		if(!Grapher1) {
			if(!document.all) {
				Grapher1 = document.getElementsByTagName('EMBED').item(0);
			} else {
				Grapher1 = document.getElementById('Grapher1');
			}
		} else {
			if(!document.all) {
				Grapher2 = document.getElementsByTagName('EMBED').item(1);
			} else {
				Grapher2 = document.getElementById('Grapher2');
			}
		}
		return;
	}
	
	if(str.substr(0, 3) == "on ") {
		var area = str.substr(3);
		var value = Grapher1.flexData(0, 'amount', area);
		if(!value) {
			value = Grapher2.flexData(0, 'amount', area);
		}
		if(!info) {
			info = document.getElementById('info');
		}
		info.innerHTML = area + (value ? '<br/>' + value +'%' : '');
		info.style.display = '';
	} else if(str.substr(0, 4) == "off ") {
		info.style.display = 'none';
		info = false;
	}
}