hover på div funktion

En mulighed:
<div onmouseover="this.style.backgroundColor = '#F1EEDC'" onmouseout="this.style.backgroundColor = '#F9F8EF'">Noget tekst</div>

Det ligner meget godt det jeg har i skolen, men ville godt ha lavet det til en funktion så jeg nemt kan bruge det flere steder på sitet, men er ikke lige javascript-mand, så ved ik hvordan det skal se ud

Endnu en mulighed:

<script type="text/javascript">

function get_id ($id) {

    if (document.all && document.getElementById) {
    return document.all($id);
    } else if (!document.all && document.getElementById) {
    return document.getElementById($id);
    } else {
    return false;
    }
}

function change_rgb(ref,farve) {

    if ((idref = get_id(ref))) {

    var colors = new Array();
    colors[0] = '#F1EEDC';
    colors[1] = '#F9F8EF';

    idref.style.background = colors[farve];

    }
}


</script>


<div id="div_et" onmouseover="change_rgb(this.id,0);" onmouseout="change_rgb(this.id,1);">
Indhold af div et
</div>

<div id="div_to" onmouseover="change_rgb(this.id,0);" onmouseout="change_rgb(this.id,1);">
Indhold af div et
</div>

kan jeg smide det i en fil for sig selv og kalde den i index.html? :)

Du mener en js fil ?
Du skal bare ikke ha' <script type..... og </script> med.

<script type="text/javascript" src="/hover.js"></script>

Filen hover.js indeholder jo så flg.

function get_id ($id) {

    if (document.all && document.getElementById) {
    return document.all($id);
    } else if (!document.all && document.getElementById) {
    return document.getElementById($id);
    } else {
    return false;
    }
}

function change_rgb(ref,farve) {

    if ((idref = get_id(ref))) {

    var colors = new Array();
    colors[0] = '#F1EEDC';
    colors[1] = '#F9F8EF';

    idref.style.background = colors[farve];

    }
}

Perfekt :) Takker mange gange for hjælpen, smid et svar :)

ok