var textarea;
var content;
document.write("<link href=\"editor/styles.css\" rel=\"stylesheet\" type=\"text/css\">");


function edToolbar(obj) {
   document.write("<table height=\"10\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\"><tr>");
   document.write("<td valign=\"middle\">");
	document.write("<a href=\"javascript:\" onClick=\"doAddTags('[b]','[/b]','" + obj + "')\"><img class=\"button\" src=\"editor/images/bold.gif\" name=\"btnBold\" border=\"0\"></a>");
	 document.write("</td>");
	 
	document.write("<td valign=\"middle\">");
    document.write("<a href=\"javascript:\" onClick=\"doAddTags('[i]','[/i]','" + obj + "')\"><img class=\"button\" src=\"editor/images/italic.gif\" name=\"btnItalic\" border=\"0\"></a>");
	document.write("</td>");
	
	document.write("<td valign=\"middle\">");
	document.write("<a href=\"javascript:\" onClick=\"doAddTags('[u]','[/u]','" + obj + "')\"><img class=\"button\" src=\"editor/images/underline.gif\" name=\"btnUnderline\" border=\"0\"></a>");
	document.write("</td>");
	
	document.write("<td valign=\"middle\ width=\"7\">");
	document.write("<img class=\"button\" src=\"editor/images/disc_spacer.gif\" >");
	document.write("</td>");
	
	document.write("<td valign=\"middle\">");
	document.write("<select class=\"button\" onchange=\"doSize('" + obj + "',this.value)\"><option value=\"1\">1</option><option value=\"2\">2</option><option value=\"3\">3</option><option value=\"4\">4</option><option value=\"5\">5</option></select>");
	document.write("</td>");
	
	document.write("<td valign=\"middle\ width=\"7\">");
	document.write("<img class=\"button\" src=\"editor/images/disc_spacer.gif\" >");
	document.write("</td>");
	
	document.write("<td valign=\"middle\">");
    document.write("<a href=\"javascript:\" onClick=\"doAddTags('[left]','[/left]','" + obj + "')\"><img class=\"button\" src=\"editor/images/left.gif\" name=\"btnLeft\" border=\"0\"></a>");
	document.write("</td>");
	
	document.write("<td valign=\"middle\">");
    document.write("<a href=\"javascript:\" onClick=\"doAddTags('[center]','[/center]','" + obj + "')\"><img class=\"button\" src=\"editor/images/center.gif\" name=\"btnCenter\" border=\"0\"></a>");
	document.write("</td>");
	
	document.write("<td valign=\"middle\">");
    document.write("<a href=\"javascript:\" onClick=\"doAddTags('[right]','[/right]','" + obj + "')\"><img class=\"button\" src=\"editor/images/right.gif\" name=\"btnRight\" border=\"0\"></a>");
	document.write("</td>");
	
	document.write("<td valign=\"middle\ width=\"7\">");
	document.write("<img class=\"button\" src=\"editor/images/disc_spacer.gif\" >");
	document.write("</td>");
	
	document.write("<td valign=\"middle\">");
	document.write("<a href=\"javascript:\" onClick=\"doList('[ol]','[/ol]','" + obj + "')\"><img class=\"button\" src=\"editor/images/ordered.gif\" name=\"btnList\" border=\"0\"></a>");
	document.write("</td>");
	
	document.write("<td valign=\"middle\">");
	document.write("<a href=\"javascript:\" onClick=\"doList('[ul]','[/ul]','" + obj + "')\"><img class=\"button\" src=\"editor/images/unordered.gif\" name=\"btnList\" border=\"0\"></a>");
	document.write("</td>");
	
	document.write("<td valign=\"middle\ width=\"7\">");
	document.write("<img class=\"button\" src=\"editor/images/disc_spacer.gif\" >");
	document.write("</td>");
	
	document.write("<td valign=\"middle\">");
	document.write("<span style=\"position:relative;\"><div><a href=\"javascript:\" onClick=\"document.getElementById('advance').style.visibility='visible';document.getElementById('advance').style.display='block';\"><img class=\"button\" src=\"editor/images/smile.gif\" name=\"btnSmile\" border=\"0\"></a></div>");
																																																											 document.write("<div style=\"position:relative;\"><DIV class=\"advance\" id=\"advance\" style=\"visibility:hidden; display:none;\"><table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\"><tr><td align=\"right\"><a href=\"javascript:\" onclick=\"document.getElementById('advance').style.visibility='hidden';document.getElementById('advance').style.display='none';\"><img src=\"i/bt_x.gif\" alt=\"Close\" border=\"0\" style=\"position:absolute;top:1px;right:1px;\"/></a></td></tr>");
 document.write("<tr><td style=\"padding-top:6px;\">");																																																											 document.write("<a href=\"javascript:\" onClick=\"doAddSmile(':)','" + obj + "')\"><img src=\"editor/i/smile.gif\" Title=\"Smile\" alt=\"Smile\" width=\"16\" height=\"16\" border=\"0\" vspace=\"2\" hspace=\"2\"></a> ");
 document.write("<a href=\"javascript:\" onClick=\"doAddSmile(':(','" + obj + "')\"><img src=\"editor/i/sad.gif\" Title=\"Sad\" alt=\"Sad\" width=\"16\" height=\"16\" border=\"0\" vspace=\"2\" hspace=\"2\"></a> ");
 document.write("<a href=\"javascript:\" onClick=\"doAddSmile(':D','" + obj + "')\"><img src=\"editor/i/lol.gif\" Title=\"Lol\" alt=\"Lol\" width=\"16\" height=\"16\" border=\"0\" vspace=\"2\" hspace=\"2\"></a> ");
 document.write("<a href=\"javascript:\" onClick=\"doAddSmile(':$','" + obj + "')\"><img src=\"editor/i/oops.gif\" Title=\"Oops\"  alt=\"Oops\" width=\"16\" height=\"16\" border=\"0\" vspace=\"2\" hspace=\"2\"></a> ");
 document.write("<a href=\"javascript:\" onClick=\"doAddSmile(':P','" + obj + "')\"><img src=\"editor/i/tongue.gif\" Title=\"Tongue\" alt=\"Tongue\" width=\"16\" height=\"16\" border=\"0\" vspace=\"2\" hspace=\"2\"></a> ");
 document.write("<a href=\"javascript:\" onClick=\"doAddSmile(';)','" + obj + "')\"><img src=\"editor/i/blink.gif\" Title=\"Blink\" alt=\"Blink\" width=\"16\" height=\"16\" border=\"0\" vspace=\"2\" hspace=\"2\"></a> ");
 document.write("<a href=\"javascript:\" onClick=\"doAddSmile(':k','" + obj + "')\"><img src=\"editor/i/kiss.gif\" Title=\"Kiss\" alt=\"Kiss\" width=\"16\" height=\"16\" border=\"0\" vspace=\"2\" hspace=\"2\"></a> ");
 document.write("<a href=\"javascript:\" onClick=\"doAddSmile(':@','" + obj + "')\"><img src=\"editor/i/angry.gif\" Title=\"Angry\" alt=\"Angry\" width=\"16\" height=\"16\" border=\"0\" vspace=\"2\" hspace=\"2\"></a> ");
 document.write("<a href=\"javascript:\" onClick=\"doAddSmile(':#','" + obj + "')\"><img src=\"editor/i/sealed.gif\" Title=\"Sealed\" alt=\"Sealed\" width=\"16\" height=\"16\" border=\"0\" vspace=\"2\" hspace=\"2\"></a> ");
 document.write("<a href=\"javascript:\" onClick=\"doAddSmile(':x','" + obj + "')\"><img src=\"editor/i/oh.gif\" Title=\"Oh\" alt=\"Oh\" width=\"16\" height=\"16\" border=\"0\" vspace=\"2\" hspace=\"2\"></a>");
 document.write("<a href=\"javascript:\" onClick=\"doAddSmile(':o','" + obj + "')\"><img src=\"editor/i/oeye.gif\" Title=\"Oeye\" alt=\"Oeye\" width=\"16\" height=\"16\" border=\"0\" vspace=\"2\" hspace=\"2\"></a>");
	document.write("</td></tr></table>");
	document.write("</DIV></div></span>");
	document.write("</td>");		
 	document.write("<td width=\"7\">");
	document.write("<img class=\"button\" src=\"editor/images/disc_spacer.gif\" >");
	document.write("</td>");
	document.write("<td>");
	document.write("<img class=\"button\" src=\"editor/images/link.gif\" name=\"btnLink\" onClick=\"doURL('" + obj + "')\">");
	document.write("</td>");
																																				   
																																				   
																																				  // document.write("<td>");
	//document.write("<img class=\"button\" src=\"editor/images/code.gif\" name=\"btnSize\" onClick=\"doSize('" + obj + "')\">");
  // document.write("</td>");
   document.write("</tr></table>");
	}

function doImage(obj)
{
textarea = document.getElementById(obj);
var url = prompt('Enter the Image URL:','http://');

var scrollTop = textarea.scrollTop;
var scrollLeft = textarea.scrollLeft;

	if (document.selection) 
			{
				textarea.focus();
				var sel = document.selection.createRange();
				sel.text = '[img="' + url + '"]';
			}
   else 
    {
		var len = textarea.value.length;
	    var start = textarea.selectionStart;
		var end = textarea.selectionEnd;
		
        var sel = textarea.value.substring(start, end);
		var rep = '[img="' + url + '"]';
        textarea.value =  textarea.value.substring(0,start) + rep + textarea.value.substring(end,len);
		textarea.scrollTop = scrollTop;
		textarea.scrollLeft = scrollLeft;
	}

}


function doURL(obj)
{
var sel;
textarea = document.getElementById(obj);
var url = prompt('Enter the URL:','http://');
var scrollTop = textarea.scrollTop;
var scrollLeft = textarea.scrollLeft;
	if (url != null || url != "http://" || url != "") {
		if (document.selection) 
				{
					textarea.focus();
					var sel = document.selection.createRange();
					sel.text = '[url]' + url + '[/url]';		
				}
	   else 
		{
			var len = textarea.value.length;
			var start = textarea.selectionStart;
			var end = textarea.selectionEnd;
			
			var sel = textarea.value.substring(start, end);
			
			if(sel==""){
			sel=url; 
			} else
			{
			var sel = textarea.value.substring(start, end);
			}	
			
			var rep = '[url]' + url + '[/url]';
			textarea.value =  textarea.value.substring(0,start) + rep + textarea.value.substring(end,len);
			textarea.scrollTop = scrollTop;
			textarea.scrollLeft = scrollLeft;
		}
	}
}

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);
				
				var intIndexOfMatch = sel.text.indexOf(tag1);
				var intIndexOfMatch2 = sel.text.indexOf(tag2);
				
				if ((intIndexOfMatch != -1) && (intIndexOfMatch2 != -1)) {
					 // Loop over the string value replacing out each matching
					 // substring.
					 while (intIndexOfMatch != -1){
					 // Relace out the current instance.
					 sel.text = sel.text.replace(tag1, "" )
					  
					 // Get the index of any next matching substring.
					 intIndexOfMatch = sel.text.indexOf(tag1);
					 }
					 while (intIndexOfMatch2 != -1){
					 // Relace out the current instance.
					 sel.text = sel.text.replace(tag2, "" )
					  
					 // Get the index of any next matching substring.
					 intIndexOfMatch2 = sel.text.indexOf(tag2);
					 }
				}
				else {
					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);
	    //alert(sel);
		var intIndexOfMatch = sel.indexOf(tag1);
		var intIndexOfMatch2 = sel.indexOf(tag2);
		if ((intIndexOfMatch != -1) && (intIndexOfMatch2 != -1)) {
					 // Loop over the string value replacing out each matching
					 // substring.
					 while (intIndexOfMatch != -1){
					 // Relace out the current instance.
					 sel = sel.replace(tag1, "" )
					  
					 // Get the index of any next matching substring.
					 intIndexOfMatch = sel.indexOf(tag1);
					 }
					 while (intIndexOfMatch2 != -1){
					 // Relace out the current instance.
					 sel = sel.replace(tag2, "" )
					  
					 // Get the index of any next matching substring.
					 intIndexOfMatch2 = sel.indexOf(tag2);
					 }
			var rep = sel
		}
		else {
			var rep = tag1 + sel + tag2;
		}
        textarea.value =  textarea.value.substring(0,start) + rep + textarea.value.substring(end,len);
		textarea.scrollTop = scrollTop;
		textarea.scrollLeft = scrollLeft;
	}
}

function doSize(obj,ukuran) {
	
textarea = document.getElementById(obj);
	// Code for IE
	if (document.selection) 
		{
			textarea.focus();
			var sel = document.selection.createRange();
			//alert(sel.text);
			sel.text = '[size=' + ukuran + ']' + sel.text + '[/size]';
		}
   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);
	    //alert(sel);
		var rep = '[size=' + ukuran + ']' + sel + '[/size]';
        textarea.value =  textarea.value.substring(0,start) + rep + textarea.value.substring(end,len);
		textarea.scrollTop = scrollTop;
		textarea.scrollLeft = scrollLeft;
	}	
}

function doAddSmile(tag1,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);
	    //alert(sel);
		var rep = tag1;// + sel + tag2;
        textarea.value =  textarea.value.substring(0,start) + rep + textarea.value.substring(end,len);
		textarea.scrollTop = scrollTop;
		textarea.scrollLeft = scrollLeft;
	}
	document.getElementById('advance').style.visibility='hidden';
	document.getElementById('advance').style.display='none';
}


function doList(tag1,tag2,obj){
textarea = document.getElementById(obj);
// Code for IE
		if (document.selection) 
			{
				textarea.focus();
				var sel = document.selection.createRange();
				var list = sel.text.split('\n');
		
				for(i=0;i<list.length;i++) 
				{
				list[i] = '[li]' + list[i] + '[/li]';
				}
				//alert(list.join("\n"));
				sel.text = tag1 + '\n' + list.join("\n") + '\n' + tag2;
				
			} else
			// Code for Firefox
			{

		var len = textarea.value.length;
	    var start = textarea.selectionStart;
		var end = textarea.selectionEnd;
		var i;
		
		var scrollTop = textarea.scrollTop;
		var scrollLeft = textarea.scrollLeft;

		
        var sel = textarea.value.substring(start, end);
	    //alert(sel);
		
		var list = sel.split('\n');
		
		for(i=0;i<list.length;i++) 
		{
		list[i] = '[li]' + list[i] + '[/li]';
		}
		//alert(list.join("<br>"));
        
		
		var rep = tag1 + '\n' + list.join("\n") + '\n' +tag2;
		textarea.value =  textarea.value.substring(0,start) + rep + textarea.value.substring(end,len);
		
		textarea.scrollTop = scrollTop;
		textarea.scrollLeft = scrollLeft;
 }
}