/*
	======================================
	lists.js adds a toggle function
	to list items in the col2 div
	======================================
*/

function show() {
	/* original code
	var dad = this.parentNode;
	var kids = dad.getElementsByTagName("ul");
	kids[0].style.display = (kids[0].style.display=="none") ? "block" : "none";
	this.style.background = (kids[0].style.display=="none") ? "url(css/plus.gif) no-repeat right center" : "url(css/minus.gif) no-repeat right center";
	*/
	
	var $this = $(this),
		$thisUl = $this.parent("li").children("ul");
	if ($thisUl.is(":hidden")) {
		$thisUl.slideDown("normal");
		$this.css("backgroundImage", "url(css/minus.gif)")
	} else {
		$thisUl.slideUp();
		$this.css("backgroundImage", "url(css/plus.gif)")
	
	}
	return false;

}

function initList() {
	// test for browser compatibility
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	if (!document.createElement) return false;
	if (!document.createTextNode) return false;
	if (!document.getElementById("lists")) return false;
	
	var l = document.getElementById("lists");
	for (var i=0,n,t,span,txt,ul; i<l.childNodes.length; i++) {
		n=l.childNodes[i];
		if (n.nodeName!="LI") continue;
		if (n.getElementsByTagName("ul").length<1) continue;
		t = n.childNodes[0];	
		span = document.createElement("span");
		txt = document.createTextNode(t.nodeValue);
		span.appendChild(txt);
		
		n.insertBefore(span,n.childNodes[1]);
		n.removeChild(t);
		
		
		span.style.textDecoration="underline";
		span.style.cursor="pointer";
		span.style.paddingRight="15px";
		span.style.background="url(css/plus.gif) no-repeat right center";
		span.onclick=show;
		
		ul = n.getElementsByTagName("ul")[0];
		ul.style.display="none";
		
		$(span).hover(
			function() {$(this).css("color","#0054a6")},
			function() {$(this).css("color","black")}
		);
	}
}


addLoadEvent(initList);