Как сделать смену изображений при клике на спойлер

Проблема с JavaScript (смена картинок)

Для сайта нужно чтобы в одном окне менялось изображение при клике на разные ссылки. Т.е. есть одно окошко и много ссылок. Тыкаю на ссылку-меняется изображение в окошке.

В файле index прописал:

Код (CODE):

1. <script type="text/javascript">
2. function l_image (a)
3. {document.example_img.src=a}
4. </script>

В материале:

Код (CODE):

1. <a href="javascript:l_image ('images/galleryemelin/e0d.jpg')">Ссылка на изображение №1</a>
2. <br /> <a href="javascript:l_image ('images/gallerye/e232.jpg')">Ссылка на изображение №2</a>
3.      <br /> <img src="images/galleryemelin/e0d.jpg" alt="" name="example_img" />

Написал все в простой HTML файл - web страничка работает, следовательно код рабочий. Прописываю в Joomla - эффекта никакого. При том что фильтрации нет, редактор отключал - т.е. сам java script не обрезается. Проверял код страницы в браузере - java на месте, но не запускается(эффекта никакого-что есть он там, что его нет!). Не понятно, почему Joomla конфликтует с ним? Отключал mootools - не помогло.

 

Стало понятно почему не работает смена картинок - в коде обрезается id у img. Что его обрезает - не ясно.