if ( !self.SMM ) { self.SMM = new Object(); self.SMM.wcomp = new Object(); }
self.SMM.wcomp.basiccols = {
 run: function () {
	var o = this;
	var g = self.SMM.wcomp.gen; 
	if ( !g.DOMok ) { return }
	o.thisfg = document.getElementById( 'thisfg' ); o.thisbg = document.getElementById( 'thisbg' );
	if ( !o.thisfg || !o.thisbg || !o.thisfg.form || !o.Vc['black'] ) { return }
	o.patt = new RegExp( '^#?([a-f0-9]{3})([a-f0-9]{3})?$' );
	if ( !'abc'.match || !'abc'.match( o.patt ) ) { return }
	o.thisfg.form.onsubmit = o.onsubmit_check;
	var f = document.getElementById( 'form' );
	var p = g.cElt( 'p' );
	g.aTxt( p, 'or you can try using the ' );
	var a = g.cElt( 'a', '', '', 'Interactive Colour Palette' );
	a.href = 'palette.html';
	p.appendChild( a );
	g.aTxt( p, '.' );
	f.appendChild( p );
 },

 onsubmit_check: function () {
	var o = self.SMM.wcomp.basiccols;
	var e = new Array ();
	var focus = o.thisbg;
	self.SMM.wcomp.gen.norm_ws( o.thisfg ); self.SMM.wcomp.gen.norm_ws( o.thisbg );
	var fg = o.thisfg.value.toLowerCase(); var bg = o.thisbg.value.toLowerCase();
	if ( !o.Vc[ fg ] && !fg.match( o.patt ) ) { focus = o.thisfg; e[ e.length ] = 'Colour 1 Invalid' }
	if ( !o.Vc[ bg ] && !bg.match( o.patt ) ) { e[ e.length ] = 'Colour 2 Invalid' }
	if ( e[0] ) { return self.SMM.wcomp.forms.form_error( e, focus, o.thisfg.form ) }
	return true;
 },

 Vc: {
	white:	'fff',
	black:	'000',
	red:	'f00',
	lime:	'0f0',
	blue:	'00f',
	yellow:	'ff0',
	aqua:	'0ff',
	fuchsia:'f0f',
	silver:	'c0c0c0',
	gray:	'808080',
	maroon:	'800000',
	green:	'008000',
	navy:	'000080',
	olive:	'808000',
	teal:	'008080',
	purple:	'800080',
	orange:	'ffa500'
 }
};