CSS-Opacity ueber JS ansprechen

[Daniel]

Guten Tag,

ich moechte mir eine kleine, simple Javascript - Slideshow bauen.

Ueber eine Funktion aendere ich mit setTimeout z.B. nach 5s die Quelle meines Bildes:
__________________________________

number=0;
max=6;

function slideshow(){
 number++;
 if(number>max)number=1;
 document.getElementById('header_image').src = number + ".jpg";
 clearTimeout(routine);
 routine = setTimeout(slideshow,3000);
}

___________________________________

Soweit so gut. Desweiteren moechte ich meine Bilder vor dem Wechsel ausblenden lassen. Meine Idee: Ebenfalls mit einem Timer zaehle ich die Opacity des Bildes von 100 auf 0.

Um Opacity in gaengigen Browsern zu erzielen, benoetigt man (meines Wissens nach) 3 CSS Attribute (im Beispiel ist das Bild 25% sichtbar):

filter:alpha(opacity=25);
-moz-opacity:.25;
opacity:.25;
_____________________________________

Doch nun zu meiner Frage: Hat jemand eine Idee wie ich diese Eigenschaften mittels js ansprechen kann? Also z.B.

document.getElementById('header_image').style.-moz-opacity=".25";

Ich hoffe jemand kann mir hier weiterhelfen und ich danke schonmal fuer eure kostbare Zeit.

Beste Gruesse Daniel