/* 
Webadmin Rich Text Area
Written by Mike Rumble, Summer 2006.
*/

if(!Webadmin) var Webadmin = {};

Webadmin.RichTextEditorForm = Class.create();
Webadmin.RichTextEditorForm.prototype = {
	initialize : function(element, options){
  	this.options = Object.extend({
  		bold: true,
  		italic : true,
  		link: true,
  		width: '400px',
  		height: '100px'
  	}, options || {});	
		this.element = $(element);
		this.editors = Array();
		var textareas = this.element.getElementsByTagName('textarea');
		$A(textareas).each(function(textarea){
			if((this.options.only&&Element.hasClassName($(textarea), this.options.only))||!this.options.only){
				this.editors[this.editors.length] = new Webadmin.RichTextEditor($(textarea), this.options);				
			}
		}.bind(this));
		this.addListeners();
	},
	addListeners : function(){
		Event.observe(this.element, 'submit', this.save.bindAsEventListener(this));
	},
	save : function(){
		$A(this.editors).each(function(editor){
			editor.save();
		});
	}
}


Webadmin.RichTextEditor = Class.create();
Webadmin.RichTextEditor.prototype = {
	initialize : function(element, options) {
  	this.options = Object.extend({
  		bold: true,
  		italic : true,
  		link: true,
  		unlink: true,
  		width: '400px',
  		height: '100px'
  	}, options || {});	
  	this.element = $(element);
  	this.parent = this.element.parentNode;
  	this.HTML = this.element.innerHTML;
  	this.iframe = document.createElement('iframe');
  	this.iframe.className = 'w-iframe';
  	this.iframe.id = this.element.id+"_rte";
  	this.iframe.style.width = this.options.width;
  	this.iframe.style.height = this.options.height;
  	this.rte = document.createElement('div');
  	this.rte.className = 'w-rte';
  	var rteInner = document.createElement('div');
  	this.controls();
  	this.rte.appendChild(this.controlstrip);
  	this.rte.appendChild(rteInner);
  	rteInner.appendChild(this.iframe);
  	
  	this.parent.insertBefore(this.rte, this.element.nextSibling);
  	this.element.style.display='none'; 	
  	this.setup();
  },
	setup : function(){
		this.HTML = this.HTML.replace(/>/g, '>');
		this.HTML = this.HTML.replace(/&lt;/g, '<');
    if(this.iframe.document){
      var index = document.frames.length - 1;
      document.frames[index].document.designMode="On";
      document.frames[index].document.open();
      document.frames[index].document.write(this.HTML); 
      document.frames[index].document.close();
      this.doc = document.frames[index].document
      this.doc.body.style.border = '1px solid #A7A6AA';
    }else{
      this.doc = this.iframe.contentDocument;
      this.doc.open();
      this.doc.write(this.HTML);
      this.doc.close();
      this.doc.body.style.cursor = 'text';
      this.doc.body.style.height = '100%';
      this.iframe.style.border = '1px solid #ccc';
    	this.iframe.height -= 2; 
    	this.iframe.width -= 2;
    }      
    this.doc.body.style.margin = '0px';
    this.doc.designMode="On";
    this.doc.body.style.padding = '0px';
    if(!document.all){
 	    	this.doc.execCommand('styleWithCSS', false, false);
    }
    this.addListeners();	
	},
	addListeners : function(){
		if(this.options.bold == true){ Event.observe(this.boldButton, 'click', this.bold.bindAsEventListener(this)); }
		if(this.options.italic == true){ Event.observe(this.italicButton, 'click', this.italic.bindAsEventListener(this)); }
		if(this.options.link == true){ Event.observe(this.linkButton, 'click', this.link.bindAsEventListener(this)); }
		if(this.options.ul == true){ Event.observe(this.ulButton, 'click', this.ul.bindAsEventListener(this)); }
		if(this.options.ol == true){ Event.observe(this.olButton, 'click', this.ol.bindAsEventListener(this)); }				
		if(this.options.strike == true){ Event.observe(this.strikeButton, 'click', this.strike.bindAsEventListener(this)); }			
		if(this.options.superscript == true){ Event.observe(this.superscriptButton, 'click', this.superscript.bindAsEventListener(this)); }			
		if(this.options.subscript == true){ Event.observe(this.subscriptButton, 'click', this.subscript.bindAsEventListener(this)); }			
		if(this.options.underline == true){ Event.observe(this.underlineButton, 'click', this.underline.bindAsEventListener(this)); }	
		if(this.options.unlink == true){ Event.observe(this.unlinkButton, 'click', this.unlink.bindAsEventListener(this)); }													
	},
	removeListeners : function(){
	
	},
	button : function(options){
		var button = document.createElement('a');
		button.id = options.id;
		button.className = 'w-controlbutton';
		button.href = '#';
		button.title = options.title;
		var text = document.createTextNode(options.value);
		button.appendChild(text);
		return button;
	},
	controls : function(){
		this.controlstrip = document.createElement('div');
		this.controlstrip.className = 'w-controlstrip';
		if(this.options.bold == true){
			this.boldButton = this.button({id: 'bold', title: 'Bold', value: 'B'});	
			this.controlstrip.appendChild(this.boldButton);				
		}
		if(this.options.italic == true){
			this.italicButton = this.button({id: 'italic', title: 'Italic', value: 'I'});
			this.controlstrip.appendChild(this.italicButton);			
		}
		if(this.options.underline == true){
			this.underlineButton = this.button({id: 'underline', title: 'Underlinke', value: 'Underline'});
			this.controlstrip.appendChild(this.underlineButton);			
		}			
		if(this.options.strike == true){
			this.strikeButton = this.button({id: 'strikethrough', title: 'Strike', value: 'Strike'});
			this.controlstrip.appendChild(this.strikeButton);			
		}			
		if(this.options.link == true){
			this.linkButton = this.button({id: 'link', title: 'Insert link', value: 'A'});
			this.controlstrip.appendChild(this.linkButton);			
		}
		if(this.options.unlink == true){
			this.unlinkButton = this.button({id: 'unlink', title: 'Unlink', value: 'Unlink'});
			this.controlstrip.appendChild(this.unlinkButton);			
		}				
		if(this.options.ul == true){
			this.ulButton = this.button({id: 'insertunorderedlist', title: 'Insert Unordered List', value: 'UL'});
			this.controlstrip.appendChild(this.ulButton);			
		}
		if(this.options.ol == true){
			this.olButton = this.button({id: 'insertorderedlist', title: 'Insert Ordered List', value: 'OL'});
			this.controlstrip.appendChild(this.olButton);			
		}				
		if(this.options.subscript == true){
			this.subscriptButton = this.button({id: 'subscript', title: 'Subscript', value: 'Subscript'});
			this.controlstrip.appendChild(this.subscriptButton);			
		}	
		if(this.options.superscript == true){
			this.superscriptButton = this.button({id: 'superscript', title: 'Superscript', value: 'Superscript'});
			this.controlstrip.appendChild(this.superscriptButton);			
		}										
	},
	command : function(command, options){ this.doc.execCommand(command, false, options); },	
	bold : function(ev){ 
		Event.stop(ev); 
		this.command("bold", null); 
	},
	italic : function(ev){ 
		Event.stop(ev); 
		this.command("italic", null); 
	},
	ol : function(ev){ 
		Event.stop(ev); 
		this.command("insertorderedlist", null); 
	},
	ul : function(ev){ 
		Event.stop(ev); 
		this.command("insertunorderedlist", null); 
	},	
	strike : function(ev){ 
		Event.stop(ev); 
		this.command("strikethrough", null); 
	},		
	subscript : function(ev){ 
		Event.stop(ev); 
		this.command("subscript", null); 
	},
	superscript : function(ev){ 
		Event.stop(ev); 
		this.command("superscript", null); 
	},
	underline : function(ev){ 
		Event.stop(ev); 
		this.command("underline", null); 
	},		
	unlink : function(ev){ 
		Event.stop(ev); 
		this.command("unlink", null); 
	},				
	link : function(ev){
		Event.stop(ev);
		var theurl = prompt("Please enter a URL:", "");
		if(theurl!=null&&theurl!=""){
			this.command("createLink",theurl);
		}else{
			return false;
		}
	},
	save : function(){
		var content = this.clean_html(this.doc.body.innerHTML);
		this.element.value = content;
		if(this.options.callback){
			this.options.callback(content);
		}
	},
	clean_html : function(html){
    // Ensure all tag names are lowercase
    var regex = /(<[^>\s]*)(\w)/gi
    var matches = html.match(regex);
    if(matches){
	    for(i=0; i < matches.length; i++){
  	      html = html.replace(matches[i], matches[i].toLowerCase());
    	}
    }
    // Ensure all attribute names are lowercase
    var regex = /([^>\s]*)(\w=)/gi
    var matches = html.match(regex);
    if(matches){
	    for(i=0; i < matches.length; i++){
  	  	html = html.replace(matches[i], matches[i].toLowerCase());
  	  }
    }   
    // Remove non-standard tags...
    html = html.replace(/<o:p>\s*<\/o:p>/g, "") ;
    html = html.replace(/<o:p>.*?<\/o:p>/g, "&nbsp;") ;
    html = html.replace( /\s*MARGIN: 0cm 0cm 0pt\s*;/gi, "" ) ;
    html = html.replace( /\s*MARGIN: 0cm 0cm 0pt\s*"/gi, "\"" ) ;
    html = html.replace( /\s*TEXT-INDENT: 0cm\s*;/gi, "" ) ;
    html = html.replace( /\s*TEXT-INDENT: 0cm\s*"/gi, "\"" ) ;
    html = html.replace( /\s*TEXT-ALIGN: [^\s;]+;?"/gi, "\"" ) ;
    html = html.replace( /\s*PAGE-BREAK-BEFORE: [^\s;]+;?"/gi, "\"" ) ;
    html = html.replace( /\s*FONT-VARIANT: [^\s;]+;?"/gi, "\"" ) ;
    html = html.replace( /\s*tab-stops:[^;"]*;?/gi, "" ) ;
    html = html.replace( /\s*tab-stops:[^"]*/gi, "" ) ;	    
    html = html.replace( /\s*face="[^"]*"/gi, "" ) ;
    html = html.replace( /\s*face=[^ >]*/gi, "" ) ;
    html = html.replace( /\s*FONT-FAMILY:[^;"]*;?/gi, "" ) ;
    html = html.replace(/<(\w[^>]*) class=([^ |>]*)([^>]*)/gi, "<$1$3") ;
    html = html.replace( /<(\w[^>]*) style="([^\"]*)"([^>]*)/gi, "<$1$3" ) ;
    html = html.replace( /\s*style="\s*"/gi, '' ) ;
    html = html.replace( /<SPAN\s*[^>]*>\s*&nbsp;\s*<\/SPAN>/gi, '&nbsp;' ) ;
    html = html.replace( /<SPAN\s*[^>]*><\/SPAN>/gi, '' ) ;
    html = html.replace(/<(\w[^>]*) lang=([^ |>]*)([^>]*)/gi, "<$1$3") ;
    html = html.replace( /<SPAN\s*>(.*?)<\/SPAN>/gi, '$1' ) ;
    html = html.replace( /<FONT\s*>(.*?)<\/FONT>/gi, '$1' ) ;
    html = html.replace(/<\\?\?xml[^>]*>/gi, "") ;
    html = html.replace(/<\/?\w+:[^>]*>/gi, "") ;	
        
    return html;
	}
}