/*

	Necessary Variables:

	normaltext: the text content of the link in the <p></p> when the div is not shown 
	normalcolour: the colour of the text in the <p></p> when the div is not shown 	
	normalbackground: the background of the <p></p>	when the div is not shown 
	highlighttext: the text content of the link in the <p></p> when the div is shown 
	highlightcolour: the colour of the text in the <p></p> when the div is shown 	
	highlightbackground: the background of the <p></p>	when the div is shown 
	
	the texts are normal text, HTML tags will not be rendered as such! 
	the colours can be any valid CSS colour definition.

	function LinkCollapse (which)
	- collapses or displays <div></div> elements in the "menu" div of the document.
	- changes the colour and the background of the corresponding <p></p>
	element in the "menu" div.
	- changes the text content of the <span></span> inside the <p></p>
	
	Variables:
	section:	which <div> section to refer to
	_all:		which expand/collapse element to refer to
	which:		integer > shows or collapses the <div></div> with this number in the tree.
				dispall > shows all divs 
				hideall > collapses all divs
*/
function LinkCollapse(section, _all, which){
	if (document.getElementById && document.createTextNode){
		if (which=="dispall") {LinkCollapseAll(section, _all, 1);}
		else if (which=="hideall") {LinkCollapseAll(section, _all, 0);}
		else {
			m=document.getElementById(section);
			trig=m.getElementsByTagName("div").item(which).style.display;
			t=m.getElementsByTagName("h2").item(which);
			/*h=t.getElementsByTagName("a").item(0).firstChild;*/
			h=t.getElementsByTagName("span").item(0).firstChild;
			if (trig=="block") trig="none";
			else if (trig=="" || trig=="none") trig="block";
			if (trig=="none"){
				h.nodeValue=h.nodeValue.replace(highlighttext,normaltext);
				t.style.background=normalbackground;
				t.style.color=normalcolour;
				}
			else {
				h.nodeValue=h.nodeValue.replace(normaltext,highlighttext);
				t.style.background=highlightbackground;
				t.style.color=highlightcolour;
				}
			m.getElementsByTagName("div").item(which).style.display=trig;
		}
	}
} 

/*
	function LinkCollapseAll(show)
	- collapses or displays all <div></div> elements in the "menu" div of the document.
	- changes the colour and the background of all <p></p> elements in the "menu" div.
	- changes the text content of the <span></span> inside the <p></p> elements
	
	Variables:
	show:	0 > collapse all divs,set all colours to normal
			1 > show all divs,set all colours to highlight
*/
function LinkCollapseAll(section, _all, show){
	if (document.getElementById && document.createTextNode){
		m = document.getElementById(_all);
		if (m.innerHTML == "++ Expand All"){
			m.innerHTML = "-- Collapse All"
			show = 1
		}
		else {
			m.innerHTML = "++ Expand All"
			show = 0
		}

		m=document.getElementById(section);
		for (i=0;i<m.getElementsByTagName("div").length;i++){
			t=m.getElementsByTagName("h2").item(i);
			h=t.getElementsByTagName("span").item(0).firstChild;
			if (show==1){
				h.nodeValue=h.nodeValue.replace(normaltext,highlighttext);
				t.style.background=highlightbackground;
				t.style.color=highlightcolour;
				m.getElementsByTagName("div").item(i).style.display="block";
			}
			else {
				h.nodeValue=h.nodeValue.replace(highlighttext,normaltext);
				t.style.background=normalbackground;
				t.style.color=normalcolour;
				m.getElementsByTagName("div").item(i).style.display="none";
			}
		}
	}

}
// Adding backwards compatibility
if (document.getElementById && document.createTextNode){
	document.write('<style type="text/css">#menu div{display:none;}</style>')
	document.write('<style type="text/css">#menu2 div{display:none;}</style>')
	}