// conceptuel Rich Text Editor
// http://www.conceptuel.co.uk
//
// version 1.02
// Improve compatibility with Mozilla Browser
// Replace Link picker from a javascript prompt to a popup window
//
// version 1.01
// Replace Image picker from a javascript prompt to a popup window
//
// version 1.00
// change core application to support multiple languages
// Add Smiley picker

//init variables
var isRichText = false;
var rng;
var currentRTE;
var allRTEs = "";

var isIE;
var isGecko;
var isSafari;
var isKonqueror;

var imagesPath;
var includesPath;
var cssFile;

var language;


function initRTE(imgPath, incPath, css, lang) {
	//set browser vars
	var ua = navigator.userAgent.toLowerCase();
	isIE = ((ua.indexOf("msie") != -1) && (ua.indexOf("opera") == -1) && (ua.indexOf("webtv") == -1));
	isGecko = (ua.indexOf("gecko") != -1);
	isSafari = (ua.indexOf("safari") != -1);
	isKonqueror = (ua.indexOf("konqueror") != -1);

	//check to see if designMode mode is available
	if (document.getElementById && document.designMode && !isSafari && !isKonqueror) {
		isRichText = true;
	}

	if(!isIE) document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT | Event.MOUSEDOWN | Event.MOUSEUP);
	document.onmouseover = raiseButton;
	document.onmouseout  = normalButton;
	document.onmousedown = lowerButton;
	document.onmouseup   = raiseButton;

	//set paths vars
	imagesPath = imgPath;
	includesPath = incPath;
	cssFile = css;
        language = lang;

	//for testing standard textarea, uncomment the following line
	//isRichText = false;
}

function writeRichText(rte, html, width, height, buttons, readOnly) {
	if (isRichText) {
		if (allRTEs.length > 0) allRTEs += ";";
		allRTEs += rte;
		writeRTE(rte, html, width, height, buttons, readOnly, language);
	} else {
		writeDefault(rte, html, width, height, buttons, readOnly);
	}
}

function writeDefault(rte, html, width, height, buttons, readOnly) {
	if (!readOnly) {
		document.writeln('<textarea name="' + rte + '" id="' + rte + '" style="width: ' + width + 'px; height: ' + height + 'px;">' + html + '</textarea>');
	} else {
		document.writeln('<textarea name="' + rte + '" id="' + rte + '" style="width: ' + width + 'px; height: ' + height + 'px;" readonly>' + html + '</textarea>');
	}
}

function raiseButton(e) {
	if (isIE) {
		var el = window.event.srcElement;
	} else {
		var el= e.target;
	}

	className = el.className;
	if (className == 'btnImage' || className == 'btnImageLowered') {
		el.className = 'btnImageRaised';
	}
}

function normalButton(e) {
	if (isIE) {
		var el = window.event.srcElement;
	} else {
		var el= e.target;
	}

	className = el.className;
	if (className == 'btnImageRaised' || className == 'btnImageLowered') {
		el.className = 'btnImage';
	}
}

function lowerButton(e) {
	if (isIE) {
		var el = window.event.srcElement;
	} else {
		var el= e.target;
	}

	className = el.className;
	if (className == 'btnImage' || className == 'btnImageRaised') {
		el.className = 'btnImageLowered';
	}
}

function writeRTE(rte, html, width, height, buttons, readOnly,language) {
	if (isIE) {
		var tablewidth = width;
	} else {
		var tablewidth = width + 4;
	}

        switch(language) {
            case 'FR' :
               var styleWord     = 'Style';
               var fontWord      = 'Fontes';
               var sizeWord      = 'Taille';
               var boldWord      = 'Gras';
               var italicWord    = 'Italique';
               var underlineWord = 'Souligné';
               var alignLWord    = 'Alignement à gauche';
               var alignCWord    = 'Alignement au centre';
               var alignRWord    = 'Alignement à droite';
               var alignFWord    = 'Alignement justifié';
               var rulerWord     = 'Ajouter une barre horizontale';
               var orderWord     = 'Numerotation'
               var unorderWord   = 'Puces'
               var outdentWord   = 'Diminuer le retrait'
               var indentWord    = 'Augmenter le retrait'
               var textColorWord = 'Couleur du texte'
               var backColorWord = 'Couleur de fond du texte'
               var linkWord      = 'Ajouter un hyperlien'
               var imageWord     = 'Ajouter une image'
               break;
            case 'EN' :
            default   :
               var styleWord     = 'Style';
               var fontWord      = 'Font';
               var sizeWord      = 'Size';
               var boldWord      = 'Bold';
               var italicWord    = 'Italic';
               var underlineWord = 'Underline';
               var alignLWord    = 'Align Left';
               var alignCWord    = 'Center';
               var alignRWord    = 'Align Right';
               var alignFWord    = 'Justify Full';
               var rulerWord     = 'Horizontal Rule';
               var orderWord     = 'Ordered List'
               var unorderWord   = 'Unordered List'
               var outdentWord   = 'Outdent'
               var indentWord    = 'Indent'
               var textColorWord = 'Text Color'
               var backColorWord = 'Background Color'
               var linkWord      = 'Insert Link'
               var imageWord     = 'Add Image'
               break;
            }


	if (readOnly) buttons = false;
	if (buttons == true) {
		document.writeln('<style type="text/css">');
		document.writeln('.btnImage { background-color:#FFFFFF;  cursor: pointer; cursor: hand;}');
		document.writeln('.btnImageRaised { background-color:#FFFFFF;  cursor: pointer; cursor: hand;}');
		document.writeln('.btnImageLowered { background-color:#FFFFFF;  cursor: pointer; cursor: hand;}');
		document.writeln('.vertSep { background-color:silver; font-size:0px; width:1px; height:20px; }');
		document.writeln('.btnBack { background-color:#FFFFFF; letter-spacing:0; padding-top:2px; padding-bottom:2px }');
		document.writeln('img { border-style:none; }');
		document.writeln('</style>');
		document.writeln('<table class="btnBack" cellpadding=2 cellspacing=0 id="Buttons1_' + rte + '" width="' + tablewidth + '">');
		document.writeln('	<tr>');
		document.writeln('		<td>');
		document.writeln('			<select id="formatblock_' + rte + '" onchange="Select(\'' + rte + '\', this.id);">');
		document.writeln('				<option value="">[' + styleWord + ']</option>');
		document.writeln('				<option value="<p>">Paragraph</option>');
		document.writeln('				<option value="<h1>">Heading 1 <h1></option>');
		document.writeln('				<option value="<h2>">Heading 2 <h2></option>');
		document.writeln('				<option value="<h3>">Heading 3 <h3></option>');
		document.writeln('				<option value="<h4>">Heading 4 <h4></option>');
		document.writeln('				<option value="<h5>">Heading 5 <h5></option>');
		document.writeln('				<option value="<h6>">Heading 6 <h6></option>');
		document.writeln('				<option value="<address>">Address <ADDR></option>');
		document.writeln('				<option value="<pre>">Formatted <pre></option>');
		document.writeln('			</select>');
		document.writeln('		</td>');
		document.writeln('		<td>');
		document.writeln('			<select id="fontname_' + rte + '" onchange="Select(\'' + rte + '\', this.id)">');
		document.writeln('				<option value="Font" selected>[' + fontWord + ']</option>');
		document.writeln('				<option value="Arial, Helvetica, sans-serif">Arial</option>');
		document.writeln('				<option value="Courier New, Courier, mono">Courier New</option>');
		document.writeln('				<option value="Times New Roman, Times, serif">Times New Roman</option>');
		document.writeln('				<option value="Verdana, Arial, Helvetica, sans-serif">Verdana</option>');
		document.writeln('				<option value="Agency FB">Agency FB</option>');
		document.writeln('				<option value="Alba">Alba</option>');
		document.writeln('				<option value="Alba Super">Alba Super</option>');
		document.writeln('				<option value="Algerian">Algerian</option>');
		document.writeln('				<option value="Andale Mono IPA">Andale Mono IPA</option>');
		document.writeln('				<option value="Arial">Arial</option>');
		document.writeln('				<option value="Arial Black">Arial Black</option>');
		document.writeln('				<option value="Arial Narrow">Arial Narrow</option>');
		document.writeln('				<option value="Arial Rounded MT Bold">Arial Rounded MT Bold</option>');
		document.writeln('				<option value="Arial Unicode MS">Arial Unicode MS</option>');
		document.writeln('				<option value="Artistik">Artistik</option>');
		document.writeln('				<option value="Baby Kruffy">Baby Kruffy</option>');
		document.writeln('				<option value="Baskerville Old Face">Baskerville Old Face</option>');
		document.writeln('				<option value="Batang">Batang</option>');
		document.writeln('				<option value="Bauhaus 93">Bauhaus 93</option>');
		document.writeln('				<option value="Bell MT">Bell MT</option>');
		document.writeln('				<option value="Berlin Sans FB">Berlin Sans FB</option>');
		document.writeln('				<option value="Berlin Sans FB Demi">Berlin Sans FB Demi</option>');
		document.writeln('				<option value="Bernard MT Condense">Bernard MT Condense</option>');
		document.writeln('				<option value="Blackadder ITC">Blackadder ITC</option>');
		document.writeln('				<option value="Book Antiqua">Book Antiqua</option>');
		document.writeln('				<option value="Bookman Old Style">Bookman Old Style</option>');
		document.writeln('				<option value="Bradley Hand ITC">Bradley Hand ITC</option>');
		document.writeln('				<option value="Britannic Bold">Britannic Bold</option>');
		document.writeln('				<option value="Broadway">Broadway</option>');
		document.writeln('				<option value="Brush Script MT">Brush Script MT</option>');
		document.writeln('				<option value="Californian FB">Californian FB</option>');
		document.writeln('				<option value="Calisto MT">Calisto MT</option>');
		document.writeln('				<option value="Castellar">Castellar</option>');
		document.writeln('				<option value="Centuar">Centuar</option>');
		document.writeln('				<option value="Century">Century</option>');
		document.writeln('				<option value="Century Gothic">Century Gothic</option>');
		document.writeln('				<option value="Century Schoolbook">Century Schoolbook</option>');
		document.writeln('				<option value="Chick">Chick</option>');
		document.writeln('				<option value="Chiller">Chiller</option>');
		document.writeln('				<option value="Colonna MT">Colonna MT</option>');
		document.writeln('				<option value="Comic Sans MS">Comic Sans MS</option>');
		document.writeln('				<option value="Cooper Black">Cooper Black</option>');
		document.writeln('				<option value="Cooperplate Gothic Bold">Cooperplate Gothic Bold</option>');
		document.writeln('				<option value="Copperplate Gothic Light">Copperplate Gothic Light</option>');
		document.writeln('				<option value="Courier">Courier</option>');
		document.writeln('				<option value="Courier New">Courier New</option>');
		document.writeln('				<option value="Croobie">Croobie</option>');
		document.writeln('				<option value="Curlz MT">Curlz MT</option>');
		document.writeln('				<option value="Edwardian Script ITC">Edwardian Script ITC</option>');
		document.writeln('				<option value="Elephant">Elephant</option>');
		document.writeln('				<option value="Engravers MT">Engravers MT</option>');
		document.writeln('				<option value="Eras Bold ITC">Eras Bold ITC</option>');
		document.writeln('				<option value="Eras Demi ITC">Eras Demi ITC</option>');
		document.writeln('				<option value="Eras LIght ITC">Eras LIght ITC</option>');
		document.writeln('				<option value="Eras Medium ITC">Eras Medium ITC</option>');
		document.writeln('				<option value="Estrangelo Edessa">Estrangelo Edessa</option>');
		document.writeln('				<option value="Eurostile">Eurostile</option>');
		document.writeln('				<option value="Fat">Fat</option>');
		document.writeln('				<option value="Felix Titling">Felix Titling</option>');
		document.writeln('				<option value="Fixedsys">Fixedsys</option>');
		document.writeln('				<option value="Footlight MT Light">Footlight MT Light</option>');
		document.writeln('				<option value="Forte">Forte</option>');
		document.writeln('				<option value="Franklin Gothic Book">Franklin Gothic Book</option>');
		document.writeln('				<option value="Franklin Gothic Demi">Franklin Gothic Demi</option>');
		document.writeln('				<option value="Franklin Gothic Demi Cond">Franklin Gothic Demi Cond</option>');
		document.writeln('				<option value="Franklin Gothic Heavy">Franklin Gothic Heavy</option>');
		document.writeln('				<option value="Frankling Gothic Medium">Frankling Gothic Medium</option>');
		document.writeln('				<option value="Franklin Gothic Medium Cond">Franklin Gothic Medium Cond</option>');
		document.writeln('				<option value="Freestyle Script">Freestyle Script</option>');
		document.writeln('				<option value="French Script MT">French Script MT</option>');
		document.writeln('				<option value="Freshbot">Freshbot</option>');
		document.writeln('				<option value="Frosty">Frosty</option>');
		document.writeln('				<option value="Garamond">Garamond</option>');
		document.writeln('				<option value="Gautami">Gautami</option>');
		document.writeln('				<option value="Georgia">Georgia</option>');
		document.writeln('				<option value="Gigi">Gigi</option>');
		document.writeln('				<option value="Gill Sans MT">Gill Sans MT</option>');
		document.writeln('				<option value="Gill Sans MT Condensed">Gill Sans MT Condensed</option>');
		document.writeln('				<option value="Gill Sans MT Ext Condensed Bold">Gill Sans MT Ext Condensed Bold</option>');
		document.writeln('				<option value="Gill Sans Ultra Bold">Gill Sans Ultra Bold</option>');
		document.writeln('				<option value="Gill Sans Ultra Bold Condensed">Gill Sans Ultra Bold Condensed</option>');
		document.writeln('				<option value="GlooGun">GlooGun</option>');
		document.writeln('				<option value="Gloucester MT Extra Condensed">Gloucester MT Extra Condensed</option>');
		document.writeln('				<option value="Goudy Old Style">Goudy Old Style</option>');
		document.writeln('				<option value="Goudy Stout">Goudy Stout</option>');
		document.writeln('				<option value="Haettenschweiler">Haettenschweiler</option>');
		document.writeln('				<option value="Harlow Solid Italic">Harlow Solid Italic</option>');
		document.writeln('				<option value="Harrington">Harrington</option>');
		document.writeln('				<option value="High Tower Text">High Tower Text</option>');
		document.writeln('				<option value="Impact">Impact</option>');
		document.writeln('				<option value="Imprint MT Shadow">Imprint MT Shadow</option>');
		document.writeln('				<option value="Informal Roman">Informal Roman</option>');
		document.writeln('				<option value="Inkpen2">Inkpen2</option>');
		document.writeln('				<option value="Inkpen2 Chords">Inkpen2 Chords</option>');
		document.writeln('				<option value="Inkpen2 Script">Inkpen2 Script</option>');
		document.writeln('				<option value="Inkpen2 Special">Inkpen2 Special</option>');
		document.writeln('				<option value="Inkpen2 Text">Inkpen2 Text</option>');
		document.writeln('				<option value="Jenkins v2.0">Jenkins v2.0</option>');
		document.writeln('				<option value="Jokerman">Jokerman</option>');
		document.writeln('				<option value="Jokewood">Jokewood</option>');
		document.writeln('				<option value="Juice ITC">Juice ITC</option>');
		document.writeln('				<option value="Kristen ITC">Kristen ITC</option>');
		document.writeln('				<option value="Kunstler Script">Kunstler Script</option>');
		document.writeln('				<option value="Latha">Latha</option>');
		document.writeln('				<option value="Lucida Bright">Lucida Bright</option>');
		document.writeln('				<option value="Lucida Calligraphy">Lucida Calligraphy</option>');
		document.writeln('				<option value="Lucida Console">Lucida Console</option>');
		document.writeln('				<option value="Lucida Fax">Lucida Fax</option>');
		document.writeln('				<option value="Lucida Handwriting">Lucida Handwriting</option>');
		document.writeln('				<option value="Lucida Sans">Lucida Sans</option>');
		document.writeln('				<option value="Lucida Sans Typewriter">Lucida Sans Typewriter</option>');
		document.writeln('				<option value="Lucida Sans Unicode">Lucida Sans Unicode</option>');
		document.writeln('				<option value="Magneto">Magneto</option>');
		document.writeln('				<option value="Maiandra GD">Maiandra GD</option>');
		document.writeln('				<option value="Mangal">Mangal</option>');
		document.writeln('				<option value="Map Symbols">Map Symbols</option>');
		document.writeln('				<option value="Marlett">Marlett</option>');
		document.writeln('				<option value="Matisse ITC">Matisse ITC</option>');
		document.writeln('				<option value="Matura MT Script Capitals">Matura MT Script Capitals</option>');
		document.writeln('				<option value="Microsoft Sans Serif">Microsoft Sans Serif</option>');
		document.writeln('				<option value="Mini Pics Art Jam">Mini Pics Art Jam</option>');
		document.writeln('				<option value="Mini Pics Classic">Mini Pics Classic</option>');
		document.writeln('				<option value="Mini Pics Lil Critters">Mini Pics Lil Critters</option>');
		document.writeln('				<option value="Mini Pics Lil Edibles">Mini Pics Lil Edibles</option>');
		document.writeln('				<option value="Mini Pics Lil Events">Mini Pics Lil Events</option>');
		document.writeln('				<option value="Mini Pics Lil Stuff">Mini Pics Lil Stuff</option>');
		document.writeln('				<option value="Mini Pics Lil Vehicles">Mini Pics Lil Vehicles</option>');
		document.writeln('				<option value="Mini Pics Red Rock">Mini Pics Red Rock</option>');
		document.writeln('				<option value="Mistral">Mistral</option>');
		document.writeln('				<option value="Modern">Modern</option>');
		document.writeln('				<option value="Modern No. 20">Modern No. 20</option>');
		document.writeln('				<option value="Monotype Corsiva">Monotype Corsiva</option>');
		document.writeln('				<option value="MS Mincho">MS Mincho</option>');
		document.writeln('				<option value="MS Outlook">MS Outlook</option>');
		document.writeln('				<option value="MS Sans Serif">MS Sans Serif</option>');
		document.writeln('				<option value="MS Serif">MS Serif</option>');
		document.writeln('				<option value="MT Extra">MT Extra</option>');
		document.writeln('				<option value="MV Boli">MV Boli</option>');
		document.writeln('				<option value="Myriad Condensed Web">Myriad Condensed Web</option>');
		document.writeln('				<option value="Myriad Web">Myriad Web</option>');
		document.writeln('				<option value="Niagara Engraved">Niagara Engraved</option>');
		document.writeln('				<option value="Niagara Solid">Niagara Solid</option>');
		document.writeln('				<option value="OCR A Extended">OCR A Extended</option>');
		document.writeln('				<option value="Old English Text MT">Old English Text MT</option>');
		document.writeln('				<option value="Onyx">Onyx</option>');
		document.writeln('				<option value="Opus">Opus</option>');
		document.writeln('				<option value="Opus Chords">Opus Chords</option>');
		document.writeln('				<option value="Opus Percussion">Opus Percussion</option>');
		document.writeln('				<option value="Opus PlainChords">Opus PlainChords</option>');
		document.writeln('				<option value="Opus Special">Opus Special</option>');
		document.writeln('				<option value="Opus Text">Opus Text</option>');
		document.writeln('				<option value="Palace Script MT">Palace Script MT</option>');
		document.writeln('				<option value="Palatino Linotype">Palatino Linotype</option>');
		document.writeln('				<option value="Papyrus">Papyrus</option>');
		document.writeln('				<option value="Parchment">Parchment</option>');
		document.writeln('				<option value="Perpetua">Perpetua</option>');
		document.writeln('				<option value="Perpetua Titling MT">Perpetua Titling MT</option>');
		document.writeln('				<option value="Playbill">Playbill</option>');
		document.writeln('				<option value="PMingLiU">PMingLiU</option>');
		document.writeln('				<option value="Porkys">Porkys</option>');
		document.writeln('				<option value="Pristina">Pristina</option>');
		document.writeln('				<option value="Pussycat">Pussycat</option>');
		document.writeln('				<option value="Raavi">Raavi</option>');
		document.writeln('				<option value="Rage Italic">Rage Italic</option>');
		document.writeln('				<option value="Ravie">Ravie</option>');
		document.writeln('				<option value="Rockwell">Rockwell</option>');
		document.writeln('				<option value="Rockwell Condensed">Rockwell Condensed</option>');
		document.writeln('				<option value="Rockwell Extra Bold">Rockwell Extra Bold</option>');
		document.writeln('				<option value="Roman">Roman</option>');
		document.writeln('				<option value="Script">Script</option>');
		document.writeln('				<option value="Script MT Bold">Script MT Bold</option>');
		document.writeln('				<option value="Showcard Gothic">Showcard Gothic</option>');
		document.writeln('				<option value="Shruti">Shruti</option>');
		document.writeln('				<option value="SimSun">SimSun</option>');
		document.writeln('				<option value="Small Fonts">Small Fonts</option>');
		document.writeln('				<option value="Snap ITC">Snap ITC</option>');
		document.writeln('				<option value="Stencil">Stencil</option>');
		document.writeln('				<option value="Sylfaen">Sylfaen</option>');
		document.writeln('				<option value="Symbol">Symbol</option>');
		document.writeln('				<option value="System">System</option>');
		document.writeln('				<option value="Tahoma">Tahoma</option>');
		document.writeln('				<option value="Tekton">Tekton</option>');
		document.writeln('				<option value="Tempus Sans ITC">Tempus Sans ITC</option>');
		document.writeln('				<option value="Terminal">Terminal</option>');
		document.writeln('				<option value="Times New Roman">Times New Roman</option>');
		document.writeln('				<option value="Trebuchet MS">Trebuchet MS</option>');
		document.writeln('				<option value="Tunga">Tunga</option>');
		document.writeln('				<option value="Tw Cen MT">Tw Cen MT</option>');
		document.writeln('				<option value="Tw Cen MT Condensed">Tw Cen MT Condensed</option>');
		document.writeln('				<option value="Tw Cen MT Condensed Extra Bold">Tw Cen MT Condensed Extra Bold</option>');
		document.writeln('				<option value="Verdana">Verdana</option>');
		document.writeln('				<option value="Verdana Ref">Verdana Ref</option>');
		document.writeln('				<option value="Viner Hand ITC">Viner Hand ITC</option>');
		document.writeln('				<option value="Vivaldi">Vivaldi</option>');
		document.writeln('				<option value="Vladimir Script">Vladimir Script</option>');
		document.writeln('				<option value="Webdings">Webdings</option>');
		document.writeln('				<option value="Weltron Urban">Weltron Urban</option>');
		document.writeln('				<option value="Wide Latin">Wide Latin</option>');
		document.writeln('				<option value="Wingdings">Wingdings</option>');
		document.writeln('				<option value="Wingdings 2">Wingdings 2</option>');
		document.writeln('				<option value="Wingdings 3">Wingdings 3</option>');
		document.writeln('				<option value="WP Arabic Sihafa">WP Arabic Sihafa</option>');
		document.writeln('				<option value="WP ArabicScript Sihafa">WP ArabicScript Sihafa</option>');
		document.writeln('				<option value="WP BoxDrawing">WP BoxDrawing</option>');
		document.writeln('				<option value="WP CyrillicA">WP CyrillicA</option>');
		document.writeln('				<option value="WP CyrillicB">WP CyrillicB</option>');
		document.writeln('				<option value="WP Greek Century">WP Greek Century</option>');
		document.writeln('				<option value="WP Greek Courier">WP Greek Courier</option>');
		document.writeln('				<option value="WP Greek Helve">WP Greek Helve</option>');
		document.writeln('				<option value="WP Hebrew David">WP Hebrew David</option>');
		document.writeln('				<option value="WP IconicSymbolsA">WP IconicSymbolsA</option>');
		document.writeln('				<option value="WP IconicSymbolsB">WP IconicSymbolsB</option>');
		document.writeln('				<option value="WP Japanese">WP Japanese</option>');
		document.writeln('				<option value="WP MathA">WP MathA</option>');
		document.writeln('				<option value="WP MathB">WP MathB</option>');
		document.writeln('				<option value="WP MathExtendedA">WP MathExtendedA</option>');
		document.writeln('				<option value="WP MathExtendedB">WP MathExtendedB</option>');
		document.writeln('				<option value="WP MultinationalA Courier">WP MultinationalA Courier</option>');
		document.writeln('				<option value="WP MultinationalA Helve">WP MultinationalA Helve</option>');
		document.writeln('				<option value="WP MultinationalA Roman">WP MultinationalA Roman</option>');
		document.writeln('				<option value="WP MultinationalB Courier">WP MultinationalB Courier</option>');
		document.writeln('				<option value="WP MultinationalB Helve">WP MultinationalB Helve</option>');
		document.writeln('				<option value="WP MultinationalB Roman">WP MultinationalB Roman</option>');
		document.writeln('				<option value="WP Phonetic">WP Phonetic</option>');
		document.writeln('				<option value="WP TypographicSymbols">WP TypographicSymbols</option>');
		document.writeln('				<option value="WST_Czec">WST_Czec</option>');
		document.writeln('				<option value="WST_Engl">WST_Engl</option>');
		document.writeln('				<option value="WST_Fren">WST_Fren</option>');
		document.writeln('				<option value="WST_Germ">WST_Germ</option>');
		document.writeln('				<option value="WST_Ital">WST_Ital</option>');
		document.writeln('				<option value="WST_Span">WST_Span</option>');
		document.writeln('				<option value="WST_Swed">WST_Swed</option>');
		document.writeln('			</select>');
		document.writeln('		</td>');
		document.writeln('		<td>');
		document.writeln('			<select unselectable="on" id="fontsize_' + rte + '" onchange="Select(\'' + rte + '\', this.id);">');
		document.writeln('				<option value="Size">[ ' + sizeWord + ']</option>');
		document.writeln('				<option value="1">1</option>');
		document.writeln('				<option value="2">2</option>');
		document.writeln('				<option value="3">3</option>');
		document.writeln('				<option value="4">4</option>');
		document.writeln('				<option value="5">5</option>');
		document.writeln('				<option value="6">6</option>');
		document.writeln('				<option value="7">7</option>');
		document.writeln('			</select>');
		document.writeln('		</td>');
		document.writeln('		<td width="100%">');
		document.writeln('		</td>');
		document.writeln('	</tr>');
		document.writeln('</table>');
		document.writeln('<table class="btnBack" cellpadding="0" cellspacing="0" id="Buttons2_' + rte + '" width="' + tablewidth + '">');
		document.writeln('	<tr>');
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'bold.gif" width="25" height="24" alt="' + boldWord + '" title="' +boldWord + '" onClick="FormatText(\'' + rte + '\', \'bold\', \'\')"></td>');
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'italic.gif" width="25" height="24" alt="' + italicWord + '" title="' + italicWord + '" onClick="FormatText(\'' + rte + '\', \'italic\', \'\')"></td>');
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'underline.gif" width="25" height="24" alt="' + underlineWord + '" title="' + underlineWord + '" onClick="FormatText(\'' + rte + '\', \'underline\', \'\')"></td>');
		document.writeln('		<td><span class="vertSep"></span></td>');
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'left_just.gif" width="25" height="24" alt="' + alignLWord + '" title="' + alignLWord + '" onClick="FormatText(\'' + rte + '\', \'justifyleft\', \'\')"></td>');
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'centre.gif" width="25" height="24" alt="' + alignCWord + '" title="' + alignCWord + '" onClick="FormatText(\'' + rte + '\', \'justifycenter\', \'\')"></td>');
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'right_just.gif" width="25" height="24" alt="' + alignRWord + '" title="' + alignRWord + '" onClick="FormatText(\'' + rte + '\', \'justifyright\', \'\')"></td>');
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'justifyfull.gif" width="25" height="24" alt="' + alignFWord + '" title="' + alignFWord + '" onclick="FormatText(\'' + rte + '\', \'justifyfull\', \'\')"></td>');
		document.writeln('		<td><span class="vertSep"></span></td>');
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'hr.gif" width="25" height="24" alt="' + rulerWord + '" title="' + rulerWord + '" onClick="FormatText(\'' + rte + '\', \'inserthorizontalrule\', \'\')"></td>');
		document.writeln('		<td><span class="vertSep"></span></td>');
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'numbered_list.gif" width="25" height="24" alt="' + orderWord + '" title="' + orderWord + '" onClick="FormatText(\'' + rte + '\', \'insertorderedlist\', \'\')"></td>');
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'list.gif" width="25" height="24" alt="' + unorderWord + '" title="' + unorderWord + '" onClick="FormatText(\'' + rte + '\', \'insertunorderedlist\', \'\')"></td>');
		document.writeln('		<td><span class="vertSep"></span></td>');
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'outdent.gif" width="25" height="24" alt="' + outdentWord + '" title="' + outdentWord + '" onClick="FormatText(\'' + rte + '\', \'outdent\', \'\')"></td>');
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'indent.gif" width="25" height="24" alt="' + indentWord + '" title="' + indentWord + '" onClick="FormatText(\'' + rte + '\', \'indent\', \'\')"></td>');
		document.writeln('		<td><div id="forecolor_' + rte + '"><img class="btnImage" src="' + imagesPath + 'textcolor.gif" width="25" height="24" alt="' + textColorWord + '" title="' + textColorWord + '" onClick="popup1(\'http://www.cleano2forkids.org/conceptRTEpalette.html?language=' + language + '&rte=' + rte + '&command=forecolor\', \'palette\',170,250)"></div></td>');
		document.writeln('		<td><div id="hilitecolor_' + rte + '"><img class="btnImage" src="' + imagesPath + 'bgcolor.gif" width="25" height="24" alt="' + backColorWord + '" title="' + backColorWord + '" onClick="popup1(\'http://www.cleano2forkids.org/conceptRTEpalette.html?language=' + language + '&rte=' + rte + '&command=hilitecolor\', \'palette\',170,250)"></div></td>');
		document.writeln('		<td><span class="vertSep"></span></td>');
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'hyperlink.gif" width="25" height="24" alt="' + linkWord + '" title="' + linkWord + '" onClick="popup1(\'http://www.cleano2forkids.org/conceptRTEurl.html?language=' + language + '&rte=' + rte + '\', \'selectUrl\',400,500)"></td>');
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'image.gif" width="25" height="24" alt="' + imageWord + '" title="' + imageWord + '" onClick="popup1(\'http://www.cleano2forkids.org/conceptRTEimage.html?language=' + language + '&rte=' + rte + '\', \'selectImage\',400,500)"></td>');
		document.writeln('	    <td><img class="btnImage" src="' + imagesPath + 'smiley.gif" width="25" height="24" alt="Smileys" title="Smileys" onClick="popup1(\'http://www.cleano2forkids.org/conceptRTEsmiley.html?language=' + language + '&rte=' + rte + '\', \'selectSmiley\',169,249)"></td>');
		document.writeln('		<td width="100%"></td>');
		document.writeln('	</tr>');
		document.writeln('</table>');
	}
	document.writeln('<iframe id="' + rte + '" name="' + rte + '" width="' + width + 'px" height="' + height + 'px"></iframe>');
	document.writeln('<input type="hidden" id="hdn' + rte + '" name="' + rte + '" value="">');
	document.getElementById('hdn' + rte).value = html;
	enableDesignMode(rte, html, readOnly);
}

function enableDesignMode(rte, html, readOnly) {
	var frameHtml = "<html id=\"" + rte + "\">\n";
	frameHtml += "<head>\n";
	//to reference your stylesheet, set href property below to your stylesheet path and uncomment
	if (cssFile.length > 0) {
		frameHtml += "<link media=\"all\" type=\"text/css\" href=\"" + cssFile + "\" rel=\"stylesheet\">\n";
	}
	frameHtml += "<style>\n";
	frameHtml += "body {\n";
	frameHtml += "	background: #FFFFFF;\n";
	frameHtml += "	margin: 0px;\n";
	frameHtml += "	padding: 0px;\n";
	frameHtml += "}\n";
	frameHtml += "</style>\n";
	frameHtml += "</head>\n";
	frameHtml += "<body class=rte>\n";
	frameHtml += html + "\n";
	frameHtml += "</body>\n";
	frameHtml += "</html>";

	if (document.all) {
		var oRTE = frames[rte].document;
		oRTE.open();
		oRTE.write(frameHtml);
		oRTE.close();
		if (!readOnly) oRTE.designMode = "On";
	} else {
		try {
			if (!readOnly) document.getElementById(rte).contentDocument.designMode = "on";
			try {
				var oRTE = document.getElementById(rte).contentWindow.document;
				oRTE.open();
				oRTE.write(frameHtml);
				oRTE.close();
				if (isGecko && !readOnly) {
					//attach a keyboard handler for gecko browsers to make keyboard shortcuts work
					oRTE.addEventListener("keypress", kb_handler, true);
				}
			} catch (e) {
				alert("Error preloading content.");
			}
		} catch (e) {
			//gecko may take some time to enable design mode.
			//Keep looping until able to set.
			if (isGecko) {
				setTimeout("enableDesignMode('" + rte + "', '" + html + "', " + readOnly + ");", 10);
			} else {
				return false;
			}
		}
	}
}

function updateRTEs() {
	var vRTEs = allRTEs.split(";");
	for (var i = 0; i < vRTEs.length; i++) {
		updateRTE(vRTEs[i]);
	}
}

function updateRTE(rte) {
	if (!isRichText) return;

	//set message value
	var oHdnMessage = document.getElementById('hdn' + rte);
	var oRTE = document.getElementById(rte);
	var readOnly = false;

	//check for readOnly mode
	if (document.all) {
		if (frames[rte].document.designMode != "On") readOnly = true;
	} else {
		if (document.getElementById(rte).contentDocument.designMode != "on") readOnly = true;
	}

	if (isRichText && !readOnly) {

		if (oHdnMessage.value == null) oHdnMessage.value = "";
		if (document.all) {
			oHdnMessage.value = frames[rte].document.body.innerHTML;
		} else {
			oHdnMessage.value = oRTE.contentWindow.document.body.innerHTML;
		}

		//if there is no content (other than formatting) set value to nothing
		if (stripHTML(oHdnMessage.value.replace("&nbsp;", " ")) == ""
			&& oHdnMessage.value.toLowerCase().search("<hr") == -1
			&& oHdnMessage.value.toLowerCase().search("<img") == -1) oHdnMessage.value = "";
		//fix for gecko
		if (escape(oHdnMessage.value) == "%3Cbr%3E%0D%0A%0D%0A%0D%0A") oHdnMessage.value = "";
	}
}

//Function to format text in the text box
function FormatText(rte, command, option) {
	var oRTE;
	if (document.all) {
		oRTE = frames[rte];

		//get current selected range
		var selection = oRTE.document.selection;
		if (selection != null) {
			rng = selection.createRange();
		}
	} else {
		oRTE = document.getElementById(rte).contentWindow;

		//get currently selected range
		var selection = oRTE.getSelection();
		rng = selection.getRangeAt(selection.rangeCount - 1).cloneRange();
	}

	try {
		oRTE.focus();
	  	oRTE.document.execCommand(command, false, option);
		oRTE.focus();
	} catch (e) {
		alert(e);
	}
}

function getOffsetTop(elm) {
	var mOffsetTop = elm.offsetTop;
	var mOffsetParent = elm.offsetParent;

	while(mOffsetParent){
		mOffsetTop += mOffsetParent.offsetTop;
		mOffsetParent = mOffsetParent.offsetParent;
	}

	return mOffsetTop;
}

function getOffsetLeft(elm) {
	var mOffsetLeft = elm.offsetLeft;
	var mOffsetParent = elm.offsetParent;

	while(mOffsetParent) {
		mOffsetLeft += mOffsetParent.offsetLeft;
		mOffsetParent = mOffsetParent.offsetParent;
	}

	return mOffsetLeft;
}

function Select(rte, selectname) {
	var oRTE;
	if (document.all) {
		oRTE = frames[rte];

		//get current selected range
		var selection = oRTE.document.selection;
		if (selection != null) {
			rng = selection.createRange();
		}
	} else {
		oRTE = document.getElementById(rte).contentWindow;

		//get currently selected range
		var selection = oRTE.getSelection();
		rng = selection.getRangeAt(selection.rangeCount - 1).cloneRange();
	}

	var idx = document.getElementById(selectname).selectedIndex;
	// First one is always a label
	if (idx != 0) {
		var selected = document.getElementById(selectname).options[idx].value;
		var cmd = selectname.replace('_' + rte, '');
		oRTE.focus();
		oRTE.document.execCommand(cmd, false, selected);
		oRTE.focus();
		document.getElementById(selectname).selectedIndex = 0;
	}
}

function kb_handler(evt) {
	var rte = evt.target.id;

	//contributed by Anti Veeranna (thanks Anti!)
	if (evt.ctrlKey) {
		var key = String.fromCharCode(evt.charCode).toLowerCase();
		var cmd = '';
		switch (key) {
			case 'b': cmd = "bold"; break;
			case 'i': cmd = "italic"; break;
			case 'u': cmd = "underline"; break;
		};

		if (cmd) {
			FormatText(rte, cmd, true);
			//evt.target.ownerDocument.execCommand(cmd, false, true);
			// stop the event bubble
			evt.preventDefault();
			evt.stopPropagation();
		}
 	}
}

function stripHTML(oldString) {
	var newString = oldString.replace(/(<([^>]+)>)/ig,"");

	//replace carriage returns and line feeds
   newString = newString.replace(/\r\n/g," ");
   newString = newString.replace(/\n/g," ");
   newString = newString.replace(/\r/g," ");

	//trim string
	newString = trim(newString);

	return newString;
}

function trim(inputString) {
   // Removes leading and trailing spaces from the passed string. Also removes
   // consecutive spaces and replaces it with one space. If something besides
   // a string is passed in (null, custom object, etc.) then return the input.
   if (typeof inputString != "string") return inputString;
   var retValue = inputString;
   var ch = retValue.substring(0, 1);

   while (ch == " ") { // Check for spaces at the beginning of the string
      retValue = retValue.substring(1, retValue.length);
      ch = retValue.substring(0, 1);
   }
   ch = retValue.substring(retValue.length-1, retValue.length);

   while (ch == " ") { // Check for spaces at the end of the string
      retValue = retValue.substring(0, retValue.length-1);
      ch = retValue.substring(retValue.length-1, retValue.length);
   }

	// Note that there are two spaces in the string - look for multiple spaces within the string
   while (retValue.indexOf("  ") != -1) {
		// Again, there are two spaces in each of the strings
      retValue = retValue.substring(0, retValue.indexOf("  ")) + retValue.substring(retValue.indexOf("  ")+1, retValue.length);
   }
   return retValue; // Return the trimmed string back to the user
}

function popup1(page,popupname,height,width) {
var topPosition = (screen.height - height) / 2;
var leftPosition = (screen.width - width) / 2;
var windowprops = "width=" + width + ",height=" + height + ",top=" + topPosition + ",left=" + leftPosition + ",location=no,menubar=no,toolbar=no,scrollbars=no,resizable=no,status=no";
newWindow = window.open(page,popupname,windowprops);
}