window.addEvent('domready', function(){

	if($('previewBtn')){
		var btn = $('previewBtn');
		btn.addEvent('click', function(){
			var title = '';
			var tags ='';
			var text ='';
			if($('postTitle'))title = $('postTitle').value;
			if($('postBody')) text = tinyMCE.getInstanceById('postBody').getHTML();
			if($('postTags')) tags = $('postTags').value;
			
			if($('subject')) title = $('subject').value;
			if($('body')) text = tinyMCE.getInstanceById('body').getHTML();
			
			var html = '<h1>Preview</h1><div style="border:3px solid #CCCCCC; width:90%; margin-top:1em; padding:20px 10px"><h2>'+title+'</h2><br />'+text;
			if(tags != '')html += '<p class="tags"><small style="color:#999999;"> Tags : ' +tags+ '</small></p>';
			html += '</div>';
			
			$('preview').innerHTML = html;
			
			var scrollSubsection = new Fx.Scroll(window,{duration: 1000, transition: Fx.Transitions.Cubic.easeInOut});
			scrollSubsection.toElement('preview');
		});										  
	}

});