// $Id: default_buttons_functions.js,v 1.5 2007/02/15 12:45:13 ufku Exp $
//collection of functions required for editor default buttons.

var colourSelectionForm = '<table border=0 cellspacing=1 cellpadding=0 bgcolor="#000000">';
 colourSelectionForm += '<tr>';
colourSelectionForm += '<td bgcolor="#000000" id="000000" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#000000" id="000000" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#000000" id="000000" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#000000" id="000000" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#003300" id="003300" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#006600" id="006600" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#009900" id="009900" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#00CC00" id="00CC00" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#00FF00" id="00FF00" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#330000" id="330000" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#333300" id="333300" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#336600" id="336600" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#339900" id="339900" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#33CC00" id="33CC00" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#33FF00" id="33FF00" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#660000" id="660000" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#663300" id="663300" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#666600" id="666600" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#669900" id="669900" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#66CC00" id="66CC00" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#66FF00" id="66FF00" onClick="setColor(this.id)" height="10" width="10"></td>';
colourSelectionForm += '</tr>';
colourSelectionForm += '<tr>';
 colourSelectionForm += '<td bgcolor="#000000" id="000000" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#333333" id="333333" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#000000" id="000000" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#000033" id="000033" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#003333" id="003333" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#006633" id="006633" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#009933" id="009933" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#00CC33" id="00CC33" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#00FF33" id="00FF33" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#330033" id="330033" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#333333" id="333333" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#336633" id="336633" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#339933" id="339933" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#33CC33" id="33CC33" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#33FF33" id="33FF33" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#660033" id="660033" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#663333" id="663333" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#666633" id="666633" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#669933" id="669933" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#66CC33" id="66CC33" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#66FF33" id="66FF33" onClick="setColor(this.id)" height="10" width="10"></td>';
colourSelectionForm += '</tr>';
colourSelectionForm += '<tr>';
 colourSelectionForm += '<td bgcolor="#000000" id="000000" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#666666" id="666666" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#000000" id="000000" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#000066" id="000066" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#003366" id="003366" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#006666" id="006666" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#009966" id="009966" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#00CC66" id="00CC66" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#00FF66" id="00FF66" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#330066" id="330066" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#333366" id="333366" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#336666" id="336666" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#339966" id="339966" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#33CC66" id="33CC66" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#33FF66" id="33FF66" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#660066" id="660066" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#663366" id="663366" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#666666" id="666666" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#669966" id="669966" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#66CC66" id="66CC66" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#66FF66" id="66FF66" onClick="setColor(this.id)" height="10" width="10"></td>';
colourSelectionForm += '</tr>';
colourSelectionForm += '<tr>';
 colourSelectionForm += '<td bgcolor="#000000" id="000000" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#999999" id="999999" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#000000" id="000000" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#000099" id="000099" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#003399" id="003399" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#006699" id="006699" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#009999" id="009999" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#00CC99" id="00CC99" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#00FF99" id="00FF99" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#330099" id="330099" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#333399" id="333399" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#336699" id="336699" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#339999" id="339999" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#33CC99" id="33CC99" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#33FF99" id="33FF99" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#660099" id="660099" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#663399" id="663399" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#666699" id="666699" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#669999" id="669999" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#66CC99" id="66CC99" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#66FF99" id="66FF99" onClick="setColor(this.id)" height="10" width="10"></td>';
colourSelectionForm += '</tr>';
colourSelectionForm += '<tr>';
 colourSelectionForm += '<td bgcolor="#000000" id="000000" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CCCCCC" id="CCCCCC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#000000" id="000000" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#0000CC" id="0000CC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#0033CC" id="0033CC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#0066CC" id="0066CC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#0099CC" id="0099CC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#00CCCC" id="00CCCC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#00FFCC" id="00FFCC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#3300CC" id="3300CC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#3333CC" id="3333CC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#3366CC" id="3366CC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#3399CC" id="3399CC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#33CCCC" id="33CCCC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#33FFCC" id="33FFCC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#6600CC" id="6600CC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#6633CC" id="6633CC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#6666CC" id="6666CC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#6699CC" id="6699CC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#66CCCC" id="66CCCC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#66FFCC" id="66FFCC" onClick="setColor(this.id)" height="10" width="10"></td>';
colourSelectionForm += '</tr>';
colourSelectionForm += '<tr>';
 colourSelectionForm += '<td bgcolor="#000000" id="000000" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FFFFFF" id="FFFFFF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#000000" id="000000" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#0000FF" id="0000FF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#0033FF" id="0033FF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#0066FF" id="0066FF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#0099FF" id="0099FF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#00CCFF" id="00CCFF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#00FFFF" id="00FFFF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#3300FF" id="3300FF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#3333FF" id="3333FF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#3366FF" id="3366FF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#3399FF" id="3399FF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#33CCFF" id="33CCFF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#33FFFF" id="33FFFF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#6600FF" id="6600FF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#6633FF" id="6633FF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#6666FF" id="6666FF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#6699FF" id="6699FF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#66CCFF" id="66CCFF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#66FFFF" id="66FFFF" onClick="setColor(this.id)" height="10" width="10"></td>';
colourSelectionForm += '</tr>';
colourSelectionForm += '<tr>';
 colourSelectionForm += '<td bgcolor="#000000" id="000000" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FF0000" id="FF0000" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#000000" id="000000" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#990000" id="990000" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#993300" id="993300" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#996600" id="996600" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#999900" id="999900" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#99CC00" id="99CC00" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#99FF00" id="99FF00" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CC0000" id="CC0000" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CC3300" id="CC3300" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CC6600" id="CC6600" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CC9900" id="CC9900" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CCCC00" id="CCCC00" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CCFF00" id="CCFF00" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FF0000" id="FF0000" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FF3300" id="FF3300" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FF6600" id="FF6600" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FF9900" id="FF9900" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FFCC00" id="FFCC00" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FFFF00" id="FFFF00" onClick="setColor(this.id)" height="10" width="10"></td>';
colourSelectionForm += '</tr>';
colourSelectionForm += '<tr>';
 colourSelectionForm += '<td bgcolor="#000000" id="000000" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#00FF00" id="00FF00" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#000000" id="000000" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#990033" id="990033" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#993333" id="993333" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#996633" id="996633" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#999933" id="999933" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#99CC33" id="99CC33" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#99FF33" id="99FF33" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CC0033" id="CC0033" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CC3333" id="CC3333" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CC6633" id="CC6633" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CC9933" id="CC9933" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CCCC33" id="CCCC33" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CCFF33" id="CCFF33" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FF0033" id="FF0033" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FF3333" id="FF3333" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FF6633" id="FF6633" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FF9933" id="FF9933" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FFCC33" id="FFCC33" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FFFF33" id="FFFF33" onClick="setColor(this.id)" height="10" width="10"></td>';
colourSelectionForm += '</tr>';
colourSelectionForm += '<tr>';
 colourSelectionForm += '<td bgcolor="#000000" id="000000" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#0000FF" id="0000FF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#000000" id="000000" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#990066" id="990066" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#993366" id="993366" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#996666" id="996666" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#999966" id="999966" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#99CC66" id="99CC66" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#99FF66" id="99FF66" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CC0066" id="CC0066" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CC3366" id="CC3366" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CC6666" id="CC6666" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CC9966" id="CC9966" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CCCC66" id="CCCC66" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CCFF66" id="CCFF66" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FF0066" id="FF0066" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FF3366" id="FF3366" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FF6666" id="FF6666" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FF9966" id="FF9966" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FFCC66" id="FFCC66" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FFFF66" id="FFFF66" onClick="setColor(this.id)" height="10" width="10"></td>';
colourSelectionForm += '</tr>';
colourSelectionForm += '<tr>';
 colourSelectionForm += '<td bgcolor="#000000" id="000000" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FFFF00" id="FFFF00" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#000000" id="000000" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#990099" id="990099" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#993399" id="993399" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#996699" id="996699" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#999999" id="999999" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#99CC99" id="99CC99" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#99FF99" id="99FF99" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CC0099" id="CC0099" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CC3399" id="CC3399" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CC6699" id="CC6699" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CC9999" id="CC9999" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CCCC99" id="CCCC99" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CCFF99" id="CCFF99" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FF0099" id="FF0099" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FF3399" id="FF3399" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FF6699" id="FF6699" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FF9999" id="FF9999" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FFCC99" id="FFCC99" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FFFF99" id="FFFF99" onClick="setColor(this.id)" height="10" width="10"></td>';
colourSelectionForm += '</tr>';
colourSelectionForm += '<tr>';
 colourSelectionForm += '<td bgcolor="#000000" id="000000" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#00FFFF" id="00FFFF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#000000" id="000000" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#9900CC" id="9900CC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#9933CC" id="9933CC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#9966CC" id="9966CC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#9999CC" id="9999CC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#99CCCC" id="99CCCC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#99FFCC" id="99FFCC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CC00CC" id="CC00CC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CC33CC" id="CC33CC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CC66CC" id="CC66CC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CC99CC" id="CC99CC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CCCCCC" id="CCCCCC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CCFFCC" id="CCFFCC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FF00CC" id="FF00CC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FF33CC" id="FF33CC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FF66CC" id="FF66CC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FF99CC" id="FF99CC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FFCCCC" id="FFCCCC" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FFFFCC" id="FFFFCC" onClick="setColor(this.id)" height="10" width="10"></td>';
colourSelectionForm += '</tr>';
colourSelectionForm += '<tr>';
 colourSelectionForm += '<td bgcolor="#000000" id="000000" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FF00FF" id="FF00FF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#000000" id="000000" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#9900FF" id="9900FF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#9933FF" id="9933FF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#9966FF" id="9966FF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#9999FF" id="9999FF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#99CCFF" id="99CCFF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#99FFFF" id="99FFFF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CC00FF" id="CC00FF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CC33FF" id="CC33FF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CC66FF" id="CC66FF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CC99FF" id="CC99FF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CCCCFF" id="CCCCFF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#CCFFFF" id="CCFFFF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FF00FF" id="FF00FF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FF33FF" id="FF33FF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FF66FF" id="FF66FF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FF99FF" id="FF99FF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FFCCFF" id="FFCCFF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '<td bgcolor="#FFFFFF" id="FFFFFF" onClick="setColor(this.id)" height="10" width="10"></td>';
 colourSelectionForm += '</tr></table>';

//Automatically break new lines as in Drupal preview. ported from original php function at http://photomatt.net/scripts/autop
function eDefAutoP(txt, br) {
  var br = typeof br == 'undefined' ? 1 : br;
  var txt = txt||'';
  if (!txt.match(/\n|\r/)) return txt;
	txt += '\n'; // just to make things a little easier, pad the end
	txt = txt.replace(/<br \/>\s*<br \/>/g, '\n\n');
	var blocks = '(table|thead|tfoot|caption|colgroup|tbody|tr|td|th|div|dl|dd|dt|ul|ol|li|pre|select|form|blockquote|address|math|style|script|object|input|param|p|h[1-6])';
	txt = txt.replace(new RegExp('(<' + blocks + '[^>]*>)', 'g'), '\n$1');
	txt = txt.replace(new RegExp('(<\/' + blocks + '>)', 'g'), '$1\n\n');
	txt = txt.replace(/\r\n|\r/g, '\n'); // cross-platform newlines
	txt = txt.replace(/\n\n+/g, '\n\n'); // take care of duplicates
	txt = txt.replace(/\n?((.|\n)+?)\n\s*\n/g, '<p>$1</p>\n'); // make paragraphs
  txt = txt.replace(/\n?((.|\n)+?)$/, '<p>$1</p>\n'); //including one at the end
	txt = txt.replace(/<p>\s*?<\/p>/g, ''); // under certain strange conditions it could create a P of entirely whitespace
	txt = txt.replace(/<p>(<div[^>]*>\s*)/g, '$1<p>');
	txt = txt.replace(/<p>([^<]+)\s*?(<\/(div|address|form)[^>]*>)/g, '<p>$1</p>$2');
	txt = txt.replace(new RegExp('<p>\s*(<\/?' + blocks + '[^>]*>)\s*<\/p>', 'g'), '$1');
	txt = txt.replace(/<p>(<li.+?)<\/p>/g, '$1'); // problem with nested lists
	txt = txt.replace(/<p><blockquote([^>]*)>/g, '<blockquote$1><p>');
	txt = txt.replace(/<\/blockquote><\/p>/g, '</p></blockquote>');
	txt = txt.replace(new RegExp('<p>\s*(<\/?' + blocks + '[^>]*>)', 'g'), '$1');
	txt = txt.replace(new RegExp('(<\/?' + blocks + '[^>]*>)\s*<\/p>', 'g'), '$1');
	if (br) {
		txt = txt.replace(/<(script|style)(.|\n)*?<\/\1>/g, function($0) {return $0.replace(/\n/g, '<PNL />')});
		txt = txt.replace(/(<br \/>)?\s*\n/g, '<br />\n'); // optionally make line breaks
		txt = txt.replace(/<PNL \/>/g, '\n');
	}
	txt = txt.replace(new RegExp('(<\/?' + blocks + '[^>]*>)\s*<br \/>', 'g'), '$1');
	txt = txt.replace(/<br \/>(\s*<\/?(p|li|div|dl|dd|dt|th|pre|td|ul|ol)[^>]*>)/g, '$1');
	if (txt.indexOf('<pre') != -1) {
		txt = txt.replace(/(<pre(.|\n)*?>)((.|\n)*?)<\/pre>/g, function($0, $1, $2, $3) {return $1.replace(/\\([\'\"\\])/g, '$1') + $3.replace(/<p>/g, '\n').replace(/<\/p>|<br \/>/g, '').replace(/\\([\'\"\\])/g, '$1') + '</pre>'}); //'
  }
	txt = txt.replace(/\n<\/p>$/g, '</p>');
	return txt;
}

//enclose each line in the given text with the given tags.
function eDefProcessLines(text, tagA, tagB) {
  return tagA+ text.replace(/(\r?\n|\r)/g, tagB+'$1'+tagA) +tagB;
}
//enclose lines in the selected text with inA and inB and then enclose the resulting text with outA and outB. If the selected text was processed before, restore it.
function eDefSelProcessLines(outA, inA, inB, outB) {
  var match, E = editor.active, sel = E.getSelection().replace(/\r\n|\r/, '\n');
  if (match = sel.match(new RegExp('^'+ outA + inA +'((.|\n)*)'+ inB + outB +'$'))) {
    E.replaceSelection(match[1].replace(new RegExp(inB +'\n'+ inA, 'g'), '\n'));
  }
  else if (sel) E.replaceSelection(outA+eDefProcessLines(sel, inA, inB)+outB);
  else E.tagSelection(outA+inA, inB+outB);
}
//returns form input html. atxt contains additional attributes
function eDefHtmlInput(type, name, value, size, atxt) {
  return '<input type="'+ type +'" name="'+ (name||'') +'" value="'+ (value||'') +'" size="'+ (size||'') +'" '+ (atxt||'') +' />';
}
function eDefHtmlInputT(name, value, size, atxt) {
  return eDefHtmlInput('text', name, value, size, eDefTxtClass(atxt, 'form-item'));
}
function eDefHtmlInputB(name, value, size, atxt) {
  return eDefHtmlInput('button', name, value, size, eDefTxtClass(atxt, 'form-submit'));
}
function eDefTxtClass(txt, c) {
  var txt = txt||'';
  if (txt && txt.indexOf('class="')!=-1) return txt.replace(/(class\=\")/, '$1'+c+' ');
  return txt+' class="'+c+'"';
}

//return a table row of cells(attributes of the function). eDefHtmlRow(cell1, cell2 ...), cell = [content, attributes]
function eDefHtmlRow() {
  var a, cells = '';
  for (var i=0; a=arguments[i]; i++) cells += eDefHtmlCell(a[0], a[1]);
  return '<tr>'+ cells +'</tr>';
}
// return a table cell containing the given value and having the given attributes
function eDefHtmlCell(value, atxt) {
  return '<td'+ (atxt||'')+'>'+ (value||'') +'</td>';
}

//Previews the selected text in the textarea. If there is no selection, previews the whole content. By default lines and paragraphs break automatically. Pure HTML preview is eDefPreview('full')
function eDefPreview(NoAutoP) {
  var P, E = editor.active, T = E.textArea, B = E.buttons[E.bindex];
  if (E.preview) {
    P = E.preview;
  }
  else {
    P = document.createElement('div');
    P.className = 'preview';
    P.style.display = 'none';
    P.style.overflow = 'auto';
    T.parentNode.insertBefore(P, T);
    E.preview = P;
  }
  if (P.style.display == 'none') {
    var html = NoAutoP ? E.getSelection()||T.value : eDefAutoP(E.getSelection()||T.value);
    if (editor.mode != 2) editor.G['pos'+T.id] = E.posSelection();
    P.style.display = 'block';
    P.style.height = T.style.height||(T.offsetHeight+'px');
    P.style.width = T.style.width||(T.offsetWidth+'px');
    P.innerHTML = '<div class="node"><div class="content">'+ html +'</div></div>';
    T.style.display = 'none';
    B.className += ' stay-clicked';
    E.buttonsDisabled(true, E.bindex);
  }
  else {
    B.className = B.className.replace(/ stay\-clicked$/, '');
    E.buttonsDisabled(false);
    P.innerHTML = '';
    P.style.display = 'none';
    T.style.display = 'block';
    if (editor.mode != 2) E.makeSelection(editor.G['pos'+T.id].start, editor.G['pos'+T.id].end);
  }
}

//Insert the data in the given form to the textarea. Link and image dialogs use this function.
function eDefFileInsert(form, type) {
  var el = form.elements, E = editor.active;
  var o = editor.G.selObj||{attributes : []};
  editor.dialog.close();
  if (type == 'image') {
    var def = ['src', 'width', 'height', 'alt'];
    var img = '<img';
    for(var i in def) o.attributes[def[i]] = el[def[i]].value;
    for(var i in o.attributes) img += ' '+ i +'="'+ o.attributes[i] +'"';
    img += ' />';
    E.replaceSelection(img);
  }
  else if (type == 'link') {
    var a = '<a';
    var def = ['href', 'title'];
    for(var i in def) o.attributes[def[i]] = el[def[i]].value;
    for(var i in o.attributes) if (o.attributes[i]) a += ' '+ i +'="'+ o.attributes[i] +'"';
    a += '>';
    editor.G.selObj ? E.replaceSelection(a + o.innerHTML +'</a>') : E.tagSelection(a, '</a>');
  }
  editor.G.selObj = null;
}

//Open file insertion dialog of the given type. L containes translated interface text. brwURL is URL of the file browser
function eDefFileDialog(type, L, brwURL) {
  var brwButton = brwURL ? eDefHtmlInput('button', 'brw', L.brw, '', 'class="file-browser\" onClick=\"eDefFileBrowser(\''+ brwURL +'\', \''+ type +'\', this.form)"') : '';
  var content = '<form name="eDialogForm" onsubmit="eDefFileInsert(this, \''+ type +'\'); return false;"><div class="form-item"><table>';
  if (type == 'image') {
    editor.G.selObj = editor.parseTag(editor.active.getSelection(), 'img');
    var i = editor.G.selObj ? editor.G.selObj.attributes : {};
    content += eDefHtmlRow([L.url], [eDefHtmlInputT('src', i.src, 25)+' '+brwButton]);
    content += eDefHtmlRow([L.w+' x '+L.h], [eDefHtmlInputT('width', i.width, 3)+' x '+eDefHtmlInputT('height', i.height, 3)]);
    content += eDefHtmlRow([L.alt], [eDefHtmlInputT('alt', i.alt, 25)]);
  }
  else if (type == 'link') {
    editor.G.selObj = editor.parseTag(editor.active.getSelection(), 'a');
    var a = editor.G.selObj ? editor.G.selObj.attributes : {};
    content += eDefHtmlRow([L.url], [eDefHtmlInputT('href', a.href, 25)+' '+brwButton]);
    content += eDefHtmlRow([L.tt], [eDefHtmlInputT('title', a.title, 25)]);
  }
  content += '</table><div>'+ eDefHtmlInput('submit', 'ok', L.ok, '') +'</div></div></form>';
  editor.dialog.open(L.title, content);
}

//open the file browser of the given type using the given URL.
function eDefFileBrowser(brwURL, type, form) {
  var fields = {image : 'src', link : 'href'};
  eDefImceUrl = form ? form.elements[fields[type]].value : '';
  window.open(brwURL, 'eDef', 'width=640, height=480, resizable=1');
}

//IMCE custom URL and custom finishing function. IMCE js API.
var eDefImceUrl = '';
function eDefImceFinish(url, width, height, fsize, win) {
  var el = document.forms['eDialogForm'].elements;
  if (el['src']) {
    el['src'].value = url;
    el['width'].value = width;
    el['height'].value = height;
  }
  else if (el['href']) {
    el['href'].value = url;
  }
  win.close();
}

//Display help text(button title) for each button of the editor.
function eDefHelp() {
  var b, E = editor.active;
  if (typeof editor.G.help == 'undefined') {
    editor.G.help = '<table id="editor-help">';
    for (var i=0; b=E.buttons[i]; i++) {
      editor.G.help += '<tr><td><input type="'+b.type+'" class="'+b.className+'"'+(b.src?'src="'+b.src+'"' : 'value="'+b.value+'"')+' /></td><td>'+b.title+'</td></tr>';
    }
    editor.G.help += '</table>';
  }
  editor.dialog.open(editor.buttons[E.bindex][0], editor.G.help);
}

function clearFormatting() {
  var E = editor.active;
  if (E.getSelection()) {
    var SimpleText = E.getSelection().replace(/<[^<>]+>/ig, "");
    E.replaceSelection(SimpleText, 'start');
  }
  else {
    var SimpleText = E.getContent().replace(/<[^<>]+>/ig, "");
    E.setContent(SimpleText);
  }
}

function setColor(x){
  var E = editor.active;
  var coloredText = '<span style="color: #' + x + ';">' + E.getSelection() + '</span>';
  E.replaceSelection(coloredText, 'start');
  editor.dialog.close(); 
}

function setBgColor(x){
  var E = editor.active;
  var coloredText = '<span style="background: #' + x + ';">' + E.getSelection() + '</span>';
  E.replaceSelection(coloredText, 'start');
  editor.dialog.close(); 
}

function selectTextColor() {
  var E = editor.active;
  if (E.getSelection()) {
    editor.dialog.open('Select color', colourSelectionForm);
  }
}  

function selectBgColor() {
  var E = editor.active;
  if (E.getSelection()) {
    editor.dialog.open('Select color', colourSelectionForm.replace(/setColor/ig, "setBgColor"));
  }
}  

function insertImage() {
var userForm = '<form onsubmit="getImageDetails(this); return false;">';//run getUserInput on submission
userForm += '<table> <tr><td>Image URL: </td><td><input type="text" name="img_url" /> </td></tr>';
userForm += '<tr><td>Caption: </td><td><input type="text" name="img_caption" /></td></tr>';
userForm += '<tr><td>Alignment: </td><td><input type="text" name="img_alignment" /></td></tr>';
userForm += '<tr><td>Alternamte text: </td><td><input type="text" name="img_alt" /></td></tr>';
userForm += '<tr><td><input type="submit" value="Submit" /></td></tr></table></form>';
//open editor dialog with a title and the user form.
editor.dialog.open('User Input', userForm);
}

function getImageDetails(form) {
var imgHTML = '<table class="image" style="width: 1%; float:'+ form.elements["img_alignment"].value + '; border:1px solid #ccc; margin: 0.1em 0.1em;">';
imgHTML += '<tr><td><img src="' + form.elements["img_url"].value + '" alt="' + form.elements["img_alt"].value + '"></td></tr><tr><td class="caption">' + form.elements["img_caption"].value + '</td></tr></table>';
editor.active.replaceSelection(imgHTML);
editor.dialog.close();//close the dialog when done.
}
