Centrer teksten i et tekstarea via en checkbox

Hej

Jeg har et textarea hvor der bliver skrevet noget tekst i, som kommer fra noget php (MySQL).

Det tekst skal så kunne centeres, via en checkbox - og grunden til at det skulle kunne centeres er at det også skal gemmes i databasen.

Altså vi har et textarea som ikke er centeret, og det er det ikke fordi at checkboxen, hvis værdi også er hentet fra database, ikke et checked. Når man så checker checkboxen, så skal textarea'et have tilføjet et text-align: center; i sin style. Hvordan gør man det?

Det er lavet sådan at hvis, der står i databasen at det skal være centeret, så bliver text-align: center; tilføjet.
Så det skal også være sådan at hvis man unchecker den, så venstre justere den teksten.

Hvad jeg har lavet:

Javascriptet:

<script type="text/javascript">
var center;
center = "<? echo $Centeret; ?>";

function Center() {

if (center == "1") {
    document.getElementById('Indhold').style.textalign = '';
    center = "0";
    }
if (center == "0") {
    document.getElementById('Indhold').style.textalign = 'center';
    center == "1";
    }
}
</script>


Checkboxen:

<input type="checkbox" name="Centeret" value="1" onclick="Center();"<? if ($Centeret == "1") { echo " checked=\"checked\""; } ?> />


Textarea'et:

<textarea style="overflow: auto;<? if ($Centeret == "1") { echo " text-align: center;"; } ?>" cols="100" rows="22" name="Indhold" class="Input" id="Indhold">
<? echo $Indhold; ?>
</textarea>


Det skal lige siges at jeg bruger xHTML 1.0 strict