$(document).ready(function() {

    $("img.imgLink").click(function() {
        var mypath = $(this).attr('alt');
        DisplayImg(mypath);
    });

    $("a.imgLink").click(function() {
        var mypath = $(this).attr('rel');
        DisplayImg(mypath);
    });

    $("img.imgLink").mouseover(function() {
        var mypath = $(this).attr('alt');
        $("img#smallImg").attr('src', mypath);
    });

    $("img.imgLink").mouseout(function() {
        $("img#smallImg").attr('src', '../../viewerimgs/transp16.gif');
    });

    $("a.imgLink").mouseover(function() {
        var mypath = $(this).attr('rel');
        $("img#smallImg").attr('src', mypath);
    });

    $("a.imgLink").mouseout(function() {
        $("img#smallImg").attr('src', '../../viewerimgs/transp16.gif');
    });

    var mypath = $("a.imgLink").attr('rel');

    if (mypath != undefined) {
        DisplayImg(mypath);
    }
    else {
        DisplayImg('../../viewerimgs/transp16.gif');
    }
});

function DisplayImg(path) {
     
    //$("img#imgLarge").fadeOut('fast');
    $("img#imgLarge").attr('src', path);

    setTimeout(function() { $("img#imgLarge").fadeIn('fast'); }, 500);  
}