<!--

// Check for Browser & Platform for PC & IE specific bits
var clientPC = navigator.userAgent.toLowerCase(); // Get client info
var clientVer = parseInt(navigator.appVersion); // Get browser version

var is_ie = ((clientPC.indexOf("msie") != -1) && (clientPC.indexOf("opera") == -1));
var is_nav = ((clientPC.indexOf('mozilla')!=-1) && (clientPC.indexOf('spoofer')==-1)
		&& (clientPC.indexOf('compatible') == -1) && (clientPC.indexOf('opera')==-1)
		&& (clientPC.indexOf('webtv')==-1) && (clientPC.indexOf('hotjava')==-1));
var is_moz = 0;

var is_win = ((clientPC.indexOf("win")!=-1) || (clientPC.indexOf("16bit") != -1));
var is_mac = (clientPC.indexOf("mac")!=-1);

// Helpline messages
b_help = "Bold text: [b]text[/b]";
i_help = "Italic text: [i]text[/i]";
u_help = "Underline text: [u]text[/u]";
q_help = "Quote text: [quote]text[/quote]";
c_help = "Code display: [code]code[/code]";
l_help = "List: [list]text[/list] (alt+l)";
o_help = "Ordered list: [list=]text[/list]";
p_help = "Insert image: [img]http://image_url[/img]";
w_help = "Insert URL: [url]http://url[/url] or [url=http://url]URL text[/url]";
a_help = "Close all open bbCode tags";
s_help = "Font color: [color=red]text[/color]  Tip: you can also use color=#FF0000";
f_help = "Font size: [size=x-small]small text[/size]";
f_help = "Font size: [size=x-small]small text[/size]";
u_help = "YouTube: [youtube]YouTube URL[/youtube]";

// Define the bbCode tags
bbtags = new Array(
	'[b]','[/b]',
	'[i]','[/i]',
	'[u]','[/u]',
	'[quote]','[/quote]',
	'[code]','[/code]',
	'[list]','[/list]',
	'[list=]','[/list]',
	'[img]','[/img]',
	'[url]','[/url]',
	'[youtube]','[/youtube]');

// Shows the help messages in the helpline window
function helpline(Caller,help)
{
	Element_ByID("BBCode_"+Boxes.GetContainingBox(Caller).BoxID+"_Helpline").innerHTML = eval(help + "_help");
}


// Replacement for arrayname.length property
function getarraysize(thearray) {
	for (i = 0; i < thearray.length; i++) {
		if ((thearray[i] == "undefined") || (thearray[i] == "") || (thearray[i] == null))
			return i;
		}
	return thearray.length;
}

// Replacement for arrayname.push(value) not implemented in IE until version 5.5
// Appends element to the array
function arraypush(thearray,value) {
	thearray[ getarraysize(thearray) ] = value;
}

// Replacement for arrayname.pop() not implemented in IE until version 5.5
// Removes and returns the last element of an array
function arraypop(thearray) {
	thearraysize = getarraysize(thearray);
	retval = thearray[thearraysize - 1];
	delete thearray[thearraysize - 1];
	return retval;
}


function bbfontstyle(Caller,bbopen, bbclose) {
	var BoxObject = Boxes.GetContainingBox(Caller)
	var TextArea = BoxObject.BBCode;

	if ((clientVer >= 4) && is_ie && is_win) {
		BoxObject.BBCode.BBCode_theSelection = document.selection.createRange().text;
		if (!BoxObject.BBCode.BBCode_theSelection) {
			TextArea.value += bbopen + bbclose;
			TextArea.focus();
			return;
		}
		document.selection.createRange().text = bbopen + BoxObject.BBCode.BBCode_theSelection + bbclose;
		TextArea.focus();
		return;
	}
	else if (TextArea.selectionEnd && (TextArea.selectionEnd - TextArea.selectionStart > 0))
	{
		mozWrap(TextArea, bbopen, bbclose);
		return;
	}
	else
	{
		TextArea.value += bbopen + bbclose;
		TextArea.focus();
	}
	storeCaret(TextArea);
}


function bbstyle(Caller,bbnumber)
{

	var BoxObject = Boxes.GetContainingBox(Caller);
	var TextArea = BoxObject.BBCode;

	donotinsert = false;
	BoxObject.BBCode.BBCode_theSelection = false;
	bblast = 0;

	if (bbnumber == -1) { // Close all open tags & default button names
		while (BoxObject.BBCode.BBCode_bbcode[0]) {
			butnumber = arraypop(BoxObject.BBCode.BBCode_bbcode) - 1;
			TextArea.value += bbtags[butnumber + 1];
			buttext = eval('Element_ByID("BBCode_'+BoxObject.BoxID+'_addbbcode' + butnumber + '").value');
			eval('Element_ByID("BBCode_'+BoxObject.BoxID+'_addbbcode' + butnumber + '").value ="' + buttext.substr(0,(buttext.length - 1)) + '"');
		}
		BoxObject.BBCode.BBCode_imageTag = false; // All tags are closed including image tags :D
		TextArea.focus();
		return;
	}

	if ((clientVer >= 4) && is_ie && is_win)
	{
		BoxObject.BBCode.BBCode_theSelection = document.selection.createRange().text; // Get text selection
		if (BoxObject.BBCode.BBCode_theSelection) {
			// Add tags around selection
			document.selection.createRange().text = bbtags[bbnumber] + BoxObject.BBCode.BBCode_theSelection + bbtags[bbnumber+1];
			TextArea.focus();
			BoxObject.BBCode.BBCode_theSelection = '';
			return;
		}
	}
	else if (TextArea.selectionEnd && (TextArea.selectionEnd - TextArea.selectionStart > 0))
	{
		mozWrap(TextArea, bbtags[bbnumber], bbtags[bbnumber+1]);
		return;
	}

	// Find last occurance of an open tag the same as the one just clicked
	for (i = 0; i < BoxObject.BBCode.BBCode_bbcode.length; i++) {
		if (BoxObject.BBCode.BBCode_bbcode[i] == bbnumber+1) {
			bblast = i;
			donotinsert = true;
		}
	}

	if (donotinsert) {		// Close all open tags up to the one just clicked & default button names
		while (BoxObject.BBCode.BBCode_bbcode[bblast]) {
				butnumber = arraypop(BoxObject.BBCode.BBCode_bbcode) - 1;
				TextArea.value += bbtags[butnumber + 1];
				buttext = eval('Element_ByID("BBCode_'+BoxObject.BoxID+'_addbbcode' + butnumber + '").value');
				eval('Element_ByID("BBCode_'+BoxObject.BoxID+'_addbbcode' + butnumber + '").value ="' + buttext.substr(0,(buttext.length - 1)) + '"');
				BoxObject.BBCode.BBCode_imageTag = false;
			}
			TextArea.focus();
			return;
	} else { // Open tags

		if (BoxObject.BBCode.BBCode_imageTag && (bbnumber != 14)) {		// Close image tag before adding another
			TextArea.value += bbtags[15];
			lastValue = arraypop(BoxObject.BBCode.BBCode_bbcode) - 1;	// Remove the close image tag from the list
			Element_ByID("BBCode_"+BoxObject.BoxID+"_addbbcode14").value = "Img";	// Return button back to normal state
			BoxObject.BBCode.BBCode_imageTag = false;
		}

		// Open tag
		TextArea.value += bbtags[bbnumber];
		if ((bbnumber == 14) && (BoxObject.BBCode.BBCode_imageTag == false)) BoxObject.BBCode.BBCode_imageTag = 1; // Check to stop additional tags after an unclosed image tag
		arraypush(BoxObject.BBCode.BBCode_bbcode,bbnumber+1);
		eval('Element_ByID("BBCode_'+BoxObject.BoxID+'_addbbcode' + bbnumber + '").value += "*"');
		TextArea.focus();
		return;
	}
	storeCaret(TextArea);
}

// From http://www.massless.org/mozedit/
function mozWrap(TextArea, open, close)
{
	var selLength = TextArea.textLength;
	var selStart = TextArea.selectionStart;
	var selEnd = TextArea.selectionEnd;
	if (selEnd == 1 || selEnd == 2)
		selEnd = selLength;

	var s1 = (TextArea.value).substring(0,selStart);
	var s2 = (TextArea.value).substring(selStart, selEnd)
	var s3 = (TextArea.value).substring(selEnd, selLength);
	TextArea.value = s1 + open + s2 + close + s3;
	return;
}

// Insert at Claret position. Code from
// http://www.faqts.com/knowledge_base/view.phtml/aid/1052/fid/130
function storeCaret(textEl) {
	if (textEl.createTextRange) textEl.caretPos = document.selection.createRange().duplicate();
}



function BBCode_CreateTools(BoxID)
{
	var BBCodeBox = '\n'+
		'<table width=100% border="0" cellspacing="0" cellpadding="2">\n'+
		'	<tr align="center" valign="middle">\n'+
		'		<td>\n'+
		'			<input type=\"button\" class="BBButton" id="BBCode_'+BoxID+'_addbbcode0" value=" B " style="font-weight:bold; width: 30px" onClick="bbstyle(this,0)" onMouseOver="helpline(this,\'b\')" />\n'+
		'			<input type=\"button\" class="BBButton" id="BBCode_'+BoxID+'_addbbcode2" value=" i " style="font-style:italic; width: 30px" onClick="bbstyle(this,2)" onMouseOver="helpline(this,\'i\')" />\n'+
		'			<input type=\"button\" class="BBButton" id="BBCode_'+BoxID+'_addbbcode4" value=" u " style="text-decoration: underline; width: 30px" onClick="bbstyle(this,4)" onMouseOver="helpline(this,\'u\')" />\n'+
		'			<input type=\"button\" class="BBButton" id="BBCode_'+BoxID+'_addbbcode6" value="Quote" style="width: 50px" onClick="bbstyle(this,6)" onMouseOver="helpline(this,\'q\')" />\n'+
		'			<input type=\"button\" class="BBButton" id="BBCode_'+BoxID+'_addbbcode8" value="Code" style="width: 40px" onClick="bbstyle(this,8)" onMouseOver="helpline(this,\'c\')" />\n'+
		'			<input type=\"button\" class="BBButton" id="BBCode_'+BoxID+'_addbbcode10" value="List" style="width: 40px" onClick="bbstyle(this,10)" onMouseOver="helpline(this,\'l\')" />\n'+
		'			<input type=\"button\" class="BBButton" id="BBCode_'+BoxID+'_addbbcode12" value="List=" style="width: 40px" onClick="bbstyle(this,12)" onMouseOver="helpline(this,\'o\')" />\n'+
		'			<input type=\"button\" class="BBButton" id="BBCode_'+BoxID+'_addbbcode14" value="Img" style="width: 40px"  onClick="bbstyle(this,14)" onMouseOver="helpline(this,\'p\')" />\n'+
		'			<input type=\"button\" class="BBButton" id="BBCode_'+BoxID+'_addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onClick="bbstyle(this,16)" onMouseOver="helpline(this,\'w\')" />\n'+
		'			<input type=\"button\" class="BBButton" id="BBCode_'+BoxID+'_addbbcode18" value="YouTube" style="width: 70px" onClick="bbstyle(this,18)" onMouseOver="helpline(this,\'u\')" />\n'+
		
		'			<nobr>\n'+
		'				<font size=-1>&nbsp;Font color:\n'+
		'				<select class="BBButton" id="BBCode_'+BoxID+'_addbbcode18" onChange="bbfontstyle(this,\'[color=\' + this.options[this.selectedIndex].value + \']\', \'[/color]\');this.selectedIndex=0;" onMouseOver="helpline(this,\'s\')">\n'+
		'					<option style="color:black; background-color: #FAFAFA" value="#444444" class="genmed">Default</option>\n'+
		'					<option style="color:darkred; background-color: #FAFAFA" value="darkred" class="genmed">Dark Red</option>\n'+
		'					<option style="color:red; background-color: #FAFAFA" value="red" class="genmed">Red</option>\n'+
		
		'					<option style="color:orange; background-color: #FAFAFA" value="orange" class="genmed">Orange</option>\n'+
		'					<option style="color:brown; background-color: #FAFAFA" value="brown" class="genmed">Brown</option>\n'+
		'					<option style="color:yellow; background-color: #FAFAFA" value="yellow" class="genmed">Yellow</option>\n'+
		'					<option style="color:green; background-color: #FAFAFA" value="green" class="genmed">Green</option>\n'+
		'					<option style="color:olive; background-color: #FAFAFA" value="olive" class="genmed">Olive</option>\n'+
		'					<option style="color:cyan; background-color: #FAFAFA" value="cyan" class="genmed">Cyan</option>\n'+
		
		'					<option style="color:blue; background-color: #FAFAFA" value="blue" class="genmed">Blue</option>\n'+
		'					<option style="color:darkblue; background-color: #FAFAFA" value="darkblue" class="genmed">Dark Blue</option>\n'+
		'					<option style="color:indigo; background-color: #FAFAFA" value="indigo" class="genmed">Indigo</option>\n'+
		'					<option style="color:violet; background-color: #FAFAFA" value="violet" class="genmed">Violet</option>\n'+
		'					<option style="color:white; background-color: #FAFAFA" value="white" class="genmed">White</option>\n'+
		'					<option style="color:black; background-color: #FAFAFA" value="black" class="genmed">Black</option>\n'+
		
		'				</select>&nbsp;\n'+
		'			</nobr>\n'+
		'			<nobr>\n'+
		'				Font size:<select class="BBButton" id="BBCode_'+BoxID+'_addbbcode20" onChange="bbfontstyle(this,\'[size=\' + this.options[this.selectedIndex].value + \']\', \'[/size]\')" onMouseOver="helpline(this,\'f\')">\n'+
		'					<option value="7" class="genmed">Tiny</option>\n'+
		'					<option value="9" class="genmed">Small</option>\n'+
		'					<option value="12" selected class="genmed">Normal</option>\n'+
		'					<option value="18" class="genmed">Large</option>\n'+
		'					<option  value="24" class="genmed">Huge</option>\n'+
		'				</select></font>\n'+
		'			</nobr>\n'+
		
		'			<nobr><span onclick="bbstyle(this,-1)" class="genmed" onMouseOver="helpline(this,\'a\')"><font size=-1 color=blue><u>Close Tags</u></font></span></nobr>\n'+
		'		</td>\n'+
		'	</tr>\n'+
		'	<tr>\n'+
		
		'		<td colspan="5" align=center>\n'+
		'			<span name="helpbox" id="BBCode_'+BoxID+'_Helpline" STYLE="margin:0; font-size:10px; border-style: none; width:100%" width=100%>Tip: Styles can be applied quickly to selected text.</span>\n'+
		'		</td>\n'+
		'	</tr>\n'+
		'</table>';
	
	return(BBCodeBox);
}


function BBCode_RegisterTools(BoxObject,TextArea)
{
	BoxObject.BBCode = TextArea;

	BoxObject.BBCode.BBCode_imageTag = false;
	BoxObject.BBCode.BBCode_theSelection = false;
	BoxObject.BBCode.BBCode_bbcode = new Array();	
}


-->
