/*
live_preview.js (this script) copyright (c) Stephen Tucker 2006.
Pretty please do not use this script without my knowledge and permission
but by all means feel free to read through it for educational and learning purposes.
Cheers!
*/

function prepareLivePreview() {
	if (!document.getElementById) return false;
	if (!document.getElementById('comment_textarea')) return false;

	var $comment_textarea = document.getElementById('comment_textarea');
	$comment_textarea.onkeyup = function() {
		live_preview();
	}
	
	var $add_a_comment_box = document.getElementById('add_a_comment_box')
	
	var $heading = document.createElement('h3');
	$heading.className = 'title';
	$heading.setAttribute('id','title-live_preview');
	var $heading_span = document.createElement('span');
	var $heading_text = document.createTextNode('Live Preview');
	$heading_span.appendChild($heading_text);
	$heading.appendChild($heading_span);
	
	var $preview_paragraph = document.createElement('p');
	$preview_paragraph.setAttribute('id','comment_preview_paragraph');
	var $preview_span = document.createElement('span');
	var $preview_text = document.createTextNode('A preview of your comment will appear here as you type... wow!');
	$preview_span.appendChild($preview_text);
	$preview_paragraph.appendChild($preview_span);
	
	$add_a_comment_box.appendChild($heading);
	$add_a_comment_box.appendChild($preview_paragraph);
}
addLoadEvent(prepareLivePreview);


function live_preview() {
	var $comment_textarea = document.getElementById('comment_textarea');
	var $comment = $comment_textarea.value;
	$comment = $comment.replace(/(<([^>]+)>)/ig,'');
	$comment = $comment.replace(/\n/gi,'<br />');
	var $preview_paragraph = document.getElementById('comment_preview_paragraph');
	$preview_paragraph.innerHTML = $comment;
}