$(document).ready(function() {
	$('#thumbs a').hover(function() {
		if(!$(this).hasClass('active')) $('#detail img').hide();
		$('#thumbs a').removeClass('active');
		$(this).addClass('active');
		$('#detail img').attr('src', $('#detail img').attr('src').replace(/\w+.jpg/, $(this).attr('href').replace(/#/, '')));
	}, function() {});
	
	$('#detail img').hide();
	
	if($('#detail img')[0].complete) {
		centerImage($('#detail img'));
	}
	$('#detail img').load(function() {
		centerImage($('#detail img'));
	});
	$('#thumbs a:first').addClass('active');
});

function centerImage(img) {
	img.css('left', '50%').css('top', '50%').css('margin-top', -img.height()/2 + 'px').css('margin-left', -img.width() / 2 + 'px').fadeIn();
}