// JavaScript Document
function load(){
      AttivaFrame("editArea").designMode = "On";       
    }
    
    function AttivaFrame(iFrameID){
      if (document.getElementById(iFrameID).contentDocument){  
		  //Mozilla
        return document.getElementById(iFrameID).contentDocument;
      } else {
		  //Internet Explorer
        return document.frames[iFrameID].document;
       }
     }
    function applicaComando(cmdStr,valCmdStr){
		if (!document.getElementById("editArea").contentDocument){
		   switch(valCmdStr){
			   case "h1":
				   valCmdStr = "heading 1";
					break;
			   case "h2":
				   valCmdStr = "heading 2";
					break;
			   case "h3":
				   valCmdStr = "heading 3";
					break;
			   case "p":
				   valCmdStr = "paragraph";
					break;
			}
		}
      AttivaFrame("editArea").execCommand(cmdStr,false,valCmdStr);
    } 
    function aggiungiLink(){
      var linkURL = prompt("Inserisci il link da aggiungere:", "http://");
      AttivaFrame("editArea").execCommand("createLink", false, linkURL);
    }
	function aggiungiImg(){
      var imgURL = prompt("Inserisci il link dell'immagine da inserire:", "http://");
      AttivaFrame("editArea").execCommand("insertimage", false, imgURL);
    }
	 function vediCodice(){
	  var contenuto = AttivaFrame("editArea").body.innerHTML;
      document.getElementById("codice").innerHTML = contenuto.replace(/</g,"&lt;");
    }
    function pulisciCodice(){
	   var contenuto = AttivaFrame("editArea").body.innerHTML;
		contenuto = contenuto.replace(/<br\>/gi,"<br/>");
		contenuto = contenuto.replace(/(<p\>)(.*)(<\/p\>)/gi,"<p>$2</p>");
		contenuto = contenuto.replace(/<\a/gi,"<a");
		contenuto = contenuto.replace(/<\/a\>/gi,"</a>");
		contenuto = contenuto.replace(/<\div\>/gi,"<div>");
		contenuto = contenuto.replace(/<\/div\>/gi,"</div>");
		contenuto = contenuto.replace(/(<strong\>)(.*)(<\/strong\>)/gi,"<span style=\"font-style: bold;\">$2</span>");
		contenuto = contenuto.replace(/(<ul\>)(.*)(<\/ul\>)/gi,"<ul>$2</ul>");
		contenuto = contenuto.replace(/(<li\>)(.*)(<\/li\>)/gi,"<li>$2</li>");
		//internet explorer	
      contenuto = contenuto.replace(/(<font )(color)(=)(#?([A-Fa-f0-9]){3}(([A-Fa-f0-9]){3})?)(>)(.*)(<\/font\>)/gi,"<span style=\"$2:$4;\">$9</span>"); 
		contenuto = contenuto.replace(/(<p )(align)(=)([A-Za-z]*)(>)(.*)(<\/p\>)/gi,"<div style=\"text-align: $4;\">$6</div>");
		contenuto = contenuto.replace(/(<em\>)(.*)(<\/em\>)/gi,"<span style=\"font-style: italic;\">$2</span>");
		//opera
		contenuto = contenuto.replace(/(<font )(color)(=\")(#?([A-Fa-f0-9]){3}(([A-Fa-f0-9]){3})?)(\")(>)(.*)(<\/font\>)/gi,"<span style=\"$2:$4;\">$10</span>"); 
		contenuto = contenuto.replace(/(<div )(align)(=\")([A-Za-z]*)(\")(>)(.*)(<\/div\>)/gi,"<div style=\"text-align:$4;\">$7</div>");		
		contenuto = contenuto.replace(/(<i\>)(.*)(<\/i\>)/gi,"<span style=\"font-style: italic;\">$2</span>");

		document.getElementById("messaggio").value = contenuto;	
	 }