// brush: "css" aliases: []

//	This file is part of the "jQuery.Syntax" project, and is distributed under the MIT License.
//	Copyright (c) 2011 Samuel G. D. Williams. <http://www.oriontransfer.co.nz>
//	See <jquery.syntax.js> for licensing details.

Syntax.register('css', function(brush) {
	var colorNames = ["AliceBlue", "AntiqueWhite", "Aqua", "Aquamarine", "Azure", "Beige", "Bisque", "Black", "BlanchedAlmond", "Blue", "BlueViolet", "Brown", "BurlyWood", "CadetBlue", "Chartreuse", "Chocolate", "Coral", "CornflowerBlue", "Cornsilk", "Crimson", "Cyan", "DarkBlue", "DarkCyan", "DarkGoldenRod", "DarkGray", "DarkGreen", "DarkKhaki", "DarkMagenta", "DarkOliveGreen", "Darkorange", "DarkOrchid", "DarkRed", "DarkSalmon", "DarkSeaGreen", "DarkSlateBlue", "DarkSlateGray", "DarkTurquoise", "DarkViolet", "DeepPink", "DeepSkyBlue", "DimGray", "DodgerBlue", "FireBrick", "FloralWhite", "ForestGreen", "Fuchsia", "Gainsboro", "GhostWhite", "Gold", "GoldenRod", "Gray", "Green", "GreenYellow", "HoneyDew", "HotPink", "IndianRed", "Indigo", "Ivory", "Khaki", "Lavender", "LavenderBlush", "LawnGreen", "LemonChiffon", "LightBlue", "LightCoral", "LightCyan", "LightGoldenRodYellow", "LightGrey", "LightGreen", "LightPink", "LightSalmon", "LightSeaGreen", "LightSkyBlue", "LightSlateGray", "LightSteelBlue", "LightYellow", "Lime", "LimeGreen", "Linen", "Magenta", "Maroon", "MediumAquaMarine", "MediumBlue", "MediumOrchid", "MediumPurple", "MediumSeaGreen", "MediumSlateBlue", "MediumSpringGreen", "MediumTurquoise", "MediumVioletRed", "MidnightBlue", "MintCream", "MistyRose", "Moccasin", "NavajoWhite", "Navy", "OldLace", "Olive", "OliveDrab", "Orange", "OrangeRed", "Orchid", "PaleGoldenRod", "PaleGreen", "PaleTurquoise", "PaleVioletRed", "PapayaWhip", "PeachPuff", "Peru", "Pink", "Plum", "PowderBlue", "Purple", "Red", "RosyBrown", "RoyalBlue", "SaddleBrown", "Salmon", "SandyBrown", "SeaGreen", "SeaShell", "Sienna", "Silver", "SkyBlue", "SlateBlue", "SlateGray", "Snow", "SpringGreen", "SteelBlue", "Tan", "Teal", "Thistle", "Tomato", "Turquoise", "Violet", "Wheat", "White", "WhiteSmoke", "Yellow", "YellowGreen"];
	
	var colorPatterns = ["#[0-9a-f]{3,6}", "rgba?\\(.+?\\)", "hsla?\\(.+?\\)"];
	
	var colorMatcher = [].concat(
		jQuery.map(colorNames, function(pattern) {
			return "(" + Syntax.Brush.convertStringToTokenPattern(pattern, true) + ")";
		}), 
		jQuery.map(colorPatterns, function(pattern) {
			return "(" + Syntax.Brush.convertStringToTokenPattern(pattern, false) + ")";
		})
	);
	
	brush.push({
		pattern: /\(.*?\)/g,
		allow: '*',
		disallow: ['property']
	});
	
	brush.push({
		pattern: /\s*([\:\.\[\]\"\'\=\s\w#\.\-,]+)\s+\{/gm,
		matches: Syntax.extractMatches({klass: 'selector', allow: ['string']})
	});
	
	brush.push({
		pattern: new RegExp(colorMatcher.join("|"), "gi"),
		klass: 'color',
		process: function (element, match) {
			var text = Syntax.innerText(element);
			var colourBox = document.createElement('span');
			colourBox.className = 'colour-box';
			
			var sampleColour = document.createElement('span');
			sampleColour.className = 'sample';
			sampleColour.style.backgroundColor = text;
			sampleColour.appendChild(document.createTextNode('&nbsp;&nbsp;'))
			colourBox.appendChild(sampleColour);
			
			element.appendChild(colourBox);
			return element;
		}
	});
		
	brush.push(Syntax.lib.cStyleComment);
	brush.push(Syntax.lib.webLink);
	
	brush.push({
		pattern: /\{(.|\n)*?\}/g,
		klass: 'properties',
		allow: '*'
	});
	
	brush.push({
		pattern: /\:(.*?(?=\})|(.|\n)*?(?=(\}|\;)))/g,
		matches: Syntax.extractMatches({klass: 'value', allow: ['color'], only: ['properties']})
	});
	
	brush.push({
		pattern: /([\-\w]+):/g,
		matches: Syntax.extractMatches({
			klass: 'property',
			process: Syntax.lib.webLinkProcess("http://cssdocs.org/")
		})
	});
	
	// Strings
	brush.push(Syntax.lib.singleQuotedString);
	brush.push(Syntax.lib.doubleQuotedString);
	brush.push(Syntax.lib.stringEscape);
	
	brush.push(Syntax.lib.cStyleFunction);
});