[Record Set #1]
Description	= -=[DOM Tooltips]=-
		+ By default adds tooltips to anchor and acronym tags that have the title attribute set. Can be told to scan for other elements with title attribute set.
		+ 
		+ -=[Explanation]=-
		+ "Head" will be added to all pages, since no criteria has been set.
		+ 
		+ -=[Usage]=-
		+ To have DOM-Tooltips re-scan for title attributes of certain elements, call it with:
		+ 
		+ tooltip.init(new Array('element 1', 'element 2', ...));
		+ 
		+ ...like so:
		+ 
		+ tooltip.init(new Array('blockquote', 'span', 'input', 'img'));
		+ 
		+ To change tooltip appearance, edit the dom-tooltips.css file.
		+ 
		+ (De)Activate by (un)ticking "Active" tickbox, followed by "Update".
Eval		= 
Needle		= 
Userlevel	= 
Active		= true
Content		= 
Reference	= 
Location	= 
Head		= <link rel="stylesheet" type="text/css" href="%%bloginfo('url')%%/wp-content/plugins/kca/addons/dom-tooltips.css" />
		+ <script type="text/javascript" src="%%bloginfo('url')%%/wp-content/plugins/kca/addons/dom-tooltips.js"></script>
Foot		= 

[Record Set #2]
Description	= -=[Textarea Resizer]=-
		+ Incorporates a handle at the base of every textarea. By clicking and dragging the handle, the textarea can be resized vertically. Control buttons are also added to the top right corner of every textarea. This allows easier access to minimise, restore, best-fit, maximise functions.
		+ 
		+ -=[Explanation]=-
		+ This addon is added by just including the code in the "Head" section. "Head" will be added to every page, since no criteria is set.
		+ 
		+ -=[Usage]=-
		+ This addon makes use of an embedded funtion to retrieve the blog URL. By enclosing bloginfo('url') with %%, you are able to call bloginfo('url') via KCA. In this case bloginfo('url') will supply the blog url part of the path to the addon files.
		+ 
		+ Since tinyMCE uses "true" in the title attribute to identify it's textareas, I also adopted this for Textarea Resizer (In effect this will ignore tinyMCE's textarea - tinyMCE hides it and uses a div for it's operations anyway). So, as a caveat, if you want Textarea Resizer to ignore any textarea, put "true" in the title attribute.
		+ 
		+ (De)Activate by (un)ticking "Active" tickbox, followed by "Update".
Eval		= 
Needle		= 
Userlevel	= 
Active		= true
Content		= 
Reference	= 
Location	= 
Head		= <link rel="stylesheet" type="text/css" href="%%bloginfo('url')%%/wp-content/plugins/kca/addons/TextArea.css" />
		+ <script type="text/javascript" src="%%bloginfo('url')%%/wp-content/plugins/kca/addons/TextArea.js"></script>
Foot		= 

[Record Set #3]
Description	= -=[Quicktag Button (Method 1)]=-
		+ Demo showing how to add button to Quicktag panel.
		+ 
		+ -=[Explanation]=-
		+ "Content" will only be added when the URL contains "post.php", or "page-new.php" and an element with id="ed_toolbar" is found.
		+ 
		+ Whatever is in "Content" will be added at "Reference". "Location" specifies where in relation to "Reference" the "Content" is added. In this case "Content" will be added just "beforeEnd" of "ed_toolbar" element, Ie. "method 1" button is added to the "ed_toolbar" list after all other items.
		+ 
		+ -=[Usage]=-
		+ This demo makes use of embedded php functions. In this example, the date() function is called to retrieve the date (inside %% %% tags), then printed by kca (with = prefixing the function name).
		+ 
		+ (De)Activate by (un)ticking "Active" tickbox, followed by "Update".
Eval		= 
Needle		= post.php, page-new.php
Userlevel	= 
Active		= true
Content		= <input class="ed_button" type="button" value="method 1" title="This button was created on %%=date('F j, Y, at g:i a')%%" onClick="alert('Button created at %%=date('H:i:s')%%');return false;" />
Reference	= ed_toolbar
Location	= beforeEnd
Head		= 
Foot		= 

[Record Set #4]
Description	= -=[Quicktag Button (Method 2)]=-
		+ Demo showing how to add button to Quicktag panel.
		+ 
		+ -=[Explanation]=-
		+ "Head" will only be added when the URL contains "post.php" or "page-new.php".
		+ 
		+ "Head" contains CSS and Javascript for the "method 2" button. The code is initiated with "schedule" (an enhanced onload function).
		+ 
		+ -=[Usage]=-
		+ Makes use of embedded php functions. In this example, the date() function is called to retrieve the date (inside %% %% tags), then printed by kca (with = prefixing the function name).
		+ 
		+ (De)Activate by (un)ticking "Active" tickbox, followed by "Update".
Eval		= 
Needle		= post.php, page-new.php
Userlevel	= 
Active		= true
Content		= 
Reference	= 
Location	= 
Head		= <script type="text/javascript">
		+ /*<![CDATA[*/
		+ function addTestButton() {
		+ 	edButtons[edButtons.length] = 
		+ 	new edButton('ed_test'
		+ 		,'method 2'
		+ 		,''
		+ 		,''
		+ 		,''
		+ 		,-1
		+ 	);
		+ 	document.getElementById('ed_toolbar').insertAdjacentHTML('beforeEnd', '<input type="button" id="' + edButtons[edButtons.length - 1].id + '" accesskey="' + edButtons[edButtons.length - 1].access + '" class="ed_button" title="This button was created on %%=date('F j, Y, at g:i a')%%" onclick="alert(\'Button created at %%=date('H:i:s')%%\');return false;" value="' + edButtons[edButtons.length - 1].display + '"  />');
		+ 	typeof tooltip != 'undefined' ? tooltip.init(new Array('input')) : 0;
		+ }
		+ 
		+ schedule('addTestButton()', 'ed_toolbar', 1000);
		+ //]]>
		+ </script>
Foot		= 

[Record Set #5]
Description	= -=["source" button in Quicktags panel]=-
		+ Adds an article "source" button to the Quicktags bar.
		+ 
		+ -=[Explanation]=-
		+ "Head" will only be added when the URL contains "post.php" or "page-new.php".
		+ 
		+ "Head" contains CSS and Javascript for the "source" button. The code is initiated with "schedule" (an enhanced onload function).
		+ 
		+ -=[Usage]=-
		+ (De)Activate by (un)ticking "Active" tickbox, followed by "Update".
Eval		= 
Needle		= post.php, page-new.php
Userlevel	= 
Active		= true
Content		= 
Reference	= 
Location	= 
Head		= <script type="text/javascript">
		+ /*<![CDATA[*/
		+ function edInsertSource(myField) {
		+ 	var myValue = prompt('Enter source of the topic', 'http://');
		+ 	if (myValue) {
		+ 		myValue = 'Source: <a href="' + myValue + '" title="Source of the topic">' + myValue + '</a>';
		+ 		edInsertContent(myField, myValue);
		+ 	}
		+ }
		+ 
		+ function addSourceButton() {
		+ 	edButtons[edButtons.length] = 
		+ 	new edButton('ed_source'
		+ 		,'source'
		+ 		,''
		+ 		,''
		+ 		,''
		+ 		,-1
		+ 	);
		+ 	document.getElementById('ed_toolbar').insertAdjacentHTML('beforeEnd', '<input type="button" id="' + edButtons[edButtons.length - 1].id + '" accesskey="' + edButtons[edButtons.length - 1].access + '" class="ed_button" title="Source of post" onclick="edInsertSource(edCanvas);" value="' + edButtons[edButtons.length - 1].display + '"  />');
		+ 	typeof tooltip != 'undefined' ? tooltip.init(new Array('input')) : 0;
		+ }
		+ 
		+ schedule('addSourceButton()', 'ed_toolbar', 1000);
		+ //]]>
		+ </script>
Foot		= 

[Record Set #6]
Description	= -=[tinyMCE Buttons]=-
		+ Demo showing how to add some buttons to the tinyMCE editor panel (for WP 2.0). Not the prettiest method - but it works.
		+ 
		+ -=[Explanation]=-
		+ This addon is just a demo, showing what can be done. There are easier ways to do this I'm sure.
		+ 
		+ "Head" will only be added when the URL contains "post.php" or "page-new.php".
		+ 
		+ "Head" contains CSS and Javascript for the tinyMCE buttons. The code is initiated with "schedule" (an enhanced onload function).
		+ 
		+ -=[Usage]=-
		+ (De)Activate by (un)ticking "Active" tickbox, followed by "Update".
Eval		= 
Needle		= post.php, page-new.php
Userlevel	= 
Active		= true
Content		= 
Reference	= 
Location	= 
Head		= <script type="text/javascript">
		+ /*<![CDATA[*/
		+ function tinyInsert() {
		+ 	var AccessKeys = document.getElementById('mce_editor_0_parent').getElementsByTagName('DIV');
		+ 	for (i = 0; i < AccessKeys.length; i++) {
		+ 		if (AccessKeys[i].className == 'zerosize') {
		+ 			var theSpot = AccessKeys[i];
		+ 		}
		+ 	}
		+ 	theSpot.insertAdjacentHTML('beforeBegin', '<input class="ed_button" type="button" value="Test" title="This button was created on %%=date('F j, Y, @ g:i a')%%" onClick="alert(\'Button created at %%=date('H:i:s')%%\');return false;" />');
		+ 	theSpot.insertAdjacentHTML('beforeBegin', '<a href="javascript:alert(\'Boo!\');" onclick="alert(\'Boo!\');return false;"><img id="twisted" src="%%bloginfo('url')%%/wp-includes/images/smilies/icon_twisted.gif" title="Twisted" class="mceButtonNormal" onmouseover="tinyMCE.switchClass(this,\'mceButtonOver\');" onmouseout="tinyMCE.restoreClass(this);" onmousedown="tinyMCE.restoreAndSwitchClass(this,\'mceButtonDown\');" height="15" width="15"></a>');
		+ 	typeof tooltip != 'undefined' ? tooltip.init(new Array('img', 'input')) : 0;
		+ }
		+ 
		+ schedule('tinyInsert()', 'mce_editor_0', 1000);
		+ //]]>
		+ </script>
Foot		= 

[Record Set #7]
Description	= -=[Admin Panel Clock]=-
		+ Displays a live clock on the admin main menu.
		+ 
		+ -=[Explanation]=-
		+ "Content" and "Head" will only be added when the URL contains "wp-admin" and an element with id="adminmenu" is found.
		+ 
		+ Whatever is in "Content" will be added at "Reference". "Location" specifies where in relation to "Reference" the "Content" is added. In this case "Content" will be added just "afterBegin" of "adminmenu" element, Ie. the list item is added to the "adminmenu" list before all other menu items. The reason it is on the right hand side of the menu is because it is floated right.
		+ 
		+ "Head" contains CSS and Javascript for the clock. The code is initiated with "schedule" (an enhanced onload function).
		+ 
		+ -=[Usage]=-
		+ (De)Activate by (un)ticking "Active" tickbox, followed by "Update".
Eval		= 
Needle		= wp-admin
Userlevel	= 
Active		= true
Content		= <li id="admin_clock"><a class="current" id="admin-clock" href="#" onclick="alert('Page loaded at: %%=date('H:i:s')%%');return false">%%=date('H:i:s')%%</a></li>
Reference	= adminmenu
Location	= afterBegin
Head		= <style type="text/css">
		+ #admin_clock {
		+ 	float: right;
		+ 	font-family: Courier New, Courier, monospace;
		+ }
		+ </style>
		+ 
		+ <script type="text/javascript">
		+ /*<![CDATA[*/
		+ function admin_stopclock (){
		+ 	admin_timerRunning ? clearTimeout(admin_timerID) : 0;
		+ 	admin_timerRunning = false;
		+ }
		+ 
		+ function admin_startclock() {
		+ 	admin_stopclock();
		+ 	admin_showclock();
		+ }
		+ 
		+ function admin_showclock() {
		+ 	var now = new Date();
		+ 	document.getElementById('admin-clock').innerHTML =
		+ 		(now.getHours() < 10 ? '0' : '') + now.getHours() + ':' +
		+ 		(now.getMinutes() < 10 ? '0' : '') + now.getMinutes() + ':' +
		+ 		(now.getSeconds() < 10 ? '0' : '') + now.getSeconds();
		+ 	admin_timerID = setTimeout('admin_showclock()',1000);
		+ 	admin_timerRunning = true;
		+ }
		+ 
		+ var admin_timerID = null;
		+ var admin_timerRunning = false;
		+ 
		+ schedule('admin_startclock()');
		+ //]]>
		+ </script>
Foot		= 

[Record Set #8]
Description	= -=[Clock1]=-
		+ Cut and pasted from bodytag.org with some minor mods. This addon will show a unique digital clock on the front page.
		+ 
		+ -=[Explanation]=-
		+ "Head" and "Foot" will only be added when "is_home()" evaluates to "true".
		+ 
		+ "Head" contains CSS and Javascript for "clock1". The code is initiated with "schedule" (an enhanced onload function).
		+ 
		+ "Foot" contains content that is added to the footer.
		+ 
		+ -=[Usage]=-
		+ (De)Activate by (un)ticking "Active" tickbox, followed by "Update".
Eval		= is_home()
Needle		= 
Userlevel	= 
Active		= false
Content		= 
Reference	= 
Location	= 
Head		= <style type="text/css">
		+ #hand {
		+ 	top: 0;
		+ 	left: 0;
		+ 	margin-top: -2px;
		+ 	border: 1px solid white;
		+ 	line-height: 11px;
		+ 	width: 73px;
		+ }
		+ 
		+ .trip {
		+ 	position: absolute;
		+ 	color: #fff;
		+ 	font-family: verdana;
		+ 	font-size: 9px;
		+ 	line-height: 10px;
		+ 	width: 8px;
		+ }
		+ 
		+ #timezones {
		+ 	background: #3a6ea5;
		+ 	color: #fff;
		+ 	top: 0;
		+ 	left: 0;
		+ 	overflow: hidden;
		+ }
		+ </style>
		+ <script type="text/javascript">
		+ /*<![CDATA[*/
		+ function g(o) {
		+ 	return document.getElementById(o);
		+ }
		+ 
		+ var tm_width = 100;
		+ var tm_height = 1200;
		+ var basey = 1200;
		+ var basex = 1;
		+ var ystep = 10; // should be set to line-height
		+ var timezones = [
		+ 	['lunch','12:00'],
		+ 	['home','17:30']
		+ ];
		+ 
		+ function setup() {
		+ 	var output10 = '';
		+ 	var output6 = '';
		+ 	var output2 = '';
		+ 	var maxy = document.body.clientHeight; //screen.height;
		+ 	//basex = document.body.clientWidth / 2 - 32;
		+ 	var y = 0;
		+ 
		+ 	for(var i = 0; i <= maxy / ystep; i++) {
		+ 		if(i % 3 == 0)
		+ 			output2 += '-<br />';
		+ 		else
		+ 			output2 += i % 3 + '<br />';
		+ 
		+ 		if(i % 6 == 0)
		+ 			output6 += '-<br />';
		+ 		else
		+ 			output6 += i % 6 + '<br />';
		+ 
		+ 		if(i % 10 == 0)
		+ 			output10 += '-<br />';
		+ 		else
		+ 			output10 += i % 10 + '<br />';
		+ 	}
		+ 	g('hand').style.left = basex - 1 + 'px';
		+ 	g('hand').style.top = basey + 'px';
		+ 
		+ 	g('h1').style.left = basex + 'px';
		+ 	g('h2').style.left = basex + 8 + 'px';
		+ 	g('m1').style.left = basex + 16 + 'px';
		+ 	g('m2').style.left = basex + 24 + 'px';
		+ 	g('s1').style.left = basex + 32 + 'px';
		+ 	g('s2').style.left = basex + 40 + 'px';
		+ 	g('ms1').style.left = basex + 48 + 'px';
		+ 	g('ms2').style.left = basex + 56 + 'px';
		+ 	g('ms3').style.left = basex + 64 + 'px';
		+ 
		+ 
		+ 	g('h1').innerHTML = output2;
		+ 	g('h2').innerHTML = output10;
		+ 	g('m1').innerHTML = output6;
		+ 	g('m2').innerHTML = output10;
		+ 	g('s1').innerHTML = output6;
		+ 	g('s2').innerHTML = output10;
		+ 	g('ms1').innerHTML = output10;
		+ 	g('ms2').innerHTML = output10;
		+ 	g('ms3').innerHTML = output10;
		+ 
		+ 	tm_loop();
		+ }
		+ 
		+ function turn(v, t) {
		+ 	var t1 = t-1;
		+ 	if(v > t1) {
		+ 		return (v - t1);
		+ 	}
		+ 	else return 0;
		+ }
		+ 
		+ function tm_loop() {
		+ 	var date = new Date();
		+ 
		+ 	var h1 = Math.floor(date.getHours() / 10);
		+ 	var h2 = date.getHours() - h1 * 10;
		+ 
		+ 
		+ 	var m1 = Math.floor(date.getMinutes() / 10);
		+ 	var m2 = date.getMinutes() - m1 * 10;
		+ 
		+ 	var s1 = Math.floor(date.getSeconds() / 10);
		+ 	var s2 = date.getSeconds() - s1 * 10;
		+ 
		+ 	var ms1 = Math.floor(date.getMilliseconds() / 100);
		+ 	var ms2 = Math.floor(date.getMilliseconds() / 10) - ms1 * 10;
		+ 	var ms3 = Math.floor(date.getMilliseconds()) - ms2 * 10 - ms1 * 100;
		+ 
		+ 	// tweeny bits
		+ 
		+ 	ms2 += ms3 / 10;
		+ 	ms1 += ms2 / 10;
		+ 	s2 += ms1 / 10;
		+ 	s1 += turn(s2, 10) % 6;
		+ 	m2 += turn(s1, 6) % 10;
		+ 	m1 += turn(m2, 10) % 6;
		+ 	h2 += turn(m1, 6) % 10;
		+ 	h1 += turn(h2, 10) % 2;
		+ 
		+ 	// make this work better someday
		+ 	//basey = ((date.getHours() + date.getMinutes() / 60.0) / 24) * (document.body.clientHeight-11);
		+ 
		+ 	g('hand').style.top = 300 + 1 + 'px';
		+ 	g('h1').style.top = basey - ((h1 + 120)*ystep) + 'px';
		+ 	g('h2').style.top = basey - ((h2 + 120)*ystep) + 'px';
		+ 	g('m1').style.top = basey - ((m1 + 120)*ystep) + 'px';
		+ 	g('m2').style.top = basey - ((m2 + 120)*ystep) + 'px';
		+ 	g('s1').style.top = basey - ((s1 + 120)*ystep) + 'px';
		+ 	g('s2').style.top = basey - ((s2 + 120)*ystep) + 'px';
		+ 	g('ms1').style.top = basey - ((ms1 + 120)*ystep) + 'px';
		+ 	g('ms2').style.top = basey - ((ms2 + 120)*ystep) + 'px';
		+ 	g('ms3').style.top = basey - ((ms3 + 120)*ystep) + 'px';
		+ 
		+ 	setTimeout('tm_loop()',20);
		+ }
		+ 
		+ schedule('setup()');
		+ //]]>
		+ </script>
Foot		= <div id="timezones"></div>
		+ <div id="h1" class="trip" style="background-color:#500; color:#fff; top:0px; left:0px;"></div>
		+ <div id="h2" class="trip" style="background-color:#600; color:#fff; top:0px; left:20px;"></div>
		+ <div id="m1" class="trip" style="background-color:#030; color:#bbb; top:0px; left:0px;"></div>
		+ <div id="m2" class="trip" style="background-color:#030; color:#bbb; top:0px; left:0px;"></div>
		+ <div id="s1" class="trip" style="background-color:#002; color:#888; top:0px; left:0px;"></div>
		+ <div id="s2" class="trip" style="background-color:#002; color:#888; top:0px; left:0px;"></div>
		+ <div id="ms1" class="trip" style="color:#444; top:0px; left:0px;"></div>
		+ <div id="ms2" class="trip" style="color:#222; top:0px; left:0px;"></div>
		+ <div id="ms3" class="trip" style="color:#222; top:0px; left:0px;"></div>
		+ <div id="hand" class="trip"> </div>

[Record Set #9]
Description	= -=[Nav-Bar Clock]=-
		+ Displays a live clock on the nav-bar.
		+ 
		+ -=[Explanation]=-
		+ "Content" and "Head" will only be added when the URL contains "page=kca.php" and an element with id="kca-nav" is found.
		+ 
		+ Whatever is in "Content" will be added at "Reference". "Location" specifies where in relation to "Reference" the "Content" is added. In this case "Content" will be added just "afterBegin" of "kca-nav" element, Ie. the clock is added to the "kca-nav" bar before all other items. The reason it is on the right hand side of the menu is because it is floated right.
		+ 
		+ "Head" contains CSS and Javascript for the clock. The code is initiated with "schedule" (an enhanced onload function).
		+ 
		+ -=[Usage]=-
		+ (De)Activate by (un)ticking "Active" tickbox, followed by "Update".
Eval		= 
Needle		= page=kca.php
Userlevel	= 
Active		= false
Content		= <li id="kca_nav_clock"><a href="#" onclick="alert('Started at: %%=date('H:i:s')%%');return false">[<span id="kca-nav-clock">%%=date('H:i:s')%%</span>]</a></li>
Reference	= kca-nav
Location	= afterBegin
Head		= <style type="text/css">
		+ #kca_nav_clock {
		+ 	float: right;
		+ 	font-family: Courier New, Courier, monospace;
		+ }
		+ </style>
		+ 
		+ <script type="text/javascript">
		+ /*<![CDATA[*/
		+ function kca_stopclock (){
		+ 	kca_timerRunning ? clearTimeout(kca_timerID) : 0;
		+ 	kca_timerRunning = false;
		+ }
		+ 
		+ function kca_startclock() {
		+ 	kca_stopclock();
		+ 	kca_showclock();
		+ }
		+ 
		+ function kca_showclock() {
		+ 	var now = new Date();
		+ 	document.getElementById('kca-nav-clock').innerHTML =
		+ 		(now.getHours() < 10 ? '0' : '') + now.getHours() + ':' +
		+ 		(now.getMinutes() < 10 ? '0' : '') + now.getMinutes() + ':' +
		+ 		(now.getSeconds() < 10 ? '0' : '') + now.getSeconds();
		+ 	kca_timerID = setTimeout('kca_showclock()',1000);
		+ 	kca_timerRunning = true;
		+ }
		+ 
		+ var kca_timerID = null;
		+ var kca_timerRunning = false;
		+ 
		+ schedule('kca_startclock()', 'kca-nav', 1000);
		+ //]]>
		+ </script>
Foot		=