var prev1;
var prev2;

function show(sender, destination, source)
{
    
    if(destination == 'img1')
    {
        $('#first').removeClass('und');
        if(prev1)
            $(prev1).removeClass('und');
        prev1 = sender;
    }else
    {
        $('#second').removeClass('und');
        if(prev2)
            $(prev2).removeClass('und');
        prev2 = sender;
    }
    $('#' + destination).attr('src','/Misc/Pic/' + source + '.jpg');
    $(sender).addClass('und');
}

function enlarge(sender)
{
    
        var yPos = (document.documentElement.scrollTop || document.body.scrollTop);
        var newImage = $('<img/>');
        var background = $('<div/>');
        
        $(newImage)
        .attr('src', sender.attr('src').replace('min',''))
        .attr('id', 'largeImage')
        .css(
        {
            'position':'absolute',
            'left':Math.abs($('body').width() - 800)/2,
            'top':yPos,
             'z-index':102,
             'cursor':'pointer'
         });

        $(background)
        .attr('id', 'overlayBackground')
        .css({ 
            'position':'absolute',
            'background':'white',
            'display':'block', 
            'left':0,'top':0,
            'opacity':'0.8',
            'z-index':101,
            'width' : $('body').width(),
            'height' : $('body').height()
            });
            
        $('body').append(background);
        $('body').append(newImage);
       
        $(newImage).bind('click', function()
            {
                $(newImage).remove();
                $(background).fadeOut(1000);
                $(background).remove();
            });
}