/**
 * @author Administrator
 */
window.addEvent("domready",function(){

	var chartImageMap = document.getElement("div#chart map");
	var mapImageMap = document.getElement("div#map map");

	if( !$defined(chartImageMap) || !$defined(mapImageMap) ) return;
	
	var chartAreas = chartImageMap.getElements("area");
	var mapAreas = mapImageMap.getElements("area[title^='']");

	var chartToolTips = new Tips(chartAreas,{className:"chart-tool-tip"});
	var mapToolTips = new Tips(mapAreas,{className:"map-tool-tip"});
	
	var left = new Element("div");
	left.addClass("tip-left");
	var right = new Element("div");
	right.addClass("tip-right");
	
	mapToolTips.addEvent("show",function(tip){
		left.inject(tip.getElement(".tip"),'before');
		right.inject(tip.getElement(".tip"),'after');

	});
	
	chartToolTips.addEvent("show",function(tip){
		left.inject(tip.getElement(".tip"),'before');
		right.inject(tip.getElement(".tip"),'after');
	});
});