/******************************
Take a simple CSS selector and build and return a corresponding DOM.

Returns the outermost element. Tags default to <div> if not specified.
NOTE: DOM content is returned as a jQuery collection.

Example:

$.build('.wrapper p a.link span');

Returns <div class="wrapper"><p><a class="link"><span></span></a></p></div>

******************************/

(function($){

$.build = function(selector) {
	
	var pieces = selector.split(' '),
		root = null,
		response = null;
		
	$.each(pieces,function(){
		if(this != '') {
			var bits = this.split('.');
			bits[0] = bits[0]||'div';
			var $piece = $('<'+bits[0]+'/>');
			for(var i=1;i<bits.length;i++) {
				if(bits[i]) {
					$piece.addClass(bits[i]);
				}
			}
			if(root === null) {
				root = $piece;
			}
			else {
				root.append($piece);
				root = $piece;
			}
			response = (response !== null)?response:$piece;
		}
	});
	
	return response;
	
}

})(jQuery);