javascript getElementById klasse eines bildes ändern

    HTML-Datei:
    -----------------------------
    Ich möchte per id die klasse eines bildes änder .... als auslöser soll ein anderes bild dienen per onclick

    Mein ansatz:

    <head>
    img.bildsehen {
    z-index:3;
    position:absolute;
    top:205;
    left:225;
    width:512;
    height:365;
    }
    img.bildversteckt {
    z-index:3;
    position:absolute;
    top:1;
    left:1;
    width:0;
    height:0;
    }
    <script type="text/javascript">
    function change(id,klasse) {
    image.getElementById(id).classname = klasse;
    }
    </script>
    </head>
    <body>
    <img id="O01B00"
    class="bild00"
    src="01/00.jpg"
    onclick="change(sehenO01B00.id,'bildversteckt')"
    >
    <img
    id="sehenO01B00"
    class="bildversteckt"
    src="01/00.jpg"
    >


    </body>

    Hab so viel rumprobiert das ich den überblick verlohren habe hier die aktuelle version:
    <head>
    <style blabla>

    img.bildversteckt {
    z-index:3;
    position:absolute;
    top:1;
    left:1;
    width:0;
    height:0;
    }
    img.bildsehen {
    z-index:3;
    position:absolute;
    top:205;
    left:225;
    width:512;
    height:365;
    }
    </style>
    <script type="text/javascript">
    function change(id,klasse) {
    document.getElementById(id).className = klasse;
    }
    </script>
    </head>
    <body>
    <img id="O01B00"
    class="bild00"
    src="01/00.jpg"
    onclick="change(sehenO01B00.id,'bildversteckt')"
    >
    <img
    id="sehenO01B00"
    class="bildsehen"
    src="01/00.jpg"
    >
    </body>


    ps.: nein funktioniert auch nicht

    - - - Aktualisiert - - -

    hab das gleiche bei einem bereich ---> <div> gemacht dort functioniert das könnte mir vorstellen das der java bereich geändert werden muss kenne mich aber nicht mit java aus :(