Картинка без перезагрузки

Здраствуйте! У меня такой вопрос. Есть код:


<script language='javascript'>
function show(path)
{
if (obj = document.getElementById('pic')) {
obj.src = path; }
if (obj = document.getElementById('link')) {
obj.href = path; }

}
</script>

<img id="pic" src = "foto/$foto" width="70%" >
<p><a href="$foto" id="link" target="_blank">Посмотреть оригинал</a></p>
</div>

<a href='#'onClick="show('foto/img.jpg'); return false;"><img src='foto/img.jpg' title='' alt='' /></a></li>

При кликании на картинке (превью) она загружается в этом же окне без перезагрузки страницы (средней размер). Все работает. Но вот как прикрутить ссылку "посмотреть оригинал" (что бы при кликании открывался оригинальная картинка)?

 

Когда изменяешь src путь на адрес оригинальной картинки, в галлерее показывается оригинальная фотография, а я этого не хочу, т.к. происходит загрузка фотки большого размера, я хочу чтобы показывало обработанную фотографию, а при кликании на ней, уже открывало оригинал

 

В src подставляется обработанная фотография размером 600х400 к примеру. А мне надо, что бы тут проставлялся путь к оригинальной фотке 1000х800 к примеру, которую я загрузил на сайт

 

я немного не понял, как подставлять адрес другой картинки, не могли бы вы написать код?