Event.observe(window, 'load', function(){
	Event.observe('addBold', 'click', function(){ addUbb('b'); });
	Event.observe('addItalic', 'click', function(){ addUbb('i'); });
	Event.observe('addUnderline', 'click', function(){ addUbb('u'); });
	Event.observe('addStrike', 'click', function(){ addUbb('s'); });
	Event.observe('addTitle', 'click', function(){ addUbb('h2'); });
	Event.observe('addLink', 'click', function(){ addLink(); });
	Event.observe('addImage', 'click', function(){ addImage(); });
});

function addUbb(input)
{
	var editField = $('ubbEditor');
	/** IE **/
	if(document.selection)
	{
		editField.focus();
		var sel = document.selection.createRange();
		if(input == 'h2')
		{
			sel.text = '</p><' + input + '>' + sel.text + '</' + input + '><p>';
		}
		else
		{
			sel.text = '<' + input + '>' + sel.text + '</' + input + '>';
		}
	}
	/** /IE **/
	else
	{
	/** FF **/
		var len = editField.value.length;
		var start = editField.selectionStart;
		var end = editField.selectionEnd;
		var sel = editField.value.substring(start, end); 
		
		if(input == 'h2')
		{
			var replace = '</p><' + input + '>' + sel + '</' + input + '><p>';
		}
		else
		{
			var replace = '<' + input + '>' + sel + '</' + input + '>';
		}
		
		editField.value = editField.value.substring(0, start) + replace + editField.value.substring(end, len);
		editField.focus();
	/** /FF **/
	}
}

function addLink()
{
	var editField = $('ubbEditor');
	/** IE **/
	if(document.selection)
	{
		editField.focus();
		var sel = document.selection.createRange();
		var link = prompt("Voer hier de link in! :");

		sel.text = '<a href="' + link + '">' + sel.text + '</a>';
	}
	/** /IE **/
	else
	{
	/** FF **/
		var len = editField.value.length;
		var start = editField.selectionStart;
		var end = editField.selectionEnd;
		var sel = editField.value.substring(start, end); 
		
		var link = prompt("Voer hier de link in! :");
		
		var replace = '<a href=' + link + '>' + sel + '</a>';
		editField.value = editField.value.substring(0, start) + replace + editField.value.substring(end, len);
		editField.focus();
	/** /FF **/
	}
}

function addImage()
{
	var editField = $('ubbEditor');
	var image = prompt("Voer hier de link naar het plaatje in! :");
	editField.value += '<img src="' + image + '" />';
}