<!-- animierte Button mit JavaScript //-->

var g_nBrowserType = 0;
var g_strIgnoreMouseOut = " ";
var g_strLastButton = " ";

function GetBrowserType()
{
	var nBrowserType = 0;
	if
	(navigator.userAgent.indexOf("Modzilla/3.0") != -1)
		nBrowserType = 3;
	else if
	(navigator.userAgent.indexOf("Modzilla/4.0") != -1)
		nBrowserType = 4;
	else if
	(navigator.userAgent.indexOf("MSIE") != -1)
		nBrowserType = 1;
	else if
	(navigator.userAgent.indexOf("Modzilla/2.0") != -1)
		nBrowserType = 2;
	else
		nBrowserType = 0;
	return( nBrowserType);
}

g_nBrowserType = GetBrowserType();

function HoverButtonOn(strButtonName)
{
	if (g_strIgnoreMouseOut == strButtonName) return;
	if (g_nBrowserType <= 3)
	{
		imgOn = eval(strButtonName + "x.src");
		if(document.images[strButtonName].src != imgOn)
		{
			document.images[strButtonName].src = imgOn;
		}
	}
}

g_nBrowserType = GetBrowserType();

function HoverButtonOff(strButtonName)
{
	if (g_strIgnoreMouseOut == strButtonName) return;
	if (g_nBrowserType <= 3)
	{
		imgOff = eval(strButtonName + ".src");
		if(document.images[strButtonName].src != imgOff)
		{
			document.images[strButtonName].src = imgOff;
		}
	}
}

function ButtonDown(strButtonName)
{
	if (g_nBrowserType <= 3)
	{
		if(g_strLastButton != " ")
		{
			imgOff = eval(g_strLastButton + ".src");
			if (document.images[g_strLastButton].src != imgOff)
			{
				document.images[g_strLastButton].src = imgOff;
			}
		}
		imgOn = eval(strButtonName + "y.src");
		if(document.images[strButtonName].src != imgOn)
		{
			document.images[strButtonName].src = imgOn;
		}
		g_strIgnoreMouseOut = strButtonName;
		g_strLastButton = strButtonName;
	}
}

<!--button laden--//-->


butt01		=new Image();
butt01.src	="button/notenschluessel.gif";
butt01x		=new Image();
butt01x.src	="button/notenschluessela.gif";
butt01y		=new Image();
butt01y.src	="button/notenschluessel.gif";

butt02		=new Image();
butt02.src	="button/notenband2.gif";
butt02x		=new Image();
butt02x.src	="button/notenband2a.gif";
butt02y		=new Image();
butt02y.src	="button/notenband2.gif";

butt03		=new Image();
butt03.src	="button/notenband1.gif";
butt03x		=new Image();
butt03x.src	="button/notenband1a.gif";
butt03y		=new Image();
butt03y.src	="button/notenband1.gif";

butt04		=new Image();
butt04.src	="button/notenband4.gif";
butt04x		=new Image();
butt04x.src	="button/notenband4a.gif";
butt04y		=new Image();
butt04y.src	="button/notenband4.gif";

butt05		=new Image();
butt05.src	="button/notenband6.gif";
butt05x		=new Image();
butt05x.src	="button/notenband6a.gif";
butt05y		=new Image();
butt05y.src	="button/notenband6.gif";

butt06		=new Image();
butt06.src	="button/notenband5.gif";
butt06x		=new Image();
butt06x.src	="button/notenband5a.gif";
butt06y		=new Image();
butt06y.src	="button/notenband5.gif";

butt07		=new Image();
butt07.src	="button/notenzeichen.gif";
butt07x		=new Image();
butt07x.src	="button/notenzeichena.gif";
butt07y		=new Image();
butt07y.src	="button/notenzeichen.gif";

butt08		=new Image();
butt08.src	="button/standard.gif";
butt08x		=new Image();
butt08x.src	="button/standarda.gif";
butt08y		=new Image();
butt08y.src	="button/standard.gif";

butt09		=new Image();
butt09.src	="button/latein.gif";
butt09x		=new Image();
butt09x.src	="button/lateina.gif";
butt09y		=new Image();
butt09y.src	="button/latein.gif";

butt010		=new Image();
butt010.src	="button/mode.gif";
butt010x		=new Image();
butt010x.src	="button/modea.gif";
butt010y		=new Image();
butt010y.src	="button/mode.gif";