function parseForm(){
  
  document.getElementById('parse').onclick=function(){

    // display result section
    var r=document.getElementById('result');
    if (!r.className.match('show')){
      r.className+=" show";
    }

    var code=document.getElementById('from').value;
    code=code.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
      
    /*  This part doesn't work as written. 
        Replace function fails to recognise character when searching. 
        Perhaps a char by char replacement required.

    .replace(/£/g,'&amp;pound;');
    code=code.replace(/€/g,'&amp;euro;');
    code=code.replace(/†/g,'&amp;dagger;').replace(/‡/g,'&amp;Dagger;')
    code=code.replace(/®/g,'&amp;reg;').replace(/©/g,'&amp;copy;').replace(/™/g,'&amp;trade;').replace(/—/g,'&amp;mdash;');
    code=code.replace(/“/g,'&amp;ldquo;').replace(/”/g,'&amp;rdquo;').replace(/‘/g,'&amp;lsquo;').replace(/’/g,'&amp;rsquo;').replace(/…/g,'&amp;hellip;');
    code=code.replace(/÷/g,'&amp;divide;').replace(/˜/g,'&amp;asymp;').replace(/=/g,'&amp;equiv;');
    */

    if (document.getElementById('includetags').checked){
      var clss="";
      if (document.getElementById('r1')){if (document.getElementById('r1').checked){clss=document.getElementById('r1').value;}}
      if (document.getElementById('r2')){if (document.getElementById('r2').checked){clss=document.getElementById('r2').value;}}
      if (document.getElementById('r3')){if (document.getElementById('r3').checked){clss=document.getElementById('r3').value;}}
      if (document.getElementById('r4')){if (document.getElementById('r4').checked){clss=document.getElementById('r4').value;}}
      if (document.getElementById('r5')){if (document.getElementById('r5').checked){clss=document.getElementById('r5').value;}}
      if (document.getElementById('r6')){if (document.getElementById('r6').checked){clss=document.getElementById('r6').value;}}
      if (document.getElementById('r7')){if (document.getElementById('r7').checked){clss=document.getElementById('r7').value;}}
      code='<pre><code class="'+clss+'">\n'+code+'\n</code></pre>';
    }
    document.getElementById('to').value=code;
    return false;
  };
  document.getElementById('from').onclick=function(){this.select();};
  document.getElementById('to').onclick=function(){this.select();};
}


function showHideRadios(){
	document.getElementById('includetags').onclick=function(){
    if (this.checked){
      this.parentNode.className+=' checked'
			document.getElementById('classes').style.display="block";
		}else{
      this.parentNode.className=this.parentNode.className.replace(/ checked/g,'');
			document.getElementById('classes').style.display="none";
		}
	};
}

function setWrap(a,w){if(a.w){a.w=w;}else{a.setAttribute('wrap',w);var n=a.cloneNode(true);n.value=a.value;a.parentNode.replaceChild(n,a);}}

setWrap(document.getElementById('from'),"off");
setWrap(document.getElementById('to'),"off");

parseForm();
showHideRadios();