$(document).ready(function() {
    document.gallery.init();
    
    $('.leftContent #gallery li:nth-child(4n)').css('margin-right', '0');
    $('.rightContent #gallery li:nth-child(2n)').css('margin-right', '0');
    $('img#galleryImage').wrap('<div height="'+$('img#galleryImage').attr('height')+'" />');
});

document.gallery = {
    init: function() {
        $('#gallery li a').each(function() {
            jQuery("<img>").attr("src", $(this).attr('href'));
        });
        
        $('#gallery li a').click(function() {
            var href = $(this).attr('href');
            var caption = $(this).children('img').attr('alt');
            document.gallery.changeImage(href, caption);
            
            return false;
        });
    },
    changeImage: function(href, caption) {
        if($('img#galleryImage').attr('src') != href) {
            $('img#galleryImage').fadeOut('slow', function() {
                $(this).load(function() {
                    $(this).fadeIn('slow');
                    $('p#galleryCaption').html(caption);
                }).attr('src', href);
            });
        }
    }
}