
function onNav(n)
{
	var etoile = document.getElementById('etoileguide');
	
	n.appendChild(etoile);
}

function toggleExpanders(index, prefix, cb)
{
	var opened = null;
	var opened_idx = null;
	var closed = document.getElementById(prefix + index);
	
	if(closed.clientHeight > 10)
	{
		return;	
	}
	
	var i = 0;
	while (true)
	{
		var s = document.getElementById(prefix + i);
		if (!s) break;
		
		if (s.offsetHeight > 0)
		{
			opened = s;
			opened_idx = i;
			break;
		}
		
		i++;
	}
	
	if (opened == closed ) return;
	
	var steps = 10;
	
	var coh = 0;
	
	if( opened != null )
	{
		coh = opened.offsetHeight;
	}
	
	var doh = -coh;
	var soh = doh / steps;
	
	var cch = 0;
	var dch = firstElement(closed).offsetHeight;
	var sch = dch / steps;
	
	function doResize (closed, opened, i, cb)
	{
		coh += soh;
		cch += sch;

		closed.style.height = Math.round (cch) + 'px';
		
		if( opened != null )
		{
			opened.style.height = Math.round (coh) + 'px';
		}

		if (i < steps)
		{
			setTimeout (function(){doResize(closed, opened, i+1, cb)}, 10);
		}
		else if(cb != null)
		{
			onNav(document.getElementById('mod'+cb));
		}
	}
	
	function firstElement(node)
	{
		if( node == null )
		{
			return null;
		}
		
		for(var i = 0; i < node.childNodes.length ; i ++ )
		{
			if( node.childNodes[i].nodeType != 1 )
			{
				continue;	
			}
			
			return node.childNodes[i];
		}
		
		return null;
	}
	
	doResize (closed, opened, 1, cb);

	var title = document.getElementById(prefix + 'title_' + index);
	if ( title )
	{
		Valraiso.DOM.addClassName(title, "replier", true);
		if ( opened )
		{
			title = document.getElementById(prefix + 'title_' + opened_idx);
			if ( title )
			{
				Valraiso.DOM.removeClassName(title, "replier", true);
			}
		}
	}
	
	var ctx = new Object();
	ctx.closed 	= closed;
	ctx.opened 	= opened;
	ctx.closed_idx	= index;
	ctx.opened_idx	= opened_idx;
	return 	ctx;
}


function navClicked (index, cb)
{
 	var ctx = toggleExpanders(index, "nav_", cb)
	
	/*var title = document.getElementById('nav_title_' + index);
	title.className = "replier";
	
	if( ctx != null && ctx.opened != null )
	{
		document.getElementById('nav_title_' + ctx.opened_idx).className = "";
	}*/
}
