// textarea_talent.js
// RJM Programming
// September, 2016
// Help out textarea_talent.html

function copyTextareaStyling() {
    var output = document.getElementById("tarea"), divelem = document.getElementById("tareadiv");
    if (divelem) { // thanks to ideas off http://stackoverflow.com/questions/12266320/copy-div-content-to-textarea-or-text-with-the-same-font-family-style
      divelem.style.fontFamily = window.getComputedStyle(output,null).fontFamily || output.style.fontFamily || output.currentStyle.getCurrentProperty('font-family');
      divelem.style.fontSize = window.getComputedStyle(output,null).fontSize || output.style.fontSize || output.currentStyle.getCurrentProperty('font-size');
      divelem.style.border = window.getComputedStyle(output,null).border || output.style.border || output.currentStyle.getCurrentProperty('border');
      divelem.style.padding = window.getComputedStyle(output,null).padding || output.style.padding || output.currentStyle.getCurrentProperty('padding');
      divelem.style.margin = window.getComputedStyle(output,null).margin || output.style.margin || output.currentStyle.getCurrentProperty('margin');
      divelem.style.overflow = window.getComputedStyle(output,null).overflow || output.style.overflow || output.currentStyle.getCurrentProperty('overflow');
    }
}

function todowithmap() {
  var showanalert=location.search.split('showalert=')[1] ? decodeURIComponent(location.search.split('showalert=')[1]).split('&')[0] : 'off';
  var redcolour=location.search.split('colour=')[1] ? decodeURIComponent(location.search.split('colour=')[1]).split('&')[0] : document.getElementById('colour').value;
  var redbits, redtolookfor=location.search.split('red=')[1] ? decodeURIComponent(location.search.split('red=')[1]).split('&')[0] : document.getElementById('red').value;
  var yellowbits, yellowtolookfor=location.search.split('yellow=')[1] ? decodeURIComponent(location.search.split('yellow=')[1]).split('&')[0] : document.getElementById('yellow').value;
  var greenbits, greentolookfor=location.search.split('green=')[1] ? decodeURIComponent(location.search.split('green=')[1]).split('&')[0] : document.getElementById('green').value;
 
  var tih='',imi, jmi, mapp=-1, mi=1, sparer='', i, j, k, bits, maphtml='', postbits, hrefbits, onclickbits, minw, maxw, minh, maxh,mybits='',delim='';

  if (showanalert == 'off') {
    if (document.getElementById('showalert').checked) showanalert = 'on';
  }
  if (rawhtml != '' && mapimg == '') {
    while (rawhtml.indexOf('+') != -1) {
      rawhtml=rawhtml.replace('+',' ');
    }
    if (redtolookfor != '' || yellowtolookfor != '' || greentolookfor != '') {
      var ourraw=rawhtml.replace(/</g, '&lt;').replace(/>/g, '&gt;');
      while (ourraw.indexOf(String.fromCharCode(10)) != -1) {
        ourraw=ourraw.replace(String.fromCharCode(10),'<br>');
      }
      tih='<div id="tareadiv">' + ourraw + '</div>';
    } else {
      tih='<textarea rows=50 style="width:100%;">' + rawhtml.replace(/</g, '&lt;').replace(/>/g, '&gt;') + '</textarea>';
    }
    if (redtolookfor != '') {
     redbits=tih.split(redtolookfor.replace(/</g, '&lt;').replace(/>/g, '&gt;'));
     tih=redbits[0];
     for (var ired=1; ired<redbits.length; ired++) {
       if (showanalert != 'off') alert(redtolookfor + redbits[ired].substring(0,200).replace(/<br>/g,String.fromCharCode(10)) + ' ... ');
       tih+='<font color=' + redcolour.toLowerCase() + '>' + redtolookfor.replace(/</g, '&lt;').replace(/>/g, '&gt;') + '</font>';
       tih+=redbits[ired];
     }
    }
    if (yellowtolookfor != '') {
     yellowbits=tih.split(yellowtolookfor.replace(/</g, '&lt;').replace(/>/g, '&gt;'));
     tih=yellowbits[0];
     for (var iyellow=1; iyellow<yellowbits.length; iyellow++) {
       if (showanalert != 'off') alert(yellowtolookfor + yellowbits[iyellow].substring(0,200).replace(/<br>/g,String.fromCharCode(10)) + ' ... ');
       tih+='<font color=yellow>' + yellowtolookfor.replace(/</g, '&lt;').replace(/>/g, '&gt;') + '</font>';
       tih+=yellowbits[iyellow];
     }
    }
    if (greentolookfor != '') {
     greenbits=tih.split(greentolookfor.replace(/</g, '&lt;').replace(/>/g, '&gt;'));
     tih=greenbits[0];
     for (var igreen=1; igreen<greenbits.length; igreen++) {
       if (showanalert != 'off') alert(greentolookfor + greenbits[igreen].substring(0,200).replace(/<br>/g,String.fromCharCode(10)) + ' ... ');
       tih+='<font color=green>' + greentolookfor.replace(/</g, '&lt;').replace(/>/g, '&gt;') + '</font>';
       tih+=greenbits[igreen];
     }
    }
    
    document.getElementById('table_content').innerHTML=tih;
    copyTextareaStyling();
  }
}