$(document).ready(function() {
	$('.pthumbs img').each(function() {
		var file = $(this).attr('src').replace(/-thumb/,"-large");
		jQuery("<img>").attr("src", file);
	});

	$('.raster,.gocco').hide();
	
	$('.vl').click(function() {
		$('.raster,.gocco').hide();
		$('.vector').show();
		
		$('.rl, .gl').removeClass('selected');
		$(this).addClass('selected');
		
		load_first('vector');
		
		return false;
	});
	
	$('.rl').click(function() {
		$('.vector,.gocco').hide();
		$('.raster').show();
		
		$('.vl, .gl').removeClass('selected');
		$(this).addClass('selected');
		
		load_first('raster');
		
		return false;
	});

	$('.gl').click(function() {
		$('.raster,.vector').hide();
		$('.gocco').show();
		
		$('.rl, .vl').removeClass('selected');
		$(this).addClass('selected');
		
		load_first('gocco');
		
		return false;
	});	
	
	function load_first(type) {
		$('.' + type + ' .pthumbs img').each(function() {
			var file = $(this).attr('src').replace(/-thumb/,"-large");

			$('.pthumbs img').removeClass('selected');
			$(this).addClass('selected');
			
			$('.img img').fadeOut('slow', function() {
				$('.img img').attr('src', file).fadeIn('slow')
			});
			
			$('.title').html($(this).attr('alt'));			
			
			return false;
		});
	}
	
	$('.pthumbs img').each(function() {
		var file = $(this).attr('src').replace(/-thumb/,"-large");
		$(this).click(function() {
			$('.pthumbs img').removeClass('selected');
			$(this).addClass('selected');
			
			$('.img img').fadeOut('slow', function() {
				$('.img img').attr('src', file).fadeIn('slow')
			});
			
			$('.title').html($(this).attr('alt'));
		});
	});

});