/*

das Beispiel zeigt eine vollständige HTML-Datei mit Button-Leiste 
und dem JavaScript zum Steuern der Mouseover-Effekte.
aus selfhtml 
Dynamische grafische Buttons

*/

var

standbild = new Image();
standbild.src = "../img/anim_start.jpg";     /* erste Standard-Grafik */
animiert = new Image();
animiert.src = "../img/animation_unendlich2.gif"; /* erste animation */

iSchalter = 1;

/*
Normal2 = new Image();
Normal2.src = "button2.gif";     /* zweite Standard-Grafik */
/*Highlight2 = new Image();
Highlight2.src = "button2h.gif"; /* zweite Highlight-Grafik */

/*Normal3 = new Image();
Normal3.src = "button3.gif";     /* dritte Standard-Grafik */
/*Highlight3 = new Image();
Highlight3.src = "button3h.gif"; /* dritte Highlight-Grafik */

/* usw. fuer alle weiteren zu benutzenden Grafiken */

function Bildwechsel (Bild) {

	switch(iSchalter)
	{
		case 1: 	Bild.src = animiert.src;
					Bild.title = "stop"
					break;
		case -1: 	Bild.src = standbild.src;
					Bild.title = "animieren"
					break;
		default:	return 0;
	}
	iSchalter *= -1;
}
/* aufruf in html

<style type="text/css">
h1 { color:#6363A5; font-family:Arial,sans-serif; }
p  { color:#000000; font-family:Arial,sans-serif; }
</style>
	<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
</head>  <body bgcolor="#FFFFC0" background="buttonsback.gif">

<table border="0" cellpadding="0" cellspacing="0"><tr>
<td valign="top">

<a href="../../../index.htm"
   onmouseover="Bildwechsel(0, Highlight1)"
   onmouseout="Bildwechsel(0, Normal1)"><img src="button1.gif"
   width="130" height="30" border="0" alt="Home"></a><br>
<a href="../../../helferlein/index.htm"
   onmouseover="Bildwechsel(1, Highlight2)"
   onmouseout="Bildwechsel(1, Normal2)"><img src="button2.gif"
   width="130" height="30" border="0" alt="Helferlein"></a><br>
<a href="../../../layouts/index.htm"
   onmouseover="Bildwechsel(2, Highlight3)"
   onmouseout="Bildwechsel(2, Normal3)"><img src="button3.gif"
   width="130" height="30" border="0" alt="Layouts"></a><br>

*/