<!--
//var project = "TO BE ANNOUNCED"
//var amountNow = 485;
//var target = 600;
//var sq = 40.00;
function doDonate(){
	document.getElementById("donateLabel").innerHTML="<font size='1'>&nbsp;&nbsp;donations</font>";
	document.getElementById("donateLabel").title = "please cursor over the coloured squares to view accumulated donation amounts. Please donate as much or as little as you can afford.";
	if(amountNow > target) amountNow = target;
	if(donMode == "test") amountNow = 0;
	prevTime = getMeTheTime();
	doPyramid(amountNow, target, sq, 1);
}

function doPyramid(now, targ, sq, n){
	var itemId;
	var a;
	var b;
	if(n > 15){
		doTop();
	}else if(now == 0){
		doTop();
	}else{
		if(now < sq){
			itemId = "don" + n;
			addMouseOver(itemId, n);
			document.getElementById(itemId).style.backgroundColor = "#FFFFFF";
			document.getElementById(itemId).title = "accumulated donations of £" + now + " received with thanks";
			now = 0;
			doPyramid(now, targ, sq, n+1);		
		}else{
			itemId = "don" + n;
			addMouseOver(itemId, n);
			document.getElementById(itemId).style.backgroundColor = "#000000";
			document.getElementById(itemId).title = "accumulated donations of £" + sq + " received with thanks";
			now = now - sq;
			now = Math.round(now*100)/100;
			doPyramid(now, targ, sq, n+1);		
		}
	}
}

var now;
function doTop(){
	itemId = "donTop";
	//alert("here");
	addMouseOver(itemId, 99);

	if(amountNow >= target){
		now = 0;
		document.getElementById(itemId).style.backgroundColor = "#FF0000";
		document.getElementById(itemId).title = "Project: " + project + ": TARGET DONATIONS of £" + target + " NOW REACHED with huge thanks, project commenced";
	}else if(amountNow == 0){
		now = target;
		now = Math.round(now*100)/100;
		document.getElementById(itemId).style.backgroundColor = "#FF0000";
		document.getElementById(itemId).title = "Project: " + project + ": accumulated donations of £" + amountNow + " received, only £" + target + " still needed";
	}else{
		now = target - amountNow;
		now = Math.round(now*100)/100;
		document.getElementById(itemId).style.backgroundColor = "#FF0000";
		document.getElementById(itemId).title = "Project: " + project + ": accumulated donations of £" + amountNow + " received with thanks, only £" + now + " still needed";
	}
}

function addMouseOver(itemID, n){
	return;
	
	var item = document.getElementById(itemID);
	
	item.setAttribute("onMouseOver","donateOver(1)");
	
	var res = document.getElementById(itemID).onMouseOver;
	
	alert("result: " + res);
	
}

function getMeTheTime(){
	var d = new Date();
	d.getTime()
	return parseInt(d/100);
}

var prevTime;
function donateOver(n){
	//alert("donateOver");
	if(donMode == "test"){
		var t = new Date();
		t.getTime()
		t = t/100;
		var timeDiff = t - prevTime;
		if(timeDiff > 10){
			prevTime = t;
			amountNow = amountNow + 23.45;
			if(amountNow > target) amountNow = target;
			amountNow = Math.round(amountNow*100)/100;
			doPyramid(amountNow, target, sq, 1)
		}
	}
	var popwidth = 600;
	var bcolor = "#FFF000";
	var bak = "#000000";
	var fcolor = "#FF0000";
	var fface = "Verdana";
	var msg = buildDonateMessage();
	
	var content="<TABLE WIDTH='"+popwidth+"' BORDER='3' BORDERCOLOR="+bcolor+" CELLPADDING=2 CELLSPACING=0 "+"BGCOLOR="+bak+"><TD ALIGN='center'>" + msg + "</TD></TABLE>";
	//alert("content: " + content);
	
	document.getElementById("donateContent").style.width = "500px";
	document.getElementById("donateContent").style.left = "25px";
	
	document.getElementById("donateContent").innerHTML=content;
	document.getElementById("donateContent").style.visibility = "visible";
}

function buildDonateMessage(){
	var projectFontColor = "#FFFFFF";
	var projectFontSize = "2";
	var targetFontColor = "#FFFF00";
	var targetFontSize = "2";
	var amountNowFontColor = "#FFFFFF";
	var amountNowFontSize = "2";
	var rqrdFontColor = "#FFFF00";
	var rqrdFontSize = "2";
	var histFontColor = "#FFFFFF";
	var histFontSize = "1";
	var inPlayFontColor = "#FF0000";
	var inPlayFontSize = "2";
	var demoFontColor = "#FFFF00";
	var demoFontSize = "1";
	var proj = "<font color=" + projectFontColor + " face='Verdana' size='" + projectFontSize + "'>" + "<b>" + project + "</b></font>";
	var targ = "<font color=" + targetFontColor + " face='Verdana' size='" + targetFontSize + "'>" + "target funds required: <b>£" + target + "</b></font>";
	var amNow = "<font color=" + amountNowFontColor + " face='Verdana' size='" + amountNowFontSize + "'>" + "accumulated donations received to date: <b>£" + amountNow + "</b></font>";
	var rqrd = "<font color=" + rqrdFontColor + " face='Verdana' size='" + rqrdFontSize + "'>" + "funds still needed: <b>£" + now + "</b></font>";
	var hist = "<font color=" + histFontColor + " face='Verdana' size='" + histFontSize + "'>" + recentHistory + "</font>";
	var res = proj + "<br>" + targ + "<br>" + amNow + "<br>" + rqrd + "<br>" + hist;
	var demoMsg = "";
	if(donMode == "test"){
		demoMsg = "<font color=" + demoFontColor + " face='Verdana' size='" + demoFontSize + "'>" + "(pyramid demo: donations increase by £23.45)" + "<br></font>";
		res = demoMsg + res;
	}

	var inPlay;
	if(now == 0){
		inPlay = "<font color=" + inPlayFontColor + " face='Verdana' size='" + inPlayFontSize + "'>" + "project <b>COMMENCED</b>, thank you" + "</font>";
		res = res + "<br>" + inPlay;
	}
	
	return res;
}

function donateOut(n){
	//alert("donateOut");
	//document.getElementById("donateContent").innerHTML=""
	document.getElementById("donateContent").style.visibility = "hidden";


}
//-->
