Thema: Mootools - nichts passiert !

Irgendwas scheine ich falsch zu machen. Ich möchte jetzt anfangen ein bisschen mit Mootools zu arbeiten und wollte daher zum ausprobieren einfach ein Standartbeispiel von deren Homepage in eine meiner Joomla Seiten integrieren.

Dazu habe ich von hier mir die beiden Bespiele Fx.Styles und Fx.Morph ausgesucht.

http://demos111.mootools.net/Fx.Styles

Leider passiert sowohl bei klick wie auch beim hoven bei fx.styles gar nichts!

Ich beschreibe einfach mal was ich gemacht habe, vielleicht findet ja jemand meinen Fehler.
1. js code in eine .js datei gepackt, diese unter media/system/js gespeichert und dann in der template index.php

PHP-Code:

<script type="text/javascript" src="<?php echo $this->baseurl ?>/media/system/js/test.js"></script>

eingefügt.

2. html code in index.php in mein mein contentdiv
3. css in die css datei eingefügt.

Ergebniss: Sieht alles aus wie bei dem Beispiel, nur leider tut sich gar nichts :(

ich habe seit meiner frage noch einiges ausprobiert, habe aber leider immer noch nichts erreicht. ich bitte nochmals um hilfe, weil ich komme einfach nicht weiter. habe jetzt auch schon tausend threads durchstöbert, aber keine hilfreichen infos bekommen!