//	======================================================================
//
//	formatSidenotes
//
//
//	project:	css / javascript footnotes
//
//	author:		Timothy Groves	desk [at] brandspankingnew.net
//	version:	1.0
//	
//	language:	javascript
//	requires:	nothing
//
//	tested on:	Safari 2.0 Mac / FF 1.5 Mac / Opera 9 Mac
//
//	history:	26.01.2006	-	created
//
//	======================================================================


//<![CDATA[

	var notes;
	var active;
	
	function formatFootnotes(contID,noteID)
	{
		// check for DOM capabilities
		if (!document.getElementById)
			return false;
	
		var cont = document.getElementById(contID);
		var noteholder = document.getElementById(noteID);
		var spans = cont.getElementsByTagName("span");
		
		notes = 0;
		active = 0;
		
		for (i=0;i<spans.length;i++)
		{
			if (spans[i].className == "footnote")
			{
				notes++;
				
				// get content of span
				var noteNode = spans[i].cloneNode( true );
				
				// remove css styling
				noteNode.className = "";
			
				// create a new div to hold the footnote
				var newEle = document.createElement( "div" );
				
				newEle.appendChild( noteNode );
				 
        		noteholder.appendChild( newEle );
        		
        		// add id & style
        		noteholder.lastChild.id = "ftn"+notes;
        		noteholder.lastChild.className = "footnote";
        		
        		
        		// insert link into span
				var newEle = document.createElement( "a" );
        		newEle.href = "#";
        		newEle.title = "show footnote";
        		newEle.id = "ftnlink"+notes;
        		newEle.className = "ftnlink";
        		newEle.onclick = showFootnote;
        		
				newEle.appendChild( document.createTextNode( notes ) );
				
				// empty span
				while (spans[i].childNodes.length)
					spans[i].removeChild( spans[i].firstChild );
				
        		spans[i].appendChild( newEle );
			}
		}
		
		// hide button
		document.getElementById("btn").style.display = 'none';
		
	}
	
	function showFootnote()
	{
		// get id of footnote
		var id = "ftn" + this.id.substring(7);
	
		// hide active footnote
		if (active)
			document.getElementById(active).style.display = "none";
		
		active = id;
		
		// show new footnote
		document.getElementById(active).style.display = "block";
		
		return false;
	}

//]]>