//mutualFunds.js

//Assign functions to mouseover events on chart and click events to links
function initChart() {
	
	//Assign click events
	var linkCollection = document.getElementsByTagName("a");
	for(var i=0; i<linkCollection.length; i++) {
		if(linkCollection.item(i).className == "invStyleLink") {
			addEvent(linkCollection.item(i), "click", showInvestmentStyle);
		}
	}
	
	//Assign mouseover events
	var i, tagName;
	var map = document.getElementById("investmentStyleMap");
	if(map) {
		var areaCollection = map.childNodes;
		for(i=0; i<areaCollection.length; i++) {
			addEvent(areaCollection.item(i), "mouseover", showInvestmentStyle);
			addEvent(areaCollection.item(i), "mouseout", hideInvestmentStyle);
		}
	}
	
}


function showInvestmentStyle() {
	//Get source
	var e = arguments.length ? arguments[0] : window.event;
	var src = getSrcElement(e);
	 
	//Read custom attributes
	var investmentStyle = src.getAttribute("investmentstyle");
	var holders = src.getAttribute("numholders");
	var positionValue = src.getAttribute("positionvalue");
	var allocation = src.getAttribute("allocation");

	//Build the HTML
	var htm = "<b>" + investmentStyle + "</b><br />";
	htm    += holders + " <span>Holders</span><br />";
	htm    += positionValue + " <span>Value</span><br />";
	htm    += allocation + " <span>Owned of O/S</span>";
	
	//Update the content of the 'rollover' div.
	document.getElementById("rollover").innerHTML = htm;
}

function hideInvestmentStyle() {
	document.getElementById("rollover").innerHTML = "";
}


//Onload function - call function to associate areas of donut chart and links with events
addEvent(window, "load", initChart);