$(document).ready(function () {
	//create loading gif
	var loadImg = document.createElement('img');
	loadImg.id = 'load-img';
	loadImg.src = '/images/loading.gif';
	document.getElementById('imgviewer').appendChild(loadImg);
	//assign vars
	viewer    = $('#imgviewer');
	ssImg     = $('#image');
	ssLoadImg = $('#load-img');
	ssLinks   = $('#thumbnails a');
	//swap images
	ssLinks.click(function() {
		ssLoadImg.css('display','block');
		var loader = new Image();
		loader.onload = function() {
			ssImg.stop().fadeOut(500,function() {
				$(ssImg).attr('src',loader.src);
				ssLoadImg.css('display','none');
				ssImg.fadeIn(500);
			});
		};
		loader.src = this.href;
		return false;
	});
});