$(document).ready(function() {
    $('ul.gallery').galleria({
	    history: true,
        insert: '#mainImage',
        onImage: function(image, caption, thumb) 
        {
           image.css('display', 'none').fadeIn(1000);
           caption.css('display', 'none').fadeIn(1000);

           var thumbContainer = thumb.parents('li');
           thumbContainer.siblings().children('img.selected').fadeTo(500, 0.3);
           thumb.fadeTo('fast', 1).addClass('selected');  
        },
        onThumb: function(thumb)
        {
            var thumbContainer = thumb.parents('li');
            var fadeTo = thumbContainer.is('.active') ? '1' : '0.3';
            thumb.css({display:'none', opacity: fadeTo}).fadeIn(1500);

            thumb.hover(
                function() { thumb.fadeTo('fast', 1); },
                function() { thumbContainer.not('.active').children('img').fadeTo('fast', 0.3); }
            );
        }
    }); 
    $('#backgroundColours li').click( function(evt) 
    { 
		var newClass = evt.target.className;
        document.body.className = newClass; 
		$('#backLink').removeClass().addClass(newClass);
    });
});