// JavaScript Document

function exchangeNavi(id){
 if(document.getElementById(id).style.display == 'block') {
  document.getElementById(id).style.display = 'none';
 } else {
  document.getElementById(id).style.display = 'block';
 }
}

function exchangeDisplay(id){
var img = 'img_' + id;
 if(document.getElementById(id).style.display == 'block') {
  document.getElementById(id).style.display = 'none';
   document.getElementById(img).src = '../images/closed-b.gif'; // Grafik referenzieren
 } else {
  document.getElementById(id).style.display = 'block';
  document.getElementById(img).src = '../images/open-b.gif'; // Grafik referenzieren
 }
}

function hideNavi(id){
if (id != 'navi1'){
 document.getElementById('navi1').style.display = 'none';
}
if (id != 'navi2'){
 document.getElementById('navi2').style.display = 'none';
}
if (id != 'navi3'){
 document.getElementById('navi3').style.display = 'none';
}
if (id != 'navi4'){
 document.getElementById('navi4').style.display = 'none';
}
}


function hideListe(id){
if (id != 'navi1'){
 document.getElementById('navi1').style.display = 'none';
}
if (id != 'navi2'){
 document.getElementById('navi2').style.display = 'none';
}
if (id != 'navi3'){
 document.getElementById('navi3').style.display = 'none';
}
if (id != 'navi4'){
 document.getElementById('navi4').style.display = 'none';
}

 document.getElementById('layer1').style.display = 'none';
 document.getElementById('layer2').style.display = 'none';
 document.getElementById('layer3').style.display = 'none';
 document.getElementById('layer4').style.display = 'none';
 document.getElementById('layer5').style.display = 'none';
 document.getElementById('layer6').style.display = 'none';
 document.getElementById('layer7').style.display = 'none';
 document.getElementById('layer8').style.display = 'none';
 document.getElementById('layer9').style.display = 'none';
 document.getElementById('layer10').style.display = 'none';
 document.getElementById('layer11').style.display = 'none';
 document.getElementById('layer12').style.display = 'none';
 document.getElementById('layer13').style.display = 'none';
 document.getElementById('layer14').style.display = 'none';
 document.getElementById('layer15').style.display = 'none';
 document.getElementById('layer16').style.display = 'none';
 document.getElementById('layer17').style.display = 'none';

}

function imageChange(id){
var img = 'image1';                                          // Name large image
var img_new = '../images/' + id + '_l.jpg';                     // Name new image
	document.getElementById(img).src = img_new;
	}