/*
	Live Preview
*/

var defaultAuthorText = 'Who says:';
var defaultCommentText = 'Your comment…';


function livePreview(){
	
	if(!document.getElementById || !document.createElement || !document.getElementsByTagName) { return; }
	
	if(document.getElementById('comment_form') && document.getElementById('comments') && document.getElementById('comment') && document.getElementById('url') && document.getElementById('name')){
		var comment_form = document.getElementById('comment_form');
		var comments = document.getElementById('comments');
		var comment = document.getElementById('comment');
		var authorName = document.getElementById('name');
		var url = document.getElementById('url');
	}else{
		return;
	}
	
	
	var preview = document.createElement('div');
	preview.setAttribute('id', 'comm-preview');
	
	var previewHeader = document.createElement('h3');
	previewHeader.setAttribute('id', 'comm-preview-head');
	previewHeader.innerHTML = 'Comment Preview';
	preview.appendChild(previewHeader);
	
	var previewContents = document.createElement('div');
	previewContents.setAttribute('id', 'preview-contents');
	preview.appendChild(previewContents);
	
	// initial preview conditions	
	if(authorName.value == ''){ // no author
		previewContents.innerHTML = '<dl><dt>' + defaultAuthorText + '</dt><dd id="preview-text"><p>' + defaultCommentText + '</p></dd></dl>';		
	}else{
		if(url.value == ''){ // author but no url
			previewContents.innerHTML = '<dl><dt>' + authorName.value + ' says:</dt><dd id="preview-text"><p>' + defaultCommentText + '</p></dd></dl>';		
		}else{ // author + url
			previewContents.innerHTML = '<dl><dt><a href="' + url.value + '">' + authorName.value + '</a> says:</dt><dd id="preview-text"><p>' + defaultCommentText + '</p></dd></dl>';	
		}
	}		
	
	document.getElementById('post-comm').appendChild(preview);
	
	authorName.onkeyup = url.onkeyup = comment.onkeyup = function(){
		reloadPreviewDiv();
	}
	
}

function reloadPreviewDiv(){
	
	if(document.getElementById('comment').value == ''){
		if(document.getElementById('name').value == ''){ // no author, no comment
			document.getElementById('preview-contents').innerHTML = '<dl><dt>' + defaultAuthorText + '</dt><dd id="preview-text"><p>' + defaultCommentText + '</p></dd></dl>';		
		}else{
			if(document.getElementById('url').value == ''){ // author but no url and no comment
				document.getElementById('preview-contents').innerHTML = '<dl><dt>' + document.getElementById('name').value + ' says:</dt><dd id="preview-text"><p>' + defaultCommentText + '</p></dd></dl>';		
			}else{ // author + url but no comment
				document.getElementById('preview-contents').innerHTML = '<dl><dt><a href="' + formatURL(document.getElementById('url').value) + '">' + document.getElementById('name').value + '</a> says:</dt><dd id="preview-text"><p>' + defaultCommentText + '</p></dd></dl>';	
			}
		}
	}else{
		if(document.getElementById('name').value == ''){ // no author, no url, but comment
			document.getElementById('preview-contents').innerHTML = '<dl><dt>' + defaultAuthorText + '</dt><dd id="preview-text">' + superTextile(document.getElementById('comment').value) + '</dd></dl>';		
		}else{
			if(document.getElementById('url').value == ''){ // author but no url
				document.getElementById('preview-contents').innerHTML = '<dl><dt>' + document.getElementById('name').value + ' says:</dt><dd id="preview-text">' + superTextile(document.getElementById('comment').value) + '</dd></dl>';		
			}else{ // author + url + comment
				document.getElementById('preview-contents').innerHTML = '<dl><dt><a href="' + formatURL(document.getElementById('url').value) + '">' + document.getElementById('name').value + '</a> says:</dt><dd id="preview-text">' + superTextile(document.getElementById('comment').value) + '</dd></dl>';	
			}
		}
	}
	
}

function formatURL(url){
	if(url.indexOf('http://') == -1){
		return "http://" + url;
	}else{
		return url;
	}
}

//addLoadEvent(livePreview);