function makeButtons()
{
	$(document).ready(function()
	{
		var buttonSet = [
		        "<div>",
				"<button id='buttonBold'><img src='img/icons/text_bold.png' alt='bold'/></button>",
				"<button id='buttonItalic'><img src='img/icons/text_italic.png' alt='italic'/></button>",
				"<button id='buttonUnderline'><img src='img/icons/text_underline.png' alt='underline'/></button>",
				"<button id='buttonSuperscript'><img src='img/icons/text_superscript.png' alt='superscript'/></button>",
				"<button id='buttonLink'><img src='img/icons/link.png' alt='superscript'/></button>",
				"<button id='buttonImage'><img src='img/icons/image.png' alt='superscript'/></button>",
				"</div>",
				"<div>",
				"<img id='emoticon_evilgrin' src='img/icons/evilgrin.png' alt='evil grin' />",
				"<img id='emoticon_grin' src='img/icons/grin.png' alt='grin' />",
				"<img id='emoticon_unhappy' src='img/icons/sad.png' alt='unhappy' />",
				"<img id='emoticon_kiss' src='img/icons/kiss.png' alt='kiss' />",
				"<img id='emoticon_wink' src='img/icons/wink.png' alt='wink' />",
				"<img id='emoticon_smile' src='img/icons/smile.png' alt='smile' />",
				"<img id='emoticon_surprised' src='img/icons/surprised.png' alt='surprised' />",
				"<img id='emoticon_flower' src='img/icons/flower.png' alt='flower' />",
				"<img id='emoticon_idea' src='img/icons/lightbulb.png' alt='idea' />",
				"</div>"].join("");
		
		$("#BBCodeButtons").append(buttonSet);
		
		function selectReplaceBBCode(beginTag, endTag)
		{
			var obj = $("#messageField").getSelection();
			
			if(obj.text.length > 0)
			{
				var tag = beginTag + obj.text + endTag;
				$("#messageField").replaceSelection(tag);
			}
			else
			{
				$("#messageField").insertAtCaretPos(beginTag + endTag);
			}
		}
		
		function selectReplaceSmiley(tag)
		{
			var obj = $("#messageField").getSelection();
			
			if(obj.text.length > 0)
			{
				$("#messageField").replaceSelection(tag);
			}
			else
			{
				$("#messageField").insertAtCaretPos(tag);
			}
		}
		
		// buttons
		$("#buttonBold").click(function()
		{
			selectReplaceBBCode("[b]", "[/b]")
		});
		
		$("#buttonItalic").click(function()
		{
			selectReplaceBBCode("[i]", "[/i]");
		});
		
		$("#buttonUnderline").click(function()
		{
			selectReplaceBBCode("[u]", "[/u]");
		});
		
		$("#buttonSuperscript").click(function()
		{
			selectReplaceBBCode("[sup]", "[/sup]");
		});
		
		$("#buttonLink").click(function()
		{
			selectReplaceBBCode("[url]", "[/url]");
		});
		
		$("#buttonImage").click(function()
		{
			var obj = $("#messageField").getSelection();
			
			if(obj.text.length > 0)
			{
				var pattern = /[^.\/]+\.[^.]+$/;
				var alt = pattern.exec(obj.text) + "";
				var tag = "[img alt=" + alt.replace(/\..*/, "") + "]" + obj.text + "[/img]";
				$("#messageField").replaceSelection(tag);
			}
			else
			{
				alt = "min bild";
				var tag = "[img alt=" + alt + "]http://[/img]";
				$("#messageField").insertAtCaretPos(tag);
			}
		});
		
		// smilies
		$("#emoticon_evilgrin").click(function()
		{
			selectReplaceSmiley("[:evil:]");
		});
		
		$("#emoticon_grin").click(function()
		{
			selectReplaceSmiley("[:-D]"); 
		});
		
		$("#emoticon_unhappy").click(function()
		{
			selectReplaceSmiley("[:-(]"); 
		});
		
		$("#emoticon_kiss").click(function()
		{
			selectReplaceSmiley("[:-*]"); 
		});
		
		$("#emoticon_wink").click(function()
		{
			selectReplaceSmiley("[;-)]"); 
		});
		
		$("#emoticon_smile").click(function()
		{
			selectReplaceSmiley("[:-)]"); 
		});
		
		$("#emoticon_surprised").click(function()
		{
			selectReplaceSmiley("[:-O]"); 
		});
		
		$("#emoticon_flower").click(function()
		{
			selectReplaceSmiley("[:flower:]"); 
		});
		
		$("#emoticon_idea").click(function()
		{
			selectReplaceSmiley("[C=]"); 
		});
	});	
}