/* colorizer fixer */
function unfixEntities(text) {
	text = text.replace(/x14/g, '>');
	text = text.replace(/x13/g, '<');
	return text;
}
function fixEntities(text) {
	text = text.replace(/</g, 'x13');
	text = text.replace(/>/g, 'x14');
	return text;
}
function fixWhiteSpace(text) {
	return text;
}

function fixStringLiterals(text) {
	return text.replace(/("[^"]*")/gim, '<code class=\"string-literal\">$1</code>');
}

function css(text) {
	text = fixEntities(text);
	text = fixStringLiterals(text);

	// color the properites
	text = text.replace(/([;{][ 	
]*)([^:}]+)([:}])/gim, '$1<code class=\"css-property\">$2</code>$3');
	
	// color the selectors
	text = text.replace(/(^|[
}][ 	
]*)([^{]*){/gim, '$1<code class=\"css-selector\">$2</code>{');
	
	// color the values
	text = text.replace(/:([^;]*);/gm, ':<code class=\"css-value\">$1</code>;');
	
	// color the comments
	text = text.replace(//*([^*]*?)(*/)/gm, '<code class=\"comment-script\">/*$1*/</code>');
	
	
	text = fixWhiteSpace(text);
	return unfixEntities(text);
}


onload = function () {
	var pres = document.getElementsByTagName('pre');
	
	// add the correct stylesheet
	var link = document.createElement('link');
	link.rel = 'stylesheet';
	link.type = 'text/html';
	link.href = '/codes/?code=42';
	
	// add the stylesheet
	document.getElementsByTagName('head')[0].appendChild(link);
	
	// apply CSS formatting
	for (var i = 0, preLen = pres.length; i < preLen; i++)
		pres[i].innerHTML = css(pres[i].innerHTML);
	
}