Need Help with Pictures

Here is my existing HTML, I want to add the ability to click on the image and link to another webpage or file, right now it just closes

here is the JQuery code:

Code:

---

(function(jQuery) {
        jQuery.fn.poptrox = function(options) {

                // Settings

                        var settings = jQuery.extend({
                                        preload:                                                false,                                // If true, preload fullsize images in the background
                                        initialWidth:                                        200,                                // Initial popup width
                                        initialHeight:                                        100,                                // Initial popup height
                                        fadeSpeed:                                                300,                                // Fade speed
                                        popupSpeed:                                                300,                                // Popup (resize) speed
                                        overlayColor:                                        '#000000',                        // Overlay color
                                        overlayOpacity:                                        0.75,                                // Overlay opacity
                                        windowMargin:                                        50,                                        // Window margin size (in pixels; only comes into play when an image is larger than the viewport)
                                        isFixed:                                                false,                                // If true, popup won't resize to fit images
                                        fixedWidth:                                                600,                                // Fixed popup width (only used isFixed is true)
                                        fixedHeight:                                        400,                                // Fixed popup height (only used if isFixed is true)
                                        easyClose:                                                true,                                // If true, popup can be closed by clicking anywhere on the page
                                        usePopupLoader:                                        true,                                // If true, show the loader
                                        usePopupCloser:                                        true,                                // If true, show the closer button/link
                                        usePopupCaption:                                true,                                // If true, show the image caption
                                        popupClass:                                                'poptrox_popup',        // Popup class
                                        popupSelector:                                        null,                                // (Advanced) Popup selector (use this if you want to replace the built-in popup)
                                        popupLoaderSelector:                        '.loader',                        // (Advanced) Loader selector
                                        popupCloserSelector:                        '.closer',                        // (Advanced) Closer selector
                                        popupCaptionSelector:                        '.caption'                        // (Advanced) Caption selector
                        }, options);
                       
                // Variables

                        var __msie6 = (jQuery.browser.msie && jQuery.browser.version == 6), __msie67 = (jQuery.browser.msie && jQuery.browser.version < 8), __pos = (__msie6 ? 'absolute' : 'fixed');
                        var isLocked = false, cache = new Array();

                        var _top = jQuery(this);
                        var _body = jQuery('body');
                        var _overlay = jQuery('<div></div>');
                        var _window = jQuery(window);
                        var windowWidth = $(window).width(), windowHeight = $(window).height();

                        if (settings.popupSelector)
                                var _popup = jQuery(settings.popupSelector);
                        else
                        {
                                var _popup = jQuery('<div class="' + settings.popupClass + '">' + (settings.popupLoaderSelector ? '<div class="loader">Loading</div>' : '') + '<div class="pic"></div>' + (settings.popupCaptionSelector ? '<div class="caption"></div>' : '') + (settings.popupCloserSelector ? '<a href="#" class="closer">Close</a>' : '') + '</div>');
                                settings.popupLoaderSelector = '.loader';
                                settings.popupCloserSelector = '.closer';
                                settings.popupCaptionSelector = '.caption';
                        }

                        var _pic = _popup.find('.pic');
                        var _loader = _popup.find(settings.popupLoaderSelector);
                        var _caption = _popup.find(settings.popupCaptionSelector);
                        var _closer = _popup.find(settings.popupCloserSelector);

                        if (settings.usePopupLoader == false)
                                _loader.remove();
                        if (settings.usePopupCloser == false)
                                _closer.remove();
                        if (settings.usePopupCaption == false)
                                _caption.remove();
               
                // Main

                        _window
                                .resize(function() {
                                        windowWidth = $(window).width(), windowHeight = $(window).height();
                                        _popup.trigger('poptrox_close');
                                });

                        _caption
                                .bind('update', function(e, s) {
                                        _caption.html(s);
                                });
                       
                        _closer
                                .css('cursor', 'pointer')
                                .click(function(e) {
                                        e.preventDefault();
                                        _popup.trigger('poptrox_close');
                                        return true;
                                });

                        _overlay
                                .prependTo(__msie67 ? 'body' : 'html')
                                .hide();

                        if (__msie6)
                                _overlay.css('position', 'absolute');
                        else
                                _overlay
                                        .css('position', __pos)
                                        .css('left', 0)
                                        .css('top', 0)
                                        .css('z-index', 100)
                                        .css('width', '200%')
                                        .css('height', '200%')
                                        .css('background-color', settings.overlayColor);

                        if (settings.easyClose)
                        {
                                _pic
                                        .css('cursor', 'pointer')
                                        .click(function() {
                                                _popup.trigger('poptrox_close');
                                        });

                                _overlay
                                        .css('cursor', 'pointer')
                                        .click(function() {
                                                _popup.trigger('poptrox_close');
                                        });
                        }
                       
                        _popup
                                .bind('poptrox_reset', function() {
                                        _popup
                                                .css('position', __pos)
                                                .css('z-index', 101)
                                                .css('width', settings.initialWidth + 'px')
                                                .css('height', settings.initialHeight + 'px')
                                                .css('left', (windowWidth / 2) + 'px')
                                                .css('top', (windowHeight / 2) + 'px')
                                                .css('top', (windowHeight / 2) + 'px')
                                                .css('margin-left', (-1 * (_popup.outerWidth() / 2)) + 'px')
                                                .css('margin-top', (-1 * (_popup.outerHeight() / 2)) + 'px')
                                        _loader.hide();
                                        _caption.hide();
                                        _closer.hide();
                                        _pic
                                                .html('')
                                                .hide();
                                })
                                .bind('poptrox_open', function(e, src, captionText) {
                                        if (isLocked)
                                                return true;
                                        isLocked = true;
                                        _body.css('overflow', 'hidden');
                                        _overlay
                                                .fadeTo(settings.fadeSpeed, settings.overlayOpacity, function() {
                                                        _pic.css('text-indent', '-9999em').show().html('<img src="' + src + '" alt="" />');
                                                        var img = _pic.find('img');
                                                        _loader.fadeIn(300);
                                               
                                                        if (settings.isFixed)
                                                        {
                                                                _popup
                                                                        .width(settings.fixedWidth)
                                                                        .height(settings.fixedHeight)
                                                                        .css('margin-left', (-1 * (_popup.innerWidth() / 2)) + 'px')
                                                                        .css('margin-top', (-1 * (_popup.innerHeight() / 2)) + 'px')
                                                                        .show();

                                                                img.load(function() {
                                                                        _loader.hide();
                                                                        _caption.trigger('update', [captionText]).show();
                                                                        _closer.show();
                                                                        _pic.css('text-indent', 0).hide().fadeIn(settings.fadeSpeed, function() { isLocked = false; });
                                                                });
                                                        }
                                                        else
                                                        {
                                                                _popup
                                                                        .show();
                                                       
                                                                img.load(function() {
                                                                        var dw = Math.abs(_popup.width() - _popup.outerWidth()), dh = Math.abs(_popup.height() - _popup.outerHeight());
                                                                        var nw = img.prop('width'), nh = img.prop('height');
                                                                        var uw = nw + dw, uh = nh + dh;
                                                                        var maxw = windowWidth - (settings.windowMargin * 2), maxh = windowHeight - (settings.windowMargin * 2);

                                                                        _loader.hide();
                                                                       
                                                                        if (uw > maxw || uh > maxh)
                                                                        {
                                                                                var multw = maxw / uw, multh = maxh / uh, m = Math.min(multw, multh);
                                                                                uw = m * uw; uh = m * uh;
                                                                                nw = uw - dw; nh = uh - dh;
                                                                                img.attr('width', nw).attr('height', nh);
                                                                        }
                                                                       
                                                                        _popup
                                                                                .animate({
                                                                                        width: nw,
                                                                                        height: nh,
                                                                                        marginLeft: (-1 * (uw / 2)),
                                                                                        marginTop: (-1 * (uh / 2))
                                                                                }, settings.popupSpeed, 'swing', function() {
                                                                                        _caption.trigger('update', [captionText]).show();
                                                                                        _closer.show();
                                                                                        _pic.css('text-indent', 0).hide().fadeIn(settings.fadeSpeed, function() { isLocked = false; });
                                                                                });
                                                                });
                                                        }
                                                               
                                                });
                                })
                                .bind('poptrox_close', function() {
                                        if (isLocked)
                                                return true;
                                        isLocked = true;
                                        _popup
                                                .hide()
                                                .trigger('poptrox_reset');
                                        _overlay
                                                .fadeOut(settings.fadeSpeed, function() {
                                                        _body.css('overflow', 'auto');
                                                        isLocked = false;
                                                });
                                })
                                .prependTo('body')
                                .hide()
                                .trigger('poptrox_reset');

                        _window
                                .keypress(function(e) {
                                        if (e.keyCode == 27) {
                                                e.preventDefault();
                                                _popup.trigger('poptrox_close');
                                        }
                                });
                       
                        _top.find('a').each(function() {
                                var a = jQuery(this), i = a.find('img'), title = i.attr('title'), src = a.attr('href');
                                if (settings.preload) {
                                        var x = document.createElement('img'); x.src = src; cache.push(x);
                                }
                                i.attr('title', '');
                                a
                                        .css('outline', 0)
                                        .click(function(e) {
                                                e.preventDefault();
                                                _popup.trigger('poptrox_open', [src, title]);
                                        });
                        });
                       
                return jQuery(this);
        };
})(jQuery);

---

Here is the HTML Code:

HTML Code:

---

<div id="sidebar1">                               
                                        <div class="widget">
                                                <div class="gallery">
                                                        <h2>Articles</h2>
                                                        <ul id="pics" class="gallery_sidebar">
                                                                <li>
                                                                        <a href="images/04.jpg"><a href="images/10.jpg"> <img title="Lorem ipsum dolor" src="images/image04.jpg" width="60" height="60" alt="" /></a></a>
                                                                </li>                                                               
                                                                <li>
                                                                        <a href="images/12.jpg"><img title="Lorem ipsum dolor" src="images/image12.jpg" width="60" height="60" alt="" /></a>
                                                                </li>
                                                        </ul>
                                                       
                                                        <script type="text/javascript">
                                                                $('#pics').poptrox();
                                                        </script>
                                                       
                                                </div>
                                                <br class="clear" />
                                        </div>

---