mehrere klassen mit javascript manipulieren

[òle]

hi, ich hab mal geschlossen mich mit Javascript zu befassen und habe folgendes konstrukt gebaut:

CSS:
.blue{ background-color:blue; }
/* zustände */
.open{height:100px;}
.closed{height:20px;}

Javascript:
function mark(cell){ cell.className="open"; }
function unmark(cell) { cell.className="closed"; }

HTML:
<div class="blue" onMouseOver="mark(this)" OnMouseOut="unmark(this)">Test</div>
<div class="blue" onMouseOver="mark(this)" onMouseOut="unmark(this)">Test2</div>
<div class="blue" onMouseOver="mark(this)" onMouseOut="unmark(this)">Test3</div>

jetzt ändert js also beim drüberrollen:

class="blue"

um, in:

class="open"

ich möchte jedoch das der aktuellen klasse, die open klasse lediglich hinzugefügt wird, also:

class="blue open"

wie geht sowas?
lg
òle