$(document).ready(function(){
	//in_array function
	function in_array( what, where ){var a=false;for(var i=0;i<where.length;i++){if(what == where[i]){a=true;break;}}return a;}
	//Capitalize function
	String.prototype.capitalize = function(){return this.replace( /(^|\s)([a-z])/g , function(m,p1,p2){ return p1+p2.toUpperCase(); } );};
	
	//grab all swatches
	var swatches	=	$("#swatchBlock span[rel='parent']");
	//create array of classnames
	var colcategories	= new Array();
	var catcounter		=	0;
	for(var i=0, len=swatches.length; i<len; ++i) {
		curclass	=	$(swatches[i]).attr('class');		
		if(!in_array(curclass,colcategories)) {
			colcategories[catcounter]	=	curclass;
			catcounter++;
		}
	}
	//colcategories.sort();
	//PREPARE OUTPUT...
	
	//create heading and containers
	for(var i=0,len=colcategories.length;i<len;++i) {
		catname	=	colcategories[i];
		$("#swatchBlock").append('<div class="swatchgroup '+catname+'"><h6>'+catname.capitalize()+'</h6></div>');
	}
	
	//move the swatches to correct container
	for(var i=0, len=swatches.length; i<len; ++i) {
		$(swatches[i]).parent().appendTo('div.'+$(swatches[i]).attr('class'));
		//$(swatches[i]).remove();
	}	
});