// Nice Scriptidea, thanks to Micha

aktivSM = 0; // Erster Aktiver Menupunkt
bildNum = new Array(0,2,4,6,8,10,12); 
// BildNum der TastenButtons im Document, da immer ein Spacer dazwischen
        
buttonSM = new Array(7);
	for (i=0; i < 7; i++) {
		ix = bildNum[i]; 
		buttonSM[ix] = new Array(2);   
			for (j=0; j < 2; j++) {
			buttonSM[ix][j] = new Image();      
			}
	}
	buttonSM[0][0].src = 
"images/01_menu_0.gif";
	buttonSM[0][1].src = "images/01_menu_1.gif";
	buttonSM[2][0].src = "images/02_menu_0.gif";
	buttonSM[2][1].src = "images/02_menu_1.gif";
	buttonSM[4][0].src = "images/05_menu_0.gif";
	buttonSM[4][1].src = "images/05_menu_1.gif";
	buttonSM[6][0].src = "images/13_menu_0.gif";
	buttonSM[6][1].src = "images/13_menu_1.gif";
	buttonSM[8][0].src = "images/10_menu_0.gif";
	buttonSM[8][1].src = "images/10_menu_1.gif";
	buttonSM[10][0].src = "images/14_menu_0.gif";
	buttonSM[10][1].src = "images/14_menu_1.gif";
	buttonSM[12][0].src = "images/03_menu_0.gif";
	buttonSM[12][1].src = "images/03_menu_1.gif";

function loadSM() {window.document.images[aktivSM].src = buttonSM[aktivSM][1].src;}


/* function onbuttonSM(nr, stat) {
		if (nr != aktivSM) {     
		window.document.images[nr].src = buttonSM[nr][stat].src
		}
	}*/



function clickbuttonSM(nr) {
	window.document.images[aktivSM].src = buttonSM[aktivSM][0].src;
	aktivSM = nr;
	window.document.images[aktivSM].src = buttonSM[aktivSM][1].src;
}

                
// So wirds im HTML benutzt:
// <a href="yxz.html" onmouseover="onbuttonSM(0,1)" onmouseout="onbuttonSM(0,0)" onmouseclick="clickbuttonSM(0)">