var textarea;

document.write("<link href=\"../source/bbeditor/styles.css\" rel=\"stylesheet\" type=\"text/css\">");

function BBToolbar(obj)
{
	document.write("<div class=\"toolbar\">");
	document.write("<select class=\"toolbar\" name=\"ddlSize\" onChange=\"addSize(this, '" + obj + "');\">");
	document.write("<option value=\"11px\">11px</option>");
	document.write("<option value=\"13px\" selected=\"selected\">13px</option>");
	document.write("<option value=\"15px\">15px</option>");
	document.write("<option value=\"17px\">17px</option>");
	document.write("<option value=\"19px\">19px</option>");
	document.write("</select>");
	document.write("<div class=\"toolbar-plate\">");
	document.write("<img class=\"toolbar-plate\" src=\"../source/bbeditor/images/color.gif\" name=\"btnColor\" title=\"Color\" />");
	document.write("<div class=\"plate\">");
	document.write("<input type=\"button\" class=\"plate-color\" style=\"background-color: #000000;\" onClick=\"addTags('[color=#000000]', '[/color]', '" + obj + "')\" />");																							 
	document.write("<input type=\"button\" class=\"plate-color\" style=\"background-color: #FFFFFF;\" onClick=\"addTags('[color=#FFFFFF]', '[/color]', '" + obj + "')\" />");																							 
	document.write("<input type=\"button\" class=\"plate-color\" style=\"background-color: #008000;\" onClick=\"addTags('[color=#008000]', '[/color]', '" + obj + "')\" />");																							 
	document.write("<input type=\"button\" class=\"plate-color\" style=\"background-color: #800000;\" onClick=\"addTags('[color=#800000]', '[/color]', '" + obj + "')\" />");																							 
	document.write("<input type=\"button\" class=\"plate-color\" style=\"background-color: #808000;\" onClick=\"addTags('[color=#808000]', '[/color]', '" + obj + "')\" />");																							 
	document.write("<input type=\"button\" class=\"plate-color\" style=\"background-color: #000080;\" onClick=\"addTags('[color=#000080]', '[/color]', '" + obj + "')\" />");																							 
	document.write("<input type=\"button\" class=\"plate-color\" style=\"background-color: #800080;\" onClick=\"addTags('[color=#800080]', '[/color]', '" + obj + "')\" />");																							 
	document.write("<input type=\"button\" class=\"plate-color\" style=\"background-color: #808080;\" onClick=\"addTags('[color=#808080]', '[/color]', '" + obj + "')\" />");																							 
	document.write("<input type=\"button\" class=\"plate-color\" style=\"background-color: #FFFF00;\" onClick=\"addTags('[color=#FFFF00]', '[/color]', '" + obj + "')\" />");																							 
	document.write("<input type=\"button\" class=\"plate-color\" style=\"background-color: #00FF00;\" onClick=\"addTags('[color=#00FF00]', '[/color]', '" + obj + "')\" />");																							 
	document.write("<input type=\"button\" class=\"plate-color\" style=\"background-color: #00FFFF;\" onClick=\"addTags('[color=#00FFFF]', '[/color]', '" + obj + "')\" />");																							 
	document.write("<input type=\"button\" class=\"plate-color\" style=\"background-color: #FF00FF;\" onClick=\"addTags('[color=#FF00FF]', '[/color]', '" + obj + "')\" />");																							
	document.write("<input type=\"button\" class=\"plate-color\" style=\"background-color: #C0C0C0;\" onClick=\"addTags('[color=#C0C0C0]', '[/color]', '" + obj + "')\" />");																							 
	document.write("<input type=\"button\" class=\"plate-color\" style=\"background-color: #FF0000;\" onClick=\"addTags('[color=#FF0000]', '[/color]', '" + obj + "')\" />");																							 
	document.write("<input type=\"button\" class=\"plate-color\" style=\"background-color: #0000FF;\" onClick=\"addTags('[color=#0000FF]', '[/color]', '" + obj + "')\" />");																				 
	document.write("<input type=\"button\" class=\"plate-color\" style=\"background-color: #008080;\" onClick=\"addTags('[color=#008080]', '[/color]', '" + obj + "')\" />");
	document.write("</div>");
	document.write("</div>");
	document.write("<img class=\"toolbar\" src=\"../source/bbeditor/images/left.gif\" name=\"btnLeft\" title=\"Left\" onClick=\"addTags('[left]', '[/left]', '" + obj + "')\" />");
	document.write("<img class=\"toolbar\" src=\"../source/bbeditor/images/center.gif\" name=\"btnCenter\" title=\"Center\" onClick=\"addTags('[center]', '[/center]', '" + obj + "')\" />");
	document.write("<img class=\"toolbar\" src=\"../source/bbeditor/images/right.gif\" name=\"btnRight\" title=\"Right\" onClick=\"addTags('[right]', '[/right]', '" + obj + "')\" />");
	document.write("<img class=\"toolbar\" src=\"../source/bbeditor/images/bold.gif\" name=\"btnBold\" title=\"Bold\" onClick=\"addTags('[b]', '[/b]', '" + obj + "')\" />");
	document.write("<img class=\"toolbar\" src=\"../source/bbeditor/images/italic.gif\" name=\"btnItalic\" title=\"Italic\" onClick=\"addTags('[i]', '[/i]', '" + obj + "')\" />");
	document.write("<img class=\"toolbar\" src=\"../source/bbeditor/images/underline.gif\" name=\"btnUnderline\" title=\"Underline\" onClick=\"addTags('[u]', '[/u]', '" + obj + "')\" />");
	document.write("<img class=\"toolbar\" src=\"../source/bbeditor/images/link.gif\" name=\"btnLink\" title=\"Insert Link\" onClick=\"addTags('[url]', '[/url]', '" + obj + "')\" />");
	document.write("<img class=\"toolbar\" src=\"../source/bbeditor/images/picture.gif\" name=\"btnPicture\" title=\"Insert Image\" onClick=\"addTags('[img]', '[/img]', '" + obj + "')\" />");
	document.write("<img class=\"toolbar\" src=\"../source/bbeditor/images/youtube.gif\" name=\"btnYouTube\" title=\"YouTube\" onClick=\"addTags('[youtube]', '[/youtube]', '" + obj + "')\" />");
	document.write("<div class=\"emotion\">");
	document.write("<img class=\"emotion\" src=\"../images/emotion/01.gif\" onClick=\"addTag('[emo=01]', '" + obj + "')\" />");
	document.write("<img class=\"emotion\" src=\"../images/emotion/02.gif\" onClick=\"addTag('[emo=02]', '" + obj + "')\" />");
	document.write("<img class=\"emotion\" src=\"../images/emotion/03.gif\" onClick=\"addTag('[emo=03]', '" + obj + "')\" />");
	document.write("<img class=\"emotion\" src=\"../images/emotion/04.gif\" onClick=\"addTag('[emo=04]', '" + obj + "')\" />");
	document.write("<img class=\"emotion\" src=\"../images/emotion/05.gif\" onClick=\"addTag('[emo=05]', '" + obj + "')\" />");
	document.write("<img class=\"emotion\" src=\"../images/emotion/06.gif\" onClick=\"addTag('[emo=06]', '" + obj + "')\" />");
	document.write("<img class=\"emotion\" src=\"../images/emotion/07.gif\" onClick=\"addTag('[emo=07]', '" + obj + "')\" />");
	document.write("<img class=\"emotion\" src=\"../images/emotion/08.gif\" onClick=\"addTag('[emo=08]', '" + obj + "')\" />");
	document.write("<img class=\"emotion\" src=\"../images/emotion/09.gif\" onClick=\"addTag('[emo=09]', '" + obj + "')\" />");
	document.write("<img class=\"emotion\" src=\"../images/emotion/10.gif\" onClick=\"addTag('[emo=10]', '" + obj + "')\" />");
	document.write("<img class=\"emotion\" src=\"../images/emotion/11.gif\" onClick=\"addTag('[emo=11]', '" + obj + "')\" />");
	document.write("<img class=\"emotion\" src=\"../images/emotion/12.gif\" onClick=\"addTag('[emo=12]', '" + obj + "')\" />");
	document.write("<img class=\"emotion\" src=\"../images/emotion/13.gif\" onClick=\"addTag('[emo=13]', '" + obj + "')\" />");
	document.write("<img class=\"emotion\" src=\"../images/emotion/14.gif\" onClick=\"addTag('[emo=14]', '" + obj + "')\" />");
	document.write("<img class=\"emotion\" src=\"../images/emotion/15.gif\" onClick=\"addTag('[emo=15]', '" + obj + "')\" />");
	document.write("<img class=\"emotion\" src=\"../images/emotion/16.gif\" onClick=\"addTag('[emo=16]', '" + obj + "')\" />");
	document.write("<img class=\"emotion\" src=\"../images/emotion/17.gif\" onClick=\"addTag('[emo=17]', '" + obj + "')\" />");
	document.write("<img class=\"emotion\" src=\"../images/emotion/18.gif\" onClick=\"addTag('[emo=18]', '" + obj + "')\" />");
	document.write("<img class=\"emotion\" src=\"../images/emotion/19.gif\" onClick=\"addTag('[emo=19]', '" + obj + "')\" />");
	document.write("</div>");
	document.write("</div>");
}

function addSize(list, obj)
{
	addTags("[size="+list.options[list.selectedIndex].value+"]","[/size]", obj);
	
	list.selectedIndex = 1;
}

function addTag(tag, obj)
{
	textarea = document.getElementById(obj);
	
	if (document.selection) 
	{
		textarea.focus();
		var sel = document.selection.createRange();

		sel.text = tag;
	}
	else 
	{
		var len = textarea.value.length;
		var start = textarea.selectionStart;
		var end = textarea.selectionEnd;

		var sel = textarea.value.substring(start, end);
		var rep = tag;

		var scrollTop = textarea.scrollTop;
		var scrollLeft = textarea.scrollLeft;
		
		textarea.value = textarea.value.substring(0, start) + rep + textarea.value.substring(end, len);
		textarea.scrollTop = scrollTop;
		textarea.scrollLeft = scrollLeft;
	}
}

function addTags(tag1, tag2, obj)
{
	textarea = document.getElementById(obj);
	
	if (document.selection) 
	{
		textarea.focus();
		var sel = document.selection.createRange();
		
		sel.text = tag1 + sel.text + tag2;
	}
	else 
	{
		var len = textarea.value.length;
		var start = textarea.selectionStart;
		var end = textarea.selectionEnd;

		var sel = textarea.value.substring(start, end);
		var rep = tag1 + sel + tag2;

		var scrollTop = textarea.scrollTop;
		var scrollLeft = textarea.scrollLeft;
		
		textarea.value = textarea.value.substring(0, start) + rep + textarea.value.substring(end, len);
		textarea.scrollTop = scrollTop;
		textarea.scrollLeft = scrollLeft;
	}
}

//function addImage(obj)
//{
//	textarea = document.getElementById(obj);
//	var url = prompt('Enter the Image URL:', 'http://');
//	var scrollTop = textarea.scrollTop;
//	var scrollLeft = textarea.scrollLeft;

//	if (url != '' && url != null)
//	{
//		if (document.selection) 
//		{
//			textarea.focus();
//			var sel = document.selection.createRange();
//			sel.text = '[img]' + url + '[/img]';
//		}
//		else 
//		{
//			var len = textarea.value.length;
//			var start = textarea.selectionStart;
//			var end = textarea.selectionEnd;
//			
//			var sel = textarea.value.substring(start, end);
//			var rep = '[img]' + url + '[/img]';

//			textarea.value = textarea.value.substring(0, start) + rep + textarea.value.substring(end, len);
//			textarea.scrollTop = scrollTop;
//			textarea.scrollLeft = scrollLeft;
//		}
//	}
//}

//function addURL(obj)
//{
//	textarea = document.getElementById(obj);
//	var url = prompt('Enter the URL:', 'http://');
//	var scrollTop = textarea.scrollTop;
//	var scrollLeft = textarea.scrollLeft;

//	if (url != '' && url != null)
//	{
//		if (document.selection) 
//		{
//			textarea.focus();
//			var sel = document.selection.createRange();

//			if(sel.text == "")
//			{
//				sel.text = '[url]' + url + '[/url]';
//			}
//			else
//			{
//				sel.text = '[url=' + url + ']' + sel.text + '[/url]';
//			}			
//		}
//		else 
//		{
//			var len = textarea.value.length;
//			var start = textarea.selectionStart;
//			var end = textarea.selectionEnd;

//			var sel = textarea.value.substring(start, end);

//			if(sel == "")
//			{
//				var rep = '[url]' + url + '[/url]';
//			}
//			else
//			{
//				var rep = '[url=' + url + ']' + sel + '[/url]';
//			}
//			
//			textarea.value = textarea.value.substring(0, start) + rep + textarea.value.substring(end, len);
//			textarea.scrollTop = scrollTop;
//			textarea.scrollLeft = scrollLeft;
//		}
//	}
//}

//function doList(tag1, tag2, obj)
//{
//	textarea = document.getElementById(obj);

//	if (document.selection) 
//	{
//		textarea.focus();
//		var sel = document.selection.createRange();
//		var list = sel.text.split('\n');

//		for(i=0;i<list.length;i++) 
//		{
//			list[i] = '[*]' + list[i];
//		}
//		
//		sel.text = tag1 + '\n' + list.join("\n") + '\n' + tag2;
//	}
//	else
//	{

//		var len = textarea.value.length;
//		var start = textarea.selectionStart;
//		var end = textarea.selectionEnd;
//		
//		var sel = textarea.value.substring(start, end);
//		var list = sel.split('\n');

//		for(var i=0;i<list.length;i++) 
//		{
//			list[i] = '[*]' + list[i];
//		}
//		
//		var rep = tag1 + '\n' + list.join("\n") + '\n' +tag2;
//		
//		var scrollTop = textarea.scrollTop;
//		var scrollLeft = textarea.scrollLeft;
//		
//		textarea.value = textarea.value.substring(0, start) + rep + textarea.value.substring(end, len);
//		textarea.scrollTop = scrollTop;
//		textarea.scrollLeft = scrollLeft;
//	}
//}