/*****************************************/
// Name: Javascript Textarea BBCode Markup Editor
// Version: 1.3
// Author: Balakrishnan
// Last Modified Date: 25/jan/2009
// License: Free
// URL: http://www.corpocrat.com
/******************************************/

var textarea;
var content;
document.write("<link href=\"/include/css/styles_bbeditor.css\" rel=\"stylesheet\" type=\"text/css\">");


function edToolbar(obj) {
    document.write("<div class=\"edBtns\">");
    document.write("<div class=\"toolbar\">");
	document.write("<img class=\"button\" src=\"/media/images/bbeditor/bold.gif\" name=\"btnBold\" title=\"Vet\" onClick=\"doAddTags('[B]','[/B]','" + obj + "')\">");
    document.write("<img class=\"button\" src=\"/media/images/bbeditor/italic.gif\" name=\"btnItalic\" title=\"Cursief\" onClick=\"doAddTags('[I]','[/I]','" + obj + "')\">");
	document.write("<img class=\"button\" src=\"/media/images/bbeditor/underline.gif\" name=\"btnUnderline\" title=\"Onderstrepen\" onClick=\"doAddTags('[U]','[/U]','" + obj + "')\">");
	document.write("<img class=\"button\" src=\"/media/images/bbeditor/strike.gif\" name=\"btnStrike\" title=\"Doorstrepen\" onClick=\"doAddTags('[STRIKE]','[/STRIKE]','" + obj + "')\">");

	document.write("<img class=\"button\" src=\"/media/images/bbeditor/link.gif\" name=\"btnLink\" title=\"Voeg een link toe\" onClick=\"doURL('" + obj + "')\">");

	document.write("<img class=\"button\" src=\"/media/images/bbeditor/left.gif\" name=\"btnLeft\" title=\"Links uitlijnen\" onClick=\"doAddTags('[LEFT]','[/LEFT]','" + obj + "')\">");
	document.write("<img class=\"button\" src=\"/media/images/bbeditor/center.gif\" name=\"btnCenter\" title=\"Centreren\" onClick=\"doAddTags('[CENTER]','[/CENTER]','" + obj + "')\">");
	document.write("<img class=\"button\" src=\"/media/images/bbeditor/right.gif\" name=\"btnRight\" title=\"Rechts uitlijnen\" onClick=\"doAddTags('[RIGHT]','[/RIGHT]','" + obj + "')\">");
	document.write("<img class=\"button\" src=\"/media/images/bbeditor/ordered.gif\" name=\"btnList\" title=\"Genummerde lijst\" onClick=\"doList('[LIST=1]','[/LIST]','" + obj + "')\">");
	document.write("<img class=\"button\" src=\"/media/images/bbeditor/unordered.gif\" name=\"btnList\" title=\"Ongenummerde lijst\" onClick=\"doList('[LIST]','[/LIST]','" + obj + "')\">");


	//document.write("<img class=\"button\" src=\"/media/images/bbeditor/quote.gif\" name=\"btnQuote\" title=\"Quote\" onClick=\"doAddTags('[quote]','[/quote]','" + obj + "')\">"); 
  	//document.write("<img class=\"button\" src=\"/media/images/bbeditor/code.gif\" name=\"btnCode\" title=\"Code\" onClick=\"doAddTags('[code]','[/code]','" + obj + "')\">");
	//document.write("<img class=\"button\" src=\"/media/images/bbeditor/picture.gif\" name=\"btnPicture\" title=\"Voeg een afbeelding toe\" onClick=\"doImage('" + obj + "')\">");

	document.write("</div>");
	document.write("</div>");

	//document.write("<textarea id=\""+ obj +"\" name = \"" + obj + "\" cols=\"" + width + "\" rows=\"" + height + "\"></textarea>");
				}

function doImage(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);
	    //alert(sel);
		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 doURL(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]';
					}			

				//alert(sel.text);
				
			}
   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]';
				}
	    //alert(sel);
		
        textarea.value =  textarea.value.substring(0,start) + rep + textarea.value.substring(end,len);
		
			
		textarea.scrollTop = scrollTop;
		textarea.scrollLeft = scrollLeft;
	}
 }
}

function doAddTags(tag1,tag2,obj)
{
textarea = document.getElementById(obj);
	// Code for IE
		if (document.selection) 
			{
				textarea.focus();
				var sel = document.selection.createRange();
				//alert(sel.text);
				sel.text = tag1 + sel.text + tag2;
			}
   else 
    {  // Code for Mozilla Firefox
		var len = textarea.value.length;
	    var start = textarea.selectionStart;
		var end = textarea.selectionEnd;
		
		
		var scrollTop = textarea.scrollTop;
		var scrollLeft = textarea.scrollLeft;

		
        var sel = textarea.value.substring(start, end);
	    //alert(sel);
		var rep = tag1 + sel + tag2;
        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);
// Code for IE
		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];
				}
				//alert(list.join("\n"));
				sel.text = tag1 + '\n' + list.join("\n") + '\n' + tag2;
			} else
			// Code for Firefox
			{

		var len = textarea.value.length;
	    var start = textarea.selectionStart;
		var end = textarea.selectionEnd;
		var i;
		
		var scrollTop = textarea.scrollTop;
		var scrollLeft = textarea.scrollLeft;

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

function surround_text(into, textpre, textpost) {
	into = document.getElementById(into);
	// IE support
	//   note that cursor is placed AFTER modified sel.text (bad)
	//    AND disappears if range selected (bad) AND selection 
	//    remains active (very bad)
	if (document.selection) {
		into.focus();
		var sel = document.selection.createRange();
		sel.text = textpre + sel.text + textpost;
	} else if (into.selectionStart || into.selectionStart == '0') {
		var startPos = into.selectionStart;
		var endPos = into.selectionEnd;
		// glue together portion before cursor/selection +
		// textpre + any selected area + textpost + portion 
		// after cursor/selection
		into.value = into.value.substring(0, startPos) + 
			textpre +
			into.value.substring(into.selectionStart, into.selectionEnd) + 
			textpost + 
		into.value.substring(endPos, into.value.length);
		// after insertion, cursor = start/end selection area
		// after inserted textpre
		into.selectionStart = into.selectionEnd = startPos + textpre.length;
	} else {
		var endPos = into.value.length;
		into.value += textpre+textpost;
		into.selectionStart = into.selectionEnd = endPos + textpre.length + textpost.length;
	}
	into.focus();
}