function CalculateImageMapCoords(Pie1Percent, Pie1Alt, Pie2Percent, Pie2Alt, Pie3Percent, Pie3Alt)
{
    var radius = 82;
	var centerx = 188;
	var centery = 60;
	var angle_in_radians;
	
	//reverse order
	var slice1percent = Pie3Percent - 3; 
	var slice2percent = Pie2Percent - 2; 
	var slide3percent = Pie1Percent + 5;
	
	var slice1areacoords = centerx + "," + centery + ",";
	var slice2areacoords = centerx + "," + centery + ",";
	var slice3areacoords = centerx + "," + centery + ",";
	
	var slice1multiplier = Math.floor((360 / 100 * slice1percent)); 
	var slice2multiplier = Math.floor((360 / 100 * slice2percent)); 
	var slice3multiplier = Math.floor((360 / 100 * slide3percent));
	
    for (i = 0; i <= 360; i++)
	{
	    angle_in_radians = i * (Math.PI/180)
	    
	    if (i <= 180)
			{
				if ((i <= 90))
				{		
					if (i < 15)
					{
						radius = radius - 0.46;
					}
					if ((i >= 15) && (i < 30))
					{
						radius = radius - 0.7;
					}
					if ((i >= 30) && (i < 45))
					{
						radius = radius - 0.7;
					}
					if ((i >= 45) && (i < 60))
					{
						radius = radius - 0.46;
					}
					if ((i >= 60) && (i <=75))
					{
						radius = radius - 0.23;
					}
					if ((i >= 75) && (i <=90))
					{
						radius = radius - 0.23;
					}
				}
				if ((i >= 90))
				{
					if ((i >= 90) && (i <= 105))
					{
						//radius = radius + 0.23;
					}
					if ((i >= 105) && (i < 120))
					{
						radius = radius + 0.23;
					}
					if ((i >= 120) && (i < 135))
					{
						radius = radius + 0.46;
					}
					if ((i >= 135) && (i < 150))
					{
						radius = radius + .9;
					}
					if ((i >= 150) && (i <=165))
					{
						radius = radius + 0.7;
					}
					if ((i >= 165) && (i <=180))
					{
						radius = radius + 0.23;
					}
				}

				var x = radius * Math.cos(angle_in_radians)
				var y = radius * Math.sin (angle_in_radians)

				var myx = Math.round(188 + x);
				var myy = Math.round(60 - Math.abs(y)); 
			}
			else
			{
				if ((i >= 180) && (i < 270))
				{
					if ((i > 180) && (i < 195))
					{
						radius = radius - 0.46;
					}
					if ((i >= 195) && (i < 210))
					{
						radius = radius - 0.7;
					}
					if ((i >= 210) && (i < 225))
					{
						radius = radius - 0.7;
					}
					if ((i >= 225) && (i < 240))
					{
						radius = radius - 0.46;
					}
					if ((i >= 240) && (i <= 255))
					{
						radius = radius - 0.23;
					}
					if ((i >= 255) && (i <= 270))
					{
						//radius = radius - 0.23;
					}
				}
				if ((i >= 270) && (i < 360))
				{

					if ((i >= 270) && (i <= 285))
					{
						//radius = radius + 0.23;
					}
					if ((i >= 285) && (i < 300))
					{
						radius = radius + 0.23;
					}
					if ((i >= 300) && (i < 315))
					{
						radius = radius + 0.46;
					}
					if ((i >= 315) && (i < 330))
					{
						radius = radius + .9;
					}
					if ((i >= 330) && (i <= 345))
					{
						radius = radius + 0.7;
					}
					if ((i >= 345) && (i <= 360))
					{
						radius = radius + 0.46;
					}
				}


				var x = radius * Math.cos(angle_in_radians)
				var y = radius * Math.sin (angle_in_radians)

				var myx = Math.round(188 + x);
				var myy = Math.round(60 + Math.abs(y)); 
			}

			if (i <= slice1multiplier)
			{
				slice1areacoords += myx + ", " + myy + ", ";
			}
			if (i > slice1multiplier && i <= (slice1multiplier + slice2multiplier))
			{
				slice2areacoords += myx + ", " + myy + ", ";
			}
			if (i >= (slice1multiplier + slice2multiplier))
			{
				slice3areacoords += myx + ", " + myy + ", ";
			}
		}

		slice1areacoords = slice1areacoords.substring(0, slice1areacoords.length - 2);
		slice2areacoords = slice2areacoords.substring(0, slice2areacoords.length - 2);
		slice3areacoords = slice3areacoords.substring(0, slice3areacoords.length - 2);
	
	CreateImageMapOverlay(slice3areacoords, slice2areacoords, slice1areacoords, Pie1Alt, Pie2Alt, Pie3Alt);	
}

function CreateImageMapOverlay(areacoords3, areacoords2, areacoords1, areaalt3, areaalt2, areaalt1)
{
    var bodyElement = document.getElementsByTagName('body')[0];
    var formElement = document.getElementsByTagName('form')[0];
    
    
    var imgmap = document.createElement("map"); 
	imgmap.setAttribute("id", "PieChart");
	imgmap.setAttribute("name", "PieChart");
	
	// next line seems to cause IE to crash
	// bodyElement.appendChild(imgmap); 
	formElement.appendChild(imgmap); 
	
	
	var area1 = document.createElement("area");
	area1.setAttribute("shape", "poly");
	area1.setAttribute("coords", areacoords3);
	//area1.setAttribute("href", "javascript: alert('Fan Pledges')");
	area1.setAttribute("alt", areaalt3);
	area1.setAttribute("title", areaalt3);
	imgmap.appendChild(area1);
	
	var area2 = document.createElement("area");
	area2.setAttribute("shape", "poly");
	area2.setAttribute("coords", areacoords2);
	area2.setAttribute("href", "/en/CrokePark_en.aspx");
	area2.setAttribute("alt", areaalt2);
	area2.setAttribute("title", areaalt2);
	imgmap.appendChild(area2);

	var area3 = document.createElement("area");
	area3.setAttribute("shape", "poly");
	area3.setAttribute("coords", areacoords1);
	//area3.setAttribute("href", "javascript: alert('Still To Go')");
	area3.setAttribute("alt", areaalt1);
	area3.setAttribute("title", areaalt1);
	imgmap.appendChild(area3);
}