SCHNittER: Dynamische Objekterzeugung; Layer; Style

HILFE,

ich möchte mit einem onmouseover /out einen Schriftstyle in einem Layer ändern.
Ich übergebe also beim Funktionsaufruf den Layernamen als Variable und möchte das in der Fkt. folgendes ausgeführt wir:
Variable.style.fontsize
Variable.style.visibility
aber entweder liegt es am falschen syntax oder an weis ich nicht, es geht nicht. Ich benötige aber die dynamik da diese Fkt. an die 150 mal aufgerufen werden soll. Und wie kann ich die unterschiedliche Syntax der Browser IE und NN bewältigen?
Anbei meine jetzigen Versuche:

<script language="JavaScript">
<!--
function on(i)  <!-- Fkt on(), i kommt vom Fkt-aufruf -->
{
   z = i; <!-- z = i -->
   z = z+'.style.visibility';<!-- String popX.style.visibility wird erzeugt-->
   z = new Object();<!-- Versuch String in ein Objekt umzuwandeln -->
   z = "visible";<!-- zuweisung popX.style.visibility = "visible" -->
   i = i+'.style.fontSize';<!-- selbes vorgehen wie oben mit fontSize -->
   i = new Object();
   i = "12";
}

function off(i)
{
   z = i; <!-- wie Fkt on() -->
   z = z+'.style.visibility';
   z = new Object();
   z = "hidden";
   i = i+'.style.fontSize';
   i = new Object();
   i = "0";
}
//-->
</SCRIPT>

</head>
<body bgcolor="#FFFFFF" text="#000000">
<STYLE Type=text/css>

.text1 { font-size:16px; font-family:Arial; position:static; visibility:visible }
.text2 { font-size:0px; font-family:Arial; position:static; visibility:hidden }

</STYLE>

<div Class=text1>
<a href=http://www.ich.de onmouseover="on(pop1)" onmouseout="off(pop1)">der</a></div> <!-- Fkt-aufruf mit Parameter -->
<div ID=pop1> test</div>  <!-- dieser Text sollte bei onMouseOut unsichtbar und kleiner werden -->