/*****************************************/
// Name: Javascript Textarea HTML Editor
// Version: 1.3
var textarea;
var content;
document.write("<link href=\"editor.css\" rel=\"stylesheet\" type=\"text/css\">");

function edToolbar(obj) {

	document.write("<a onfocus=\"this.blur()\" href=\"#nogo\"><img class=\"button\" src=\"images/h1.png\" name=\"btnH1\" onClick=\"doAddTags('<h1>','</h1>','" + obj + "')\"><span>Headline level 1</span></a>");

	document.write("<a onfocus=\"this.blur()\" href=\"#nogo\"><img class=\"button\" src=\"images/h2.png\" name=\"btnH2\" onClick=\"doAddTags('<h2>','</h2>','" + obj + "')\"><span>Headline level 2</span></a>");

	document.write("<a onfocus=\"this.blur()\" href=\"#nogo\"><img class=\"button\" src=\"images/h3.png\" name=\"btnH3\" onClick=\"doAddTags('<h3>','</h3>','" + obj + "')\"><span>Headline level 3</span></a>");

	document.write("<a onfocus=\"this.blur()\" href=\"#nogo\"><img class=\"button\" src=\"images/h4.png\" name=\"btnH4\" onClick=\"doAddTags('<h4>','</h4>','" + obj + "')\"><span>Headline level 4</span></a>");

	document.write("<a onfocus=\"this.blur()\" href=\"#nogo\"><img class=\"button\" src=\"images/paragraph.png\" name=\"btnParagraph\" onClick=\"doAddTags('<p>','</p>','" + obj + "')\"><span>Paragraph</span></a>");

	document.write("<a onfocus=\"this.blur()\" href=\"#nogo\"><img class=\"button\" src=\"images/break.png\" name=\"btnBreak\" onClick=\"doAddTags('<br />','','" + obj + "')\"><span>Line break</span></a>");

	document.write("<a onfocus=\"this.blur()\" href=\"#nogo\"><img class=\"button\" src=\"images/bold.png\" name=\"btnBold\" onClick=\"doAddTags('<strong>','</strong>','" + obj + "')\"><span>Bold</span></a>");

    document.write("<a onfocus=\"this.blur()\" href=\"#nogo\"><img class=\"button\" src=\"images/italic.png\" name=\"btnItalic\" onClick=\"doAddTags('<em>','</em>','" + obj + "')\"><span>Italic</span></a>");

	document.write("<a onfocus=\"this.blur()\" href=\"#nogo\"><img class=\"button\" src=\"images/underline.png\" name=\"btnUnderline\" onClick=\"doAddTags('<u>','</u>','" + obj + "')\"><span>Underline</span></a>");

	document.write("<a onfocus=\"this.blur()\" href=\"#nogo\"><img class=\"button\" src=\"images/link.png\" name=\"btnLink\" onClick=\"doURL('" + obj + "')\"><span>Insert link</span></a>");

	document.write("<a onfocus=\"this.blur()\" href=\"#\"><img class=\"button\" src=\"images/image.png\" name=\"btnPicture\" onClick=\"doImage('" + obj + "')\"><span>Insert image</span></a>");

	document.write("<a onfocus=\"this.blur()\" href=\"#nogo\"><img class=\"button\" src=\"images/ordered.png\" name=\"btnList\" onClick=\"doList('<ol>','</ol>','" + obj + "')\"><span>Ordered list</span></a>");

	document.write("<a onfocus=\"this.blur()\" href=\"#nogo\"><img class=\"button\" src=\"images/unordered.png\" name=\"btnList\" onClick=\"doList('<ul>','</ul>','" + obj + "')\"><span>Unordered list</span></a>");

	document.write("<a onfocus=\"this.blur()\" href=\"#nogo\"><img class=\"button\" src=\"images/list_item.png\" name=\"btnListItem\" onClick=\"doAddTags('<li>','</li>','" + obj + "')\"><span>List item</span></a>");

	document.write("<a onfocus=\"this.blur()\" href=\"#nogo\"><img class=\"button\" src=\"images/quote.png\" name=\"btnQuote\" onClick=\"doAddTags('<blockquote>','</blockquote>','" + obj + "')\"><span>Blockquote</span></a>"); 

document.write("<br />");

	//document.write("<textarea id=\""+ obj +"\" name = \"" + obj + "\" cols=\"" + width + "\" rows=\"" + height + "\"></textarea>");
	
}

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

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

	if (document.selection) 
			{
				textarea.focus();
				var sel = document.selection.createRange();
				sel.text = '<img src="' + url + '">';
			}
   else 
    {
		var len = textarea.value.length;
	    var start = textarea.selectionStart;
		var end = textarea.selectionEnd;
		
        var sel = textarea.value.substring(start, end);
	    //alert(sel);
		var rep = '<img src="' + url + '" alt="image" />';
        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 (document.selection) 
			{
				textarea.focus();
				var sel = document.selection.createRange();
				
				if(sel.text==""){
					sel.text = '<a href="' + url + '">' + url + '</a>';
					} else {
					sel.text = '<a href="' + url + '">' + sel.text + '</a>';
					}
				//alert(sel.text);
				
			}
   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);
		}
	    //alert(sel);
		
		
		var rep = '<a href="' + url + '">' + sel + '</a>';;
        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);
				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;
	}
}

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;
 }
}

function externalLinks() {
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName("a");
for (var i=0; i<anchors.length; i++) {
var anchor = anchors[i];
if (anchor.getAttribute("href") &&
anchor.getAttribute("rel") == "external")
anchor.target = "_blank";
}
}
window.onload = externalLinks;

function View(form) {
msg=open("","DisplayWindow","status=1,scrollbars=1,menubar=yes");
msg.document.write(form.html.value);
}
function Generate(form) {
var txt="<html><head><title>Your sitename</title></head>\r\n";
txt+="</body></html>";
}
