//=================================
// Preload 
//=================================

neutral = new Image();
neutral.src = "pix/quadrat_neutral_.gif";
neutral2 = new Image();
neutral2.src = "pix/quadrat_neutral2_.gif";
gelb = new Image();
gelb.src = "pix/quadrat_gelb_.gif";
blassgelb = new Image();
blassgelb.src = "pix/quadrat_blassgelb_.gif";

var navon = new Array();
var navoff = new Array();

function preload() {

for (i=1; i<10; i++)
{ 
navon[i] = new Image();
navon[i].src = ('pix/button_'+[i]+'b.gif');
navoff[i] = new Image();
navoff[i].src = ('pix/button_'+[i]+'a.gif');
} 
}

//=================================
//    function main()
//=================================

function main(bezeichnung) {
	 
ort = new String(document.images[bezeichnung].src);
nummer = new String(bezeichnung.substring(7,8));

if (ort.indexOf("b.gif") != -1) {
//aha, ein aktivierter hauptbutton
  document.images[bezeichnung].src = document[bezeichnung].src = navoff[nummer].src;
} 

if (ort.indexOf("a.gif") != -1) {
  document.images[bezeichnung].src = document[bezeichnung].src = navon[nummer].src;  
}

if (ort.indexOf("_neutral_") != -1) {
document.images[bezeichnung].src = document[bezeichnung].src = gelb.src; 
} 

if (ort.indexOf("_gelb_") != -1) {
	document.images[bezeichnung].src = document[bezeichnung].src = neutral.src; 
}  

if (ort.indexOf("_neutral2_") != -1) {
document.images[bezeichnung].src = document[bezeichnung].src = blassgelb.src; 
}

if (ort.indexOf("_blassgelb_") != -1) {
document.images[bezeichnung].src = document[bezeichnung].src = neutral2.src; 
} 

}

//=================================
//    function popup() 
//=================================

function popup(imgName) {
	var nameLength = imgName.length;
	var imgWidth = 30+parseInt(imgName.substring(nameLength-11,nameLength-8));
	var imgHeight = 65+parseInt(imgName.substring(nameLength-7,nameLength-4));
	var url = 'pix/'+imgName;
	var parameters = 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=no,width='+imgWidth+',height='+imgHeight;
	pop =  window.open(url, 'pop', parameters);
	pop.resizeTo(imgWidth,imgHeight);
	pop.focus();
}