jQuery.fn.toggleNext = function() {
	this.toggleClass('drop-down').next().slideToggle('slow');
};

$(document).ready(function() {
	$('.color-selector-category h3').css({
		// 'color': 'blue', 
		// 		'text-decoration': 'underline',
		// 		'cursor':'pointer',
		'background': 'transparent url(/images/glyphs/circle-arrow-down.gif) no-repeat'
		});
	
	$('.color-selector-category h3').click(function() {
		$(this).toggleNext();
		return false;
	});
	
	$('.color-selector-category h3').toggle(function() {
		$(this).css({'background': 'transparent url(/images/glyphs/circle-arrow.gif) no-repeat'});
	}, function() {
		$(this).css({'background': 'transparent url(/images/glyphs/circle-arrow-down.gif) no-repeat'});
	});	
	
	$('.color-selector-category h3').wrapInner( '<a href="#"></a>' );
	
	$('.color-selector-category h3:gt(0)').toggleNext();
	                                                                            		
});