var naviAct=false;
var currentNav=1;
var actElem=1;
function showNavi(elem, navid) {
	showIt=true;
	if (naviAct && currentNav==navid) {
		//hideNavi(1);
    showIt=false;
    
  }
  if (currentNav!=navid) hideNavi(actElem);
  currentNav=navid;
  
  if (showIt) {
	  naviAct=true;
	  document.getElementById("navi"+navid).style.display="block";
	  document.getElementById("navi"+navid).style.left=document.getElementById("navi_origin").offsetLeft+elem.offsetLeft;
	  document.getElementById("navi"+navid).style.top=document.getElementById("navi_origin").offsetTop+15;
    document.getElementById("navi"+navid+"_h").src="images/m_header"+navid+"_a.png";
  }
}

function hideNavi(act) {
	naviAct=false;
	actElem=act;
	document.getElementById("navi2").style.display="none";
	document.getElementById("navi3").style.display="none";
	document.getElementById("navi4").style.display="none";
	document.getElementById("navi5").style.display="none";
	document.getElementById("navi6").style.display="none";
	document.getElementById("navi7").style.display="none";
	if (act!=2) document.getElementById("navi2_h").src="images/m_header2.png";
	if (act!=3) document.getElementById("navi3_h").src="images/m_header3.png";
	if (act!=4) document.getElementById("navi4_h").src="images/m_header4.png";
	if (act!=5) document.getElementById("navi5_h").src="images/m_header5.png";
	if (act!=6) document.getElementById("navi6_h").src="images/m_header6.png";
	if (act!=7) document.getElementById("navi7_h").src="images/m_header7.png";
}

function setHeaderStyle(hIndex, newStyle, act) {
	if (hIndex!=currentNav) {
		document.getElementById("navi"+hIndex+"_h").src="images/"+newStyle;
  }
}