/*
 * ul2catalog
 * written by Christian Heilmann (http://icant.co.uk)
 * turns the nested list with the ID "catalog" into a dynamic list
 * uses the CSS classes defined in the variables
 */
function ul2catalog()
{
	// Define variables used and classes to be applied/removed
	var i,uls,als,catalog,subcatalog;
	var parentClass='parent';
	var showClass='shown';
	var hideClass='hidden';
	var openClass='open';

	// check if our catalog list exists, if not, stop all activities
	catalog=document.getElementById('catalog');
	if(!catalog){return;}

	// add the class domenabled to the body
	cssjs('add',document.body,'domenabled')

	// loop through all lists inside catalog, position and hide them 
	// by applying the class hidden
	tables=document.getElementById('subcatalog').getElementsByTagName('table');
	uls=document.getElementById('subcatalog').getElementsByTagName('ul');
	subcatalog = document.getElementById('subcatalog');

	for(i=0;i<tables.length;i++)
	{
		cssjs('add',tables[i],hideClass);
	}	
	
	// loop through all links of inside catalog
	lis=document.getElementById('catalog').getElementsByTagName('li');
	
	for(i=0;i<lis.length;i++)
	{
		// if the li containing the link has no nested list, skip this one
		var newa=document.createElement('a');
		newa.href='#';
		newa.appendChild(document.createTextNode(lis[i].firstChild.nodeValue));
		lis[i].replaceChild(newa,lis[i].firstChild);
		// otherwise apply the parent class
		cssjs('add',newa,parentClass);
		
		// if the user clicks on the link
		lis[i].getElementsByTagName('a')[0].onclick=function() {
			
			var found_ul;
			// loop through all lists inside catalog
			for(var i=0;i<tables.length;i++) {
				// avoid the list connected to this link
				var found=false;
				
				if(tables[i].id == this.parentNode.id) {
					found=true;
					found_table = tables[i];
				}
				
				// and hide all others
				if(!found) {
					cssjs('add',tables[i],hideClass);
					cssjs('remove',tables[i],showClass);
					cssjs('remove',lis[i].getElementsByTagName('a')[0],openClass);
					cssjs('add',lis[i].getElementsByTagName('a')[0],parentClass);
				}
			}	
				
			// change the current link from parent to open 	
			cssjs('swap', this, parentClass, openClass);
			// show the current nested list 
			cssjs('add', found_table, showClass);
			// don't follow the real HREF of the link
			return false;
		}
	}
	
	/*
	 * cssjs
	 * written by Christian Heilmann (http://icant.co.uk)
	 * eases the dynamic application of CSS classes via DOM
	 * parameters: action a, object o and class names c1 and c2 (c2 optional)
	 * actions: swap exchanges c1 and c2 in object o
	 *			add adds class c1 to object o
	 *			remove removes class c1 from object o
	 *			check tests if class c1 is applied to object o
	 * example:	cssjs('swap',document.getElementById('foo'),'bar','baz');
	 */
	function cssjs(a,o,c1,c2)
	{
		switch (a){
			case 'swap':
				//o.className=!cssjs('check',o,c1)?o.className.replace(c2,c1):o.className.replace(c1,c2);
				if (!cssjs('check',o,c2)) {
					o.className = o.className.replace(c1,c2);
				}
			break;
			case 'add':
				if(!cssjs('check',o,c1)){o.className+=o.className?' '+c1:c1;}
			break;
			case 'remove':
				var rep=o.className.match(' '+c1)?' '+c1:c1;
				o.className=o.className.replace(rep,'');
			break;
			case 'check':
				return new RegExp('\\b'+c1+'\\b').test(o.className)
			break;
		}
	}
}

// Check if the browser supports DOM, and start the script if it does.
if(document.getElementById && document.createTextNode)
{
	window.onload=ul2catalog;
}