$(document).ready(function() {
	$('.collections-col-right img').hide();

	$('ul.thumbs li img').css({
		'padding': '4px',
		'border': '1px solid #eee'
	});

	$('ul.thumbs li img').hover(function() {
		$(this).css({
			'border': '1px solid #ccc'
		});
	
	}, function() {
		$(this).css({
			'border': '1px solid #eee'
		});
	});
	
	$('.collections-col-right img').css({
		'border': '1px solid #eee'
	});

	$('ul.thumbs li a').click(function() {
		var imageSrc = $(this).attr('href');
		var imageTitle = $(this).attr('title');
		var imageAlt = $(this).find('img').attr('alt');
		var imageDesc = $(this).parent().find('.description').html();
		
		$('.collections-col-right img').fadeOut('fast', function() {
			$(this).attr({
				src: imageSrc,
				alt: imageAlt
			}).fadeIn('fast');
		});
		
		$('#image-title').fadeOut('fast', function() {
			$(this).empty().append('<h3>'+imageTitle+'</h3>').fadeIn('fast');
		});
		
		$('#image-description').fadeOut('fast', function() {
			$(this).empty().append('<p>'+imageDesc+'</p>').fadeIn('fast');
		});
		
		return false;
	});
});