Need help with HTML image tags

Heres the thing I created a thumbnail .jpg that I want to be able to click to blow it up to the full resolution. Here is the reason why : http://www.sosquad.com/newsite/index.php . I spent all night setting up this new site and I would love to get the picture of the day to pop into a full resolution image. Any help is much appreciated.

 

PHP:

 <a href="http://www.sosquad.com/pod.html" target="_blank"><img src="http://www.sosquad.com/pic_of_the_day/pod_thumb.jpg" border="0" alt="Submitted by SoS_Hitman"></a><div align="center"> Have a pic of the week? Send it to <a href="mailto:sos_phantomx@sosquad.com">Phantom_X</a> 

Instead I would imagine you could just upload the full resoultion image and then link to that image instead of pod.html. For example:

PHP:

 <a href="/images/pic_of_the_day.jpg" target="_blank"><img src="http://www.sosquad.com/pic_of_the_day/pod_thumb.jpg" border="0" alt="Submitted by SoS_Hitman"></a><div align="center"> Have a pic of the week? Send it to <a href="mailto:sos_phantomx@sosquad.com">Phantom_X</a> 

Or whatever the name of the pic of the day is.

 

Yeah thats the way I originaly set it up, but the other person that was in on the site build decided to use a seperate page. For what reason I have no idea.

 

Alike so...

Code:

<a href="Path_to_highres" onclick="pop(this.href,600,423,this.alt);return false;"><img src="Path_to_thumbnail" alt="Path_to_highres" align="middle" border="0" /></a>

With this in the head:

Code:

<script type="text/javascript">
//<![CDATA[

function popup () {
    this.width = 500;
    this.height = 500;
    this.page = "";
    this.id = "_blank";
    this.title = "";
    this.open = function (page) {
        var x1 = (screen.width) ? (screen.width - this.width)/2 : 0;
        var y1 = (screen.height) ? (screen.height - this.height)/2 : 0;
        var popupwindow=window.open(page,this.id,'height='+this.height+',width='+this.width+',top='+y1+',left='+x1+',resizable=no');
        popupwindow.document.title = this.title;
        popupwindow.document.close()
    }
}

function pop(i,w,h,t) {
    var p = new popup();
    p.width = w;
    p.height = h;
    p.title = t;
    p.open(i);
}

//]]>
</script>

 

Found two sites that are pretty cool. Maybe they can be of some help.

>http://www.dynamicdrive.com/

>http://www.blogbox.com/ Check out the photoblox free download.