/*
===============================================================================
Chili is the jQuery code highlighter plugin
...............................................................................
LICENSE: http://www.opensource.org/licenses/mit-license.php
WEBSITE: http://noteslog.com/chili/

 Copyright 2008 / Andrea Ercolino
===============================================================================
*/

{
	 _name: 'HTML'
	, _case: false
	, _main: {
		 doctype: { 
			 _match: /<!DOCTYPE\b[\w\W]*?>/ 
			, _style: "color: #CC6600;"
		}
		, ie_style: {
			 _match: /(<!--\[[^\]]*\]>)([\w\W]*?)(<!\[[^\]]*\]-->)/
			, _replace: function( all, open, content, close ) {
				return "<span class='ie_style'>" + this.x( open ) + "</span>" 
					 + this.x( content, '//style' ) 
					 + "<span class='ie_style'>" + this.x( close ) + "</span>";
			}
			, _style: "color: DarkSlateGray; font-weight: bold;"
		}
		, comment: { 
			 _match: /<!--[\w\W]*?-->/ 
			, _style: "color: #008000;"
		}
		, script: { 
			 _match: /(<script\s+[^>]*>)([\w\W]*?)(<\/script\s*>)/
			, _replace: function( all, open, content, close ) { 
				 return this.x( open, '//tag_start' ) 
					 + this.x( content, 'JavaScript' ) 
					 + this.x( close, '//tag_end' );
			} 
		}
		, style: { 
			 _match: /(<style\s+[^>]*>)([\w\W]*?)(<\/style\s*>)/
			, _replace: function( all, open, content, close ) { 
				 return this.x( open, '//tag_start' ) 
					 + this.x( content, 'CSS' ) 
					 + this.x( close, '//tag_end' );
			} 
		}
		// matches a starting tag of an element (with attrs)
		// like "<div ... >" or "<img ... />"
		, tag_start: { 
			 _match: /(<\w+)((?:[?%]>|[\w\W])*?)(\/>|>)/ 
			, _replace: function( all, open, content, close ) { 
				 return "<span class='tag_start'>" + this.x( open ) + "</span>" 
					 + this.x( content, '/tag_attrs' ) 
					 + "<span class='tag_start'>" + this.x( close ) + "</span>";
			}
			, _style: "color: blue;"
		} 
		// matches an ending tag
		// like "</div>"
		, tag_end: { 
			 _match: /<\/\w+\s*>|\/>/ 
			, _style: "color: blue;"
		}
		, entity: { 
			 _match: /&\w+?;/ 
			, _style: "color: blue;"
		}
	}
	, tag_attrs: {
		// matches a name/value pair
		attr: {
			// before in 1,ドル name in 2,ドル between in 3,ドル value in 4ドル
			 _match: /(\W*?)([\w-]+)(\s*=\s*)((?:\'[^\']*(?:\\.[^\']*)*\')|(?:\"[^\"]*(?:\\.[^\"]*)*\"))/ 
			, _replace: "1ドル<span class='attr_name'>2ドル</span>3ドル<span class='attr_value'>4ドル</span>"
			, _style: { attr_name: "color: #A31515;", attr_value: "color: #A31515;" }
		}
	}
}