var time = 0
var time2 = 0
//var id1
//var id2
var numLeafs = 10;
//var leafHeights = new Array(numLeafs);
var leafIds = new Array(numLeafs);
var leafRatios = new Array(numLeafs); // ratio of height to width
var leafWidths = new Array(numLeafs);
var leafXs = new Array(numLeafs);
var leafYs = new Array(numLeafs);
var leafOffsets = new Array(numLeafs);
var treeClientId;

function makeBig(leaf)
{
	if (leafOffsets[leaf] < (100 / leafRatios[leaf]))
	{
		var image = document.getElementById(leafIds[leaf]);
		leafOffsets[leaf] = leafOffsets[leaf] + 1;
		image.style.width = leafWidths[leaf] + leafOffsets[leaf] + "px";
		image.style.top = (leafYs[leaf] - (leafOffsets[leaf] * leafRatios[leaf] / 2)) + "px";
		image.style.left = leafXs[leaf] - (leafOffsets[leaf] / 2) + "px";
		setTimeout('makeBig(' + leaf + ')', 2 * leafRatios[leaf])
	}
}

function makeSmall(leaf)
{
	if (leafOffsets[leaf] > 0)
	{
		leafOffsets[leaf] = leafOffsets[leaf] - 1;
		var image = document.getElementById(leafIds[leaf]);
		image.style.width = leafWidths[leaf] + leafOffsets[leaf] + "px";
		image.style.top = (leafYs[leaf] - (leafOffsets[leaf] * leafRatios[leaf] / 2)) + "px";
		image.style.left = leafXs[leaf] - (leafOffsets[leaf] / 2) + "px";
		setTimeout('makeSmall(' + leaf + ')', 2 * leafRatios[leaf])
	}
}

function moveLeaves()
{
	var tree = document.getElementById(treeClientId);
	//var ratio = tree.width / 1227.0;

	var winWidth
	var browser = navigator.appName
	if (browser.indexOf("Explorer") == -1)
	{
		winWidth = window.innerWidth;
		winWidth = document.body.offsetWidth;
	}
	else
	{
		winWidth = document.body.offsetWidth;
		tree.style.width = winWidth * .60;
	}
	var ratio = ((winWidth * .60)) / 1227;

	moveLeaf(104, 0, 0, 4.7619, ratio, 42);
	moveLeaf(737, 470, 1, 1.0598, ratio, 117);
	moveLeaf(686, 13, 2, 4.12, ratio, 50);
	moveLeaf(1010, 515, 3, 0.7956, ratio, 137);
	moveLeaf(483, 415, 4, 4.1915, ratio, 47);
	moveLeaf(433, 155, 5, 2.0625, ratio, 80);
	moveLeaf(503, 857, 6, 0.6987, ratio, 156);
	moveLeaf(238, 437, 7, 2.1282, ratio, 78);
	moveLeaf(830, 895, 8, 0.6, ratio, 186);
	moveLeaf(700, 1295, 9, 0.6, ratio, 203);

}
function moveLeaf( x, y, leafNum, leafRatio, ratio, leafWidth)
{

	var leaf = document.getElementById(leafIds[leafNum]);

	leaf.style.width = (leafWidth * ratio) + "px";

	leaf.style.top = (y * ratio) + "px";
	leaf.style.left = (x * ratio) + "px";

	leafOffsets[leafNum] = 0;
	leafRatios[leafNum] = leafRatio;
	leafWidths[leafNum] = parseInt(leaf.style.width);
	leafXs[leafNum] = parseInt(leaf.style.left);
	leafYs[leafNum] = parseInt(leaf.style.top);

	leaf.onmouseover = function() { makeBig(leafNum); }
	leaf.onmouseout = function() { makeSmall(leafNum); }
}