function initNavi(needclose)
{
	var x = document.getElementsByTagName('img');
	var parentNode;
	for (var i=0;i<x.length;i++)
	{
	  
	  if(x[i].parentNode.className == 'firstgroup' || x[i].parentNode.className == 'secondgroup'){
					x[i].onclick = clickNav;
		}
	}
	
	if(needclose){
		closeNav();
	}	
}


function closeNav()
{
	var x = document.getElementsByTagName('div');
	for (var i=0;i<x.length;i++)
	{
		if (x[i].className == 'secondgroup' || x[i].className == 'thirdgroup')
			x[i].style.display = 'none';
	}

}

function clickNav(e)
{
  var childClassName;
	if (!e) var e = window.event;
	if (e.target) var tg = e.target;
	else if (e.srcElement) var tg = e.srcElement;
	
	var nextSibStatus;
	while (tg.nodeType !=  1 ) // Safari GRRRRRRRRRR
		tg = tg.parentNode;
	while (tg.nodeName !=  'IMG' ) // Safari GRRRRRRRRRR
		tg = tg.parentNode;
  var parentNode = tg.parentNode;
  if(parentNode.className == 'firstgroup')
  	childClassName = 'secondgroup';
  else if	(parentNode.className == 'secondgroup')
  	childClassName = 'thirdgroup';
  	
	var childs = parentNode.childNodes;
	var node;
	for(var i = 0;i < childs.length;i++){
		if(childs[i].nodeName == 'DIV' && childs[i].className == childClassName){
			node = childs[i];
			break;
		}
		  
	}
	if(node != null){
		var nextSibStatus = (node.style.display == 'none') ? 'block' : 'none';	
		node.style.display = nextSibStatus;
	}
	
}


function cleanNav()
{
	/* Close all */

	closeNav();

}