Смена картинок в одном контейнере

[DeScriptor]

Ситуация у меня такая: есть страница, реализованная в виде таблицы, в одной из ячеек этой таблицы я хочу разместить обычный контейнер для картинок, а под ним - две кнопочки: вперед и назад. При этом я хочу чтобы сия конструкция работала так: нажимаем кнопочку, в контейнер грузится новая картинка (кэшировать мне ее не обязательно) из какого-нибудь списка картинок (что это должен быть за список - в теле HTML или отдельный файл?).

Задача сильно осложняется тем, что я в HTML НИ ХРЕНА НЕ ЗНАЮ , т.к. всего пару дней назад впервые занялся этим вопросом, к тому же использую бесплатный хостинг newmail.ru, в котором ни РНР ни SSL нету (хотя мне это не страшно - я даже не знаю, что это такое ).

Пример (не совсем точный) того, чего мне нужно - http://www.homeworld2.com/gallery.php

Сразу отчвечу на вопрос, "почему не посмотрел в исходники" - мне нужны еще и объяснения, что к чему.

Заранее огромное спасибо за ответы!!!!!!!!!

DeScriptor
скажем, в js массиве есть имена картинок,
допустим сейчас в <img id=container....> загружена 5 картинка из этого массива
на кнопочки вешаем обрабочик onClick=prev(5) и на вторую кнопочку onClick=next(5)
...
сами функции чтото типа того:

myimages=['1.gif','2.gif','3.gif','images.php?id=1','images.php?id=2'];
function next(idimg)
{
 i=document.getElementById('container');
 i.src=myimages[idimg+1];
}
function prev(idimg)
{
 i=document.getElementById('container');
 i.src=myimages[idimg-1];
}

с тебя только проверки на 0 и на максимальный номер картинки