function Annote(ElementName, DestinationId)
{
	var node = document.getElementById(ElementName);
	var newElement = AnnoteNode(node);

	var destinationNode = document.getElementById(DestinationId);
	destinationNode.innerHTML += "<h3>Transcription en pinyin:</h3><div style=\"border: solid black 2px; margin: 0.5em; padding: 0.5em;\">" + newElement.innerHTML + "</div>";	
}

function AnnoteNode(node)
{
	var list = node.childNodes;

	var newElement = document.createElement("div");

	for (var i = 0; i < list.length; i++)
	{ 
		var newNode;

		if (list[i].nodeType == 3)
		{
			var text = list[i].nodeValue;

			if (text.length < 7)
				text = GetPinyinFromString(text, false);
			else
				text = GetPinyinFromString(text, true);

			newNode = document.createTextNode(text)
		}
		else if (list[i].nodeType == 1)
			newNode = AnnoteNode(list[i]);

		newElement.appendChild(newNode);
	}

	return (newElement);
}