function addpara(i){  
//document.getElementById(par).style.display='none';
var i2 = i + 1;
document.getElementById('ap'+i).innerHTML = "<textarea onBlur=\"getId("+i+")\" cols=\"53\" rows=\"8\" name=\"par"+i+"\" id=\"par"+i+"\"></textarea><br>";
document.getElementById('addpara'+i).innerHTML = '<p>Paragraph '+i2+' | <input type="button" value="Italic" onClick="italic(document.formu.par'+i+')"/> <input type="button" value="Bold" onClick="bold(document.formu.par'+i+')"/> <input type="button" value="Underlined" onClick="under(document.formu.par'+i+')"/> <input type="button" value="Quotes" onClick="quote(document.formu.par'+i+')"/> <input type="button" value="Break" onClick="br(document.formu.par'+i+')"/></p>';
document.getElementById('ap'+i).innerHTML += '<span id="addpara'+i2+'"><a onClick="addpara('+i2+')">Add a paragraph</a></span>';
document.getElementById('ap'+i).innerHTML += '<div id="ap'+i2+'"></div>';
}
function getId(zeId){

}

function italic(txtarea){
		if(document.selection){
		var str = document.selection.createRange().text;
  		txtarea.focus();
  		var sel = document.selection.createRange();
  		sel.text = "<em>" + str + "</em>";
  		return; 
	}
	else {
var sl = (txtarea.value).substring(txtarea.selectionStart,txtarea.selectionEnd);
var selStart = txtarea.selectionStart;
	var selEnd = txtarea.selectionEnd;
	var tx = txtarea.value 
	if (sl != ""){
	var stx = tx.substring(0,selStart) + "<em>" + sl + "</em>" + tx.substr(selEnd);
	}
	else {
	var stx = tx.substring(0,selStart) + sl + tx.substr(selEnd);
	}
	txtarea.value = stx;
	}
}
function bold(txtarea){
		if(document.selection){
		var str = document.selection.createRange().text;
  		txtarea.focus();
  		var sel = document.selection.createRange();
  		sel.text = "<stong>" + str + "</strong>";
  		return; 
	}
	else {
var sl = (txtarea.value).substring(txtarea.selectionStart,txtarea.selectionEnd);
var selStart = txtarea.selectionStart;
	var selEnd = txtarea.selectionEnd;
	var tx = txtarea.value 
	if (sl != ""){
	var stx = tx.substring(0,selStart) + "<strong>" + sl + "</strong>" + tx.substr(selEnd);
	}
	else {
	var stx = tx.substring(0,selStart) + sl + tx.substr(selEnd);
	}
	txtarea.value = stx;
	}
}
function under(txtarea){
		if(document.selection){
		var str = document.selection.createRange().text;
  		txtarea.focus();
  		var sel = document.selection.createRange();
  		sel.text = "<u>" + str + "</u>";
  		return; 
	}
	else {
var sl = (txtarea.value).substring(txtarea.selectionStart,txtarea.selectionEnd);
var selStart = txtarea.selectionStart;
	var selEnd = txtarea.selectionEnd;
	var tx = txtarea.value 
	if (sl != ""){
	var stx = tx.substring(0,selStart) + "<u>" + sl + "</u>" + tx.substr(selEnd);
	}
	else {
	var stx = tx.substring(0,selStart) + sl + tx.substr(selEnd);
	}
	txtarea.value = stx;
	}
}
function quote(txtarea){
		if(document.selection){
		var str = document.selection.createRange().text;
  		txtarea.focus();
  		var sel = document.selection.createRange();
  		sel.text = "<blockquote>" + str + "</blockquote>";
  		return; 
	}
	else {
var sl = (txtarea.value).substring(txtarea.selectionStart,txtarea.selectionEnd);
var selStart = txtarea.selectionStart;
	var selEnd = txtarea.selectionEnd;
	var tx = txtarea.value 
	if (sl != ""){
	var stx = tx.substring(0,selStart) + "<blockquote>" + sl + "</blockquote>" + tx.substr(selEnd);
	}
	else {
	var stx = tx.substring(0,selStart) + sl + tx.substr(selEnd);
	}
	txtarea.value = stx;
	}
}
function br(txtarea){
		if(document.selection){
		var str = document.selection.createRange().text;
  		txtarea.focus();
  		var sel = document.selection.createRange();
  		sel.text = "<br>" + str;
  		return; 
	}
	else {
var sl = (txtarea.value).substring(txtarea.selectionStart,txtarea.selectionEnd);
var selStart = txtarea.selectionStart;
	var selEnd = txtarea.selectionEnd;
	var tx = txtarea.value 
	if (sl != ""){
	var stx = tx.substring(0,selStart) + "<br>" + sl + tx.substr(selEnd);
	}
	else {
	var stx = tx.substring(0,selStart) + sl + tx.substr(selEnd);
	}
	txtarea.value = stx;
	}
}