function setActive(el, path)
{
	var n = document.getElementById('nav').getElementsByTagName(el);
	for ( var i=0; i<n.length; i++ ) {
		var npath = n[i].getElementsByTagName('a')[0].href;
		if (path.length+npath.indexOf(path)==npath.length
				&& npath.indexOf(path)>=0) {
			n[i].className += ' sel';
		}
	}
}

function KlipKlap(heads, bodys, preSelect)
{

	this.heads = new Array();
	this.bodys = new Array();
	this.preSelect = preSelect;
	
	this.init = function(heads, bodys, preSelect)
	{
		var sel = this.getSelected(true);
		heads[heads.length-1].className='lastsub';
		for ( var i=0; i<heads.length; i++ ) {
			this.heads.push(new Menu(heads[i], bodys[i], this, i));
		}
		this.toggle(this.getSelected(true));
	};
	
	this.getSelected = function(isInit)
	{
		if ( isInit && this.preSelect ) return this.preSelect;
		else return document.location.hash.substr(1) || null;
	};
	
	this.toggle = function(title)
	{
		var title = title || this.heads[0].title;
		for ( var i=0; i<this.heads.length; i++ ) {
			var head = this.heads[i];
			if ( head.title==title ) head.activate();
			else head.deactivate();
		}
	};
	
	this.init(heads, bodys, preSelect);
	
}


function Menu(head, body, parent)
{

	this.head = head;
	this.head.parent = this;
	this.body = body;
	this.parent = parent;
	this.initialClassName = head.className;
	this.title = head.getElementsByTagName('a')[0].firstChild.data

	this.head.onclick = function()
	{
		this.parent.parent.toggle(this.parent.title);
	};
	
	this.activate = function()
	{
		this.head.className = 'sel';
		this.body.style.display = 'block';
	};
	
	this.deactivate = function()
	{
		this.head.className = this.initialClassName;
		this.body.style.display = 'none';
	};

}