/*
function navigation(elementID, listName, elementname, n) {
    var elem = document.getElementById(elementID);
    var elemlist = elem.getElementsByTagName(elementname);
    for (var i = 0; i < elemlist.length; i++) {
        elemlist[i].className = "navigation2";
        var m = i + 1;
        document.getElementById(listName + "_" + m).style.display = "none";
    }
    elemlist[n - 1].className = "navigation1";
    document.getElementById(listName + "_" + n).style.display = "block";
}
*/

function navigation(id){
	for (var i = 1; i < 9; i++) {
        if(i==id)
		{
		 document.getElementById("navi" +id ).className = 'navigation1';
	     document.getElementById("navi_" + id).style.display = "block";
		}
		else
		{
		   document.getElementById("navi" +i ).className = 'navigation2';
	       document.getElementById("navi_" + i).style.display = "none";
		}
        
    }
/*
	
		if(id==1)
		{
		   document.getElementById('de1').className = 'navigation1';
		   document.getElementById('de2').className = 'navigation2';
		   document.getElementById('de3').className = 'navigation2';
		   document.getElementById('de4').className = 'navigation2';
		   document.getElementById('de5').className = 'navigation2';
		   document.getElementById('e1').className = 'navigation1a';
		   document.getElementById('e2').className = 'navigation2a';
		   document.getElementById('e3').className = 'navigation2a';
		   document.getElementById('e4').className = 'navigation2a';
		   document.getElementById('e5').className = 'navigation2a';
		}
		if(id==2)
		{
		   document.getElementById('de1').className = 'navigation2';
		   document.getElementById('de2').className = 'navigation1';
		   document.getElementById('de3').className = 'navigation2';
		   document.getElementById('de4').className = 'navigation2';
		   document.getElementById('de5').className = 'navigation2';
		   document.getElementById('e1').className = 'navigation2a';
		   document.getElementById('e2').className = 'navigation1a';
		   document.getElementById('e3').className = 'navigation2a';
		   document.getElementById('e4').className = 'navigation2a';
		   document.getElementById('e5').className = 'navigation2a';
		}
		if(id==3)
		{
		   document.getElementById('de1').className = 'navigation2';
		   document.getElementById('de2').className = 'navigation2';
		   document.getElementById('de3').className = 'navigation1';
		   document.getElementById('de4').className = 'navigation2';
		   document.getElementById('de5').className = 'navigation2';
		   document.getElementById('e1').className = 'navigation2a';
		   document.getElementById('e2').className = 'navigation2a';
		   document.getElementById('e3').className = 'navigation1a';
		   document.getElementById('e4').className = 'navigation2a';
		   document.getElementById('e5').className = 'navigation2a';
		}
		if(id==4)
		{
		   document.getElementById('de1').className = 'navigation2';
		   document.getElementById('de2').className = 'navigation2';
		   document.getElementById('de3').className = 'navigation2';
		   document.getElementById('de4').className = 'navigation1';
		   document.getElementById('de5').className = 'navigation2';
		   document.getElementById('e1').className = 'navigation2a';
		   document.getElementById('e2').className = 'navigation2a';
		   document.getElementById('e3').className = 'navigation2a';
		   document.getElementById('e4').className = 'navigation1a';
		   document.getElementById('e5').className = 'navigation2a';
		}
		if(id==5)
		{
		   document.getElementById('de1').className = 'navigation2';
		   document.getElementById('de2').className = 'navigation2';
		   document.getElementById('de3').className = 'navigation2';
		   document.getElementById('de4').className = 'navigation2';
		   document.getElementById('de5').className = 'navigation1';
		   document.getElementById('e1').className = 'navigation2a';
		   document.getElementById('e2').className = 'navigation2a';
		   document.getElementById('e3').className = 'navigation2a';
		   document.getElementById('e4').className = 'navigation2a';
		   document.getElementById('e5').className = 'navigation1a';
		}*/
	}