function previewmesage(Data)
{
	$comment = $(Data).val();
	$comment = $comment.replace(/\n/g, "<br />").replace(/\n\n+/g, '<br /><br />').replace(/(<\/?)script/g,"$1noscript").replace(/\[([a-z$1])\]/gi,'<$1>').replace(/\[\/([a-z$1])\]/gi,'</$1>')
	.replace(/:smile:/ig	,'<img src="includes/layout/images/smileys/smile.gif"/>')
	.replace(/:wink:/ig		,'<img src="includes/layout/images/smileys/wink.gif"/>')
	.replace(/:angel:/ig	,'<img src="includes/layout/images/smileys/angel.gif"/>')
	.replace(/:applause:/ig,'<img src="includes/layout/images/smileys/applause.gif"/>')
	.replace(/:arrow:/ig	,'<img src="includes/layout/images/smileys/arrow.gif"/>')
	.replace(/:ashamed:/ig	,'<img src="includes/layout/images/smileys/ashamed.gif"/>')
	.replace(/:biggrin:/ig	,'<img src="includes/layout/images/smileys/biggrin.gif"/>')
	.replace(/:confused2:/ig,'<img src="includes/layout/images/smileys/confused2.gif"/>')
	.replace(/:cool:/ig		,'<img src="includes/layout/images/smileys/cool.gif"/>')
	.replace(/:cry:/ig		,'<img src="includes/layout/images/smileys/cry.gif"/>')
	.replace(/:eek:/ig		,'<img src="includes/layout/images/smileys/eek.gif"/>')
	.replace(/:ehh:/ig		,'<img src="includes/layout/images/smileys/ehh.gif"/>')
	.replace(/:exclaim:/ig	,'<img src="includes/layout/images/smileys/exclaim.gif"/>')
	.replace(/:idea:/ig		,'<img src="includes/layout/images/smileys/idea.gif"/>')
	.replace(/:impressed:/ig,'<img src="includes/layout/images/smileys/impressed.gif"/>')
	.replace(/:kidding:/ig	,'<img src="includes/layout/images/smileys/kidding.gif"/>')
	.replace(/:lol:/ig		,'<img src="includes/layout/images/smileys/lol.gif"/>')
	.replace(/:mad:/ig		,'<img src="includes/layout/images/smileys/mad.gif"/>')
	.replace(/:mad2:/ig		,'<img src="includes/layout/images/smileys/mad2.gif"/>')
	.replace(/:mrgreen:/ig	,'<img src="includes/layout/images/smileys/mrgreen.gif"/>')
	.replace(/:naugthy:/ig	,'<img src="includes/layout/images/smileys/naugthy.gif"/>')
	.replace(/:neutral:/ig	,'<img src="includes/layout/images/smileys/neutral.gif"/>')
	.replace(/:question:/ig	,'<img src="includes/layout/images/smileys/question.gif"/>')
	.replace(/:rolleyes:/ig	,'<img src="includes/layout/images/smileys/rolleyes.gif"/>')
	.replace(/:sad:/ig		,'<img src="includes/layout/images/smileys/sad.gif"/>')
	.replace(/:sad2:/ig		,'<img src="includes/layout/images/smileys/sad2.gif"/>')
	.replace(/:sick:/ig		,'<img src="includes/layout/images/smileys/sick.gif"/>')
	.replace(/:silenced:/ig	,'<img src="includes/layout/images/smileys/silenced.gif"/>')
	.replace(/:surprised:/ig,'<img src="includes/layout/images/smileys/surprised.gif"/>')
	.replace(/:thinking:/ig	,'<img src="includes/layout/images/smileys/thinking.gif"/>')
	.replace(/:tongue:/ig	,'<img src="includes/layout/images/smileys/tongue.gif"/>')
	.replace(/:twisted:/ig	,'<img src="includes/layout/images/smileys/twisted.gif"/>')
	.replace(/:whistle:/ig	,'<img src="includes/layout/images/smileys/whistle.gif"/>')
	$('#prevcontent').html( $comment );
};
		  
$(function() 
{
	//dopdrie aanvragen
	$("#dopdrie1").hide();
	$("#dopdrieaanvraag1").click(function(){
	$("#dopdrie1").slideToggle(1500);
	
	
	}).hover(function()
	{
		$(this).css('cursor','pointer');
	},function()
	{
		$(this).css('cursor','auto');
	});
	
	$(".header").click(function(){	
		
	}).hover(function()
	{
		$(this).css('cursor','pointer');
	},function()
	{
		$(this).css('cursor','auto');
	});
	
	//einde dopdrie aanvragen, preview message begin//
	$(".TEXTAREA_XTR").hide();
	$("#preview").hide();
		$(".htmltextarea").focus(function()
		{
		//de positie van het textarea zoeken
		var pos = $(".htmltextarea").offset();  
		var width = $(".htmltextarea").width();
		//bepalen waar de preview box komt
		$("#preview").css( { "left": (pos.left + width + 10) + "px", "top":pos.top - 23 + "px" } );

			$( "#preview" ).show(1000);
		});

	$( "#preview" ).draggable();
	
	$(".closeprev").click(function()
	{
		$("#preview").hide(500);
	}).hover(function()
	{
		$(this).css('cursor','pointer');
	},function()
	{
		$(this).css('cursor','auto');
	});
		
		
		
		//$(".htmltextarea").keyup(function()
		//{
		//	var text = $(".htmltextarea").val();
		//	$('#prevcontent').html(text);
		//});
			var $comment = ''; // that's two single quotation-marks at the end
			$('.htmltextarea').keyup(function(){
			previewmesage('.htmltextarea');
			});

	$(".smiley").hover(function()
	{
		$(this).css('cursor','pointer');
	}
	,function()
	{
		$(this).css('cursor','auto');
	});
	//smileys invoegen!!
	
	/*$('#TEXTAREA_XTR').markItUp(mySettings);
	$('.smiley').click(function() {
		emoticon = $(this).attr("alt");
		$.markItUp( { replaceWith:emoticon } );
		previewmesage('.htmltextarea');
	});
	*/
		
		
	
});

<!--
$(document).ready(function()	{
	// Add markItUp! to your textarea in one line
	// $('textarea').markItUp( { Settings }, { OptionalExtraSettings } );
	//$('#markItUp').markItUp(mySettings);
	
	// You can add content from anywhere in your page
	// $.markItUp( { Settings } );	
	$('.add').click(function() {
 		$.markItUp( { 	openWith:'<opening tag>',
						closeWith:'<\/closing tag>',
						placeHolder:"New content"
					}
				);
 		return false;
	});
	
	// And you can add/remove markItUp! whenever you want
	// $(textarea).markItUpRemove();
	$('.toggle').click(function() {
		if ($("#markItUp.markItUpEditor").length === 1) {
 			$("#markItUp").markItUpRemove();
			$("span", this).text("get markItUp! back");
		} else {
			$('#markItUp').markItUp(mySettings);
			$("span", this).text("remove markItUp!");
		}
 		return false;
	});
});
-->