var textarea;
var content;
var i=1;
var i2=1;
var i3=1;
var i4=1;
function edToolbar(obj) {
document.write("<fieldset style=\"WIDTH:600px; HEIGHT: auto\"><legend class=\"link\">اخرى</legend>");
document.write("<input type=\"Button\" onClick=\"doAddTags('[b]','[/b]','" + obj + "')\" value=\"عريض\" style=\"border: 0px solid black; text-align: center; WIDTH:60px; HEIGHT:21px; margin: 1px 1px 0px 0px;float: right;\">");
document.write("<input type=\"Button\" onClick=\"doAddTags('[i]','[/i]','" + obj + "')\" value=\"مائل\" style=\"border: 0px solid black; text-align: center; WIDTH:60px; HEIGHT:21px; margin: 1px 1px 0px 0px;float: right;\">");
document.write("<input type=\"Button\" onClick=\"doAddTags('[u]','[/u]','" + obj + "')\" value=\"تحته خط\" style=\"border: 0px solid black; text-align: center; WIDTH:60px; HEIGHT:21px; margin: 1px 1px 0px 0px;float: right;\">");
document.write("</fieldset>");
document.write("<fieldset style=\"WIDTH:600px; HEIGHT: auto\"><legend class=\"link\">لون الخلفيه</legend>");
for (i=1;i<=67;i++)
{
document.write("<input type=\"Button\" onClick=\"doAddTags('[a="+ i +"]','[/a]','" + obj + "')\" value=\""+ i +"\" style=\"border: 0px solid black; text-align: center; WIDTH:21px; HEIGHT:21px; margin: 1px 1px 0px 0px;float: right;\">");
}
document.write("</fieldset>");
document.write("<fieldset style=\"WIDTH:600px; HEIGHT: auto\"><legend class=\"link\">لون الخط</legend>");
for (i2=1;i2<=67;i2++)
{
document.write("<input type=\"Button\" onClick=\"doAddTags('[c="+ i2 +"]','[/c]','" + obj + "')\" value=\""+ i2 +"\" style=\"border: 0px solid black; text-align: center; WIDTH:21px; HEIGHT:21px; margin: 1px 1px 0px 0px;float: right;\">");
}
document.write("</fieldset>");
document.write("<fieldset style=\"WIDTH:600px; HEIGHT: auto\"><legend class=\"link\">لون التدرج الاول</legend>");
for (i3=1;i3<=67;i3++)
{
document.write("<input type=\"Button\" onClick=\"doAddTags('[a="+ i3 +"]','','" + obj + "')\" value=\""+ i3 +"\" style=\"border: 0px solid black; text-align: center; WIDTH:21px; HEIGHT:21px; margin: 1px 1px 0px 0px;float: right;\">");
}
document.write("</fieldset>");
document.write("<fieldset style=\"WIDTH:600px; HEIGHT: auto\"><legend class=\"link\">لون التدرج الثاني</legend>");
for (i4=1;i4<=67;i4++)
{
document.write("<input type=\"Button\" onClick=\"doAddTags('','[/a="+ i4 +"]','" + obj + "')\" value=\""+ i4 +"\" style=\"border: 0px solid black; text-align: center; WIDTH:21px; HEIGHT:21px; margin: 1px 1px 0px 0px;float: right;\">");
}
document.write("</fieldset>");
document.write("<fieldset style=\"WIDTH:600px; HEIGHT: auto\"><legend class=\"link\">الايقونات</legend>");
document.write("<img src=\"smiles/sad_smile.gif\" onClick=\"doAddTags(':(','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/regular_smile.gif\" onClick=\"doAddTags(':)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/omg_smile.gif\" onClick=\"doAddTags(':o','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/teeth_smile.gif\" onClick=\"doAddTags(':d','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/tongue_smile.gif\" onClick=\"doAddTags(':p','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/wink_smile.gif\" onClick=\"doAddTags(';)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/confused_smile.gif\" onClick=\"doAddTags(':s','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/cry_smile.gif\" onClick=\"doAddTags(':\','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/shades_smile.gif\" onClick=\"doAddTags('(H)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/angel_smile.gif\" onClick=\"doAddTags('(A)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/coffee.gif\" onClick=\"doAddTags('(C)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/thumbs_up.gif\" onClick=\"doAddTags('(Y)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/thumbs_down.gif\" onClick=\"doAddTags('(N)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/heart.gif\" onClick=\"doAddTags('(L)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/broken_heart.gif\" onClick=\"doAddTags('(U)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/kiss.gif\" onClick=\"doAddTags('(K)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/present.gif\" onClick=\"doAddTags('(G)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/rose.gif\" onClick=\"doAddTags('(F)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/wilted_rose.gif\" onClick=\"doAddTags('(W)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/camera.gif\" onClick=\"doAddTags('(P)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/phone.gif\" onClick=\"doAddTags('(T)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/lightbulb.gif\" onClick=\"doAddTags('(I)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/envelope.gif\" onClick=\"doAddTags('(E)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/clock.gif\" onClick=\"doAddTags('(O)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/messenger.gif\" onClick=\"doAddTags('(M)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/film.gif\" onClick=\"doAddTags('(~)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/beer_mug.gif\" onClick=\"doAddTags('(B)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/martini.gif\" onClick=\"doAddTags('(D)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/girl.gif\" onClick=\"doAddTags('(X)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/guy.gif\" onClick=\"doAddTags('(Z)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/guy_hug.gif\" onClick=\"doAddTags('({}','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/girl_hug.gif\" onClick=\"doAddTags('())','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/47_47.gif\" onClick=\"doAddTags(':-#','','" + obj + "')\" /> "); 
document.write("<img src=\"smiles/what_smile.gif\" onClick=\"doAddTags(':|','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/red_smile.gif\" onClick=\"doAddTags(':$','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/angry_smile.gif\" onClick=\"doAddTags(':@','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/devil_smile.gif\" onClick=\"doAddTags('(6)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/48_48.gif\" onClick=\"doAddTags('8o|','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/49_49.gif\" onClick=\"doAddTags('8-|','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/50_50.gif\" onClick=\"doAddTags('^o)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/51_51.gif\" onClick=\"doAddTags(':-*','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/52_52.gif\" onClick=\"doAddTags('+o(','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/71_71.gif\" onClick=\"doAddTags(':^)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/72_72.gif\" onClick=\"doAddTags('*-)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/74_74.gif\" onClick=\"doAddTags('<:o)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/75_75.gif\" onClick=\"doAddTags('8-)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/77_77.gif\" onClick=\"doAddTags('|-)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/bat.gif\" onClick=\"doAddTags(':[','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/cake.gif\" onClick=\"doAddTags('(^)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/cat.gif\" onClick=\"doAddTags('(@)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/dog.gif\" onClick=\"doAddTags('(&)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/note.gif\" onClick=\"doAddTags('(8)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/moon.gif\" onClick=\"doAddTags('(S)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/star.gif\" onClick=\"doAddTags('(*)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/53_53.gif\" onClick=\"doAddTags('(sn)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/70_70.gif\" onClick=\"doAddTags('(bah)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/55_55.gif\" onClick=\"doAddTags('(pl)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/56_56.gif\" onClick=\"doAddTags('(||)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/57_57.gif\" onClick=\"doAddTags('(pi)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/58_58.gif\" onClick=\"doAddTags('(so)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/59_59.gif\" onClick=\"doAddTags('(au)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/60_60.gif\" onClick=\"doAddTags('(ap)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/61_61.gif\" onClick=\"doAddTags('(um)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/62_62.gif\" onClick=\"doAddTags('(ip)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/63_63.gif\" onClick=\"doAddTags('(co)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/64_64.gif\" onClick=\"doAddTags('(mp)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/66_66.gif\" onClick=\"doAddTags('(st)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/73_73.gif\" onClick=\"doAddTags('(li)','','" + obj + "')\" /> ");
document.write("<img src=\"smiles/69_69.gif\" onClick=\"doAddTags('(mo)','','" + obj + "')\" /> ");
document.write("</fieldset>");
//document.write("<textarea id=\""+ obj +"\" name = \"" + obj + "\" cols=\"" + width + "\" rows=\"" + height + "\"></textarea>");
}
function doAddTags(tag1,tag2,obj)
{
textarea = document.getElementById(obj);
	// Code for IE
		if (document.selection) 
			{
				textarea.focus();
				var sel = document.selection.createRange();
				//alert(sel.text);
				sel.text = tag1 + sel.text + tag2;
			}
   else 
    {  // Code for Mozilla Firefox
		var len = textarea.value.length;
	    var start = textarea.selectionStart;
		var end = textarea.selectionEnd;
		var scrollTop = textarea.scrollTop;
		var scrollLeft = textarea.scrollLeft;
        var sel = textarea.value.substring(start, end);
		var sel2 = textarea.value.substring(0,start);
		var sel3 = textarea.value.substring(end,len);
		textarea.focus();
	    //alert(sel);
		var rep = tag1 + sel + tag2;
        sel4 =  sel2 + rep + sel3;
		textarea.value = sel4;
		textarea.scrollTop = scrollTop;
		textarea.scrollLeft = scrollLeft;
	}
}
$(document).ready(function(){ 
    $("textarea").change(function(){ 
        $.post("show.php",{mytxtarea:$("#mytxtarea").val()},function(data){ 
        $("#contents").html(data); 
        }); 
        return false; 
    });     
}); 	