// jQuery for use on the t-shirt detail page.

function enableColorSelect() {
	$('div.colors').hide();
	if ($('div.js-colors')) {
		$('div.js-colors').remove();
	}
	
	newDiv = '<div class="js-colors"></div>';
	$('div.colors').after(newDiv);
	
	$('div.colors input').each( function() {
		shirtColor = $(this).attr('id');
		$('div.js-colors').append('<span class="color ' + shirtColor + '">' + shirtColor + '</span>');
	});
}

$(document).ready( function() {
	
	$('div.js-colors span').live('click', function() {
		thisColor = $(this).text();
		$('div.js-colors span.active').removeClass('active');
		$(this).addClass('active');
		currentInput = 'input#' + thisColor;
		$(currentInput).attr('checked', 'checked');
	});
	
	enableColorSelect();
	
});