/************** JavaScript Inline Template (jsilt) **************/
/* (c) Copyright Patrick Curry, 2009-2018.  All rights Reserved */
/* https://google.com/search?q=javascript+jsilt+-jshint+-jslint+-jstl+-jst+-jit+-silt+-split+-jlist+-jilt+-list+-jps */

// Config Variables
var _jsiltConfigInit = function()
{
    this.jtg="j";
    this.jetg="je";
    this.ntg="span";
    this.neg="\%\%\%";
    this.bt="{";
    this.et="}";
    this.jb="~~~~~~";
    this.jglf=1;
    this.jglv=1;
    this.ttg="span";
    this.ttc="_template";        
};

// Init the config variables
var _jsiltConfig = new _jsiltConfigInit();

// Initialize the Jsilt CSS ASAP
var _jsiltStyleTag = document.createElement('style');
_jsiltStyleTag.type = 'text/css';
var _jsiltStyleTagInnerHtml = _jsiltConfig.jtg+','+_jsiltConfig.jetg+',.'+_jsiltConfig.ttc+'{display:none;}';
// console.log(_jsiltStyleTagInnerHtml);
_jsiltStyleTag.innerHTML = _jsiltStyleTagInnerHtml;
document.getElementsByTagName('head')[0].appendChild(_jsiltStyleTag);
// End of CSS

function _jsilt() {

    // Config Variables
    this.jtg=_jsiltConfig.jtg;
    // NEW
    this.jetg=_jsiltConfig.jetg;
    // END NEW
    this.ntg=_jsiltConfig.ntg;
    this.neg=_jsiltConfig.neg;
    this.bt=_jsiltConfig.bt;
    this.et=_jsiltConfig.et;
    this.jb=_jsiltConfig.jb;
    this.jglf=_jsiltConfig.jglf;
    this.jglv=_jsiltConfig.jglv;

    // Helper Variables
    this.pageloaded=0;
    this.jsilthasrun=0;
    this.jtr=false;
    this.jss="";
    this.jse="";
    this.jt="";
    this.jts="";
    this.nts="";
    this.d1 = 0;
    this.tmp
    this.tmpSplit;

    // Template Variables
    this.jtm = new Array();
    this.jtsd = 0;
    this.ttg=_jsiltConfig.ttg;
    this.ttc=_jsiltConfig.ttc;
    this.templatesToBeCompiled;

    // Regex town
    this.jtbx = new RegExp("<"+this.jtg+">","g");
    this.jthx = new RegExp("<"+this.jtg+"[^>]*>","g");
    this.jtex = new RegExp("</"+this.jtg+">","g");
    this.jetbx = new RegExp("<"+this.jetg+">","g");
    this.jethx = new RegExp("<"+this.jetg+"[^>]*>","g");
    this.jetex = new RegExp("</"+this.jetg+">","g");
    this.ntbx = new RegExp("<"+this.ntg+">","g");
    this.ntex = new RegExp("</"+this.ntg+">","g");
    this.negx = new RegExp(this.neg,"g");
    this.btx = new RegExp(this.bt,"g");
    this.etx = new RegExp(this.et,"g");
    this.jnf = new RegExp("function[ ]+([^(]+)\(([^\{]*)\)\{","g");
    this.jnv1 = new RegExp("global var ([^\s=]+);","g");
    this.jnv2 = new RegExp("global var ([^\s=]+=)","g");
    this.hc1 = new RegExp("<!--","g");
    this.hc2 = new RegExp("//-->","g");
    this.hc3 = new RegExp("-->","g");
    this.jc1 = new RegExp("//[^\n]*\n","g");
    this.jc2 = new RegExp("//[^\r]*\r","g");
}

_jsilt.prototype.e = function(str)
{
	if(typeof(str) != "undefined" && (typeof(str) == "string" || typeof(str) == "number") ){
        if(jsilt.jtr<=0)
        {
            if (!jsilt.pageloaded){
                document.write(str);return;
            }else{
                alert("Page has loaded, nowhere to echo to.");return;
            }
        }
        str=str.toString();
        jsilt.jss+=str;
        //alert(this.jss);
	}
};

function lt(a,b){return a<b;};
function gt(a,b){return a>b;};
function lte(a,b){return a<=b;};
function gte(a,b){return a>=b;};

_jsilt.prototype.compile = function(block)
{
    //alert("jsiltcompile");
    
	this.jtr++;
    
	if (block && block != "")
	{
		this.tmp = block.toString() + "";
		if (block.innerHTML && block.innerHTML != "")
		{
			this.tmp = block.innerHTML.toString() + "";
        }
        // TODO: make this hc1/<!-- actually comment out a block of HTML
        this.tmp = this.tmp.replace(this.hc1, "");
        this.tmp = this.tmp.replace(this.hc2, "");
        this.tmp = this.tmp.replace(this.hc3, "");
		this.tmp = this.tmp.replace(this.jc1, ";");
		this.tmp = this.tmp.replace(this.jc2, ";");
		this.tmp = this.tmp.replace(/\n/g, "");
        this.tmp = this.tmp.replace(/\r/g, "");
        this.tmp = this.tmp.replace(this.jetbx, this.jb+'echo(');
		this.tmp = this.tmp.replace(this.jethx, this.jb+'echo(');
		this.tmp = this.tmp.replace(this.jetex, ');'+this.jb);        
		this.tmp = this.tmp.replace(this.jtbx, this.jb);
		this.tmp = this.tmp.replace(this.jthx, this.jb);
		this.tmp = this.tmp.replace(this.jtex, this.jb);
		this.tmp = this.tmp.replace(this.ntbx, this.jb);
		this.tmp = this.tmp.replace(this.ntex, this.jb);
		this.tmp = this.tmp.replace(this.negx, this.jb);
		// split and alternate
		this.tmpSplit = this.tmp.split(this.jb);
		this.tmp = "";
		for (var j=0; j < this.tmpSplit.length; j++)
		{
			if (this.tmpSplit[j].length == 0)
			{}
			else if (j % 2 != 0)
			{
				// rendered html
				// tag replace
				this.tmpSplit[j]=this.tmpSplit[j].replace(this.btx,"<");
				this.tmpSplit[j]=this.tmpSplit[j].replace(this.etx,">");
				this.tmpSplit[j]=this.tmpSplit[j].replace(/<</g,this.bt);
				this.tmpSplit[j]=this.tmpSplit[j].replace(/>>/g,this.et);
				// quote escape
				this.tmpSplit[j]=this.tmpSplit[j].replace(/\"/g, "\\\"");
				this.tmp += ";jsilt.e(\"" + encodeURI(this.tmpSplit[j]) + "\");";
			}
			else
			{
				this.tmpSplit[j] = this.tmpSplit[j].replace(this.jc1, ";");
				this.tmpSplit[j] = this.tmpSplit[j].replace(this.jc2, ";");
                
				// quick render of single variable names
				if (this.tmpSplit[j].indexOf(";")==-1 && 
					this.tmpSplit[j].indexOf("(")==-1 && 
					this.tmpSplit[j].indexOf(")")==-1 && 
					this.tmpSplit[j].indexOf("{")==-1 && 
					this.tmpSplit[j].indexOf("}")==-1 && 
					this.tmpSplit[j].indexOf("-->")==-1 && 
					this.tmpSplit[j].indexOf("<!--")==-1 && 
					this.tmpSplit[j].indexOf("//")==-1 && 
					this.tmpSplit[j].indexOf("=")==-1 && 
					this.tmpSplit[j].indexOf("global var")==-1
					)
				{
					this.tmp+="jsilt.e("+this.tmpSplit[j]+");";
				}
				else
				{
					this.tmpSplit[j] = this.tmpSplit[j].replace(this.hc1, "");
					this.tmpSplit[j] = this.tmpSplit[j].replace(this.hc2, "");
					this.tmpSplit[j] = this.tmpSplit[j].replace(this.hc3, "");
					this.tmp+=this.tmpSplit[j];
				}
			}
		}
        
		// remove extranenous non-script tags
		this.jt = this.tmp.replace(this.ntbx,";");
		this.jt = this.jt.replace(this.ntex,"");
		// remove extraneous script tags
		this.jt = this.jt.replace(this.jtbx, "");
		this.jt = this.jt.replace(this.jthx, "");
		this.jt = this.jt.replace(this.jtex, "");
		// remove line breaks
		//_tmp = _tmp.replace(/\n/g, "");
		//_tmp = _tmp.replace(/\r/g, "");			
        
		// make all functions and/or variables in template global
		if (this.jglf) this.jt = this.jt.replace(this.jnf, "$1 = function $2  {");
		if (this.jglv)
		{
			this.jt = this.jt.replace(this.jnv1, "window.$1 = new Object();");
			this.jt = this.jt.replace(this.jnv2, "window.$1");
		} else {
			this.jt = this.jt.replace(this.jnv1, "$1;");
			this.jt = this.jt.replace(this.jnv2, "$1");
		}
		
		// wrap execution in try/catch -- could be user-definable what happens
		// continue executing future templates or not?
		this.jt = "try{ " + this.jt + "; } catch(err) { jsilt.e('jsilt Threw ' + err.toString()); }";
		
		//alert(_jt);
		this.jtr--;
		return this.jt;
	}
	this.jtr--;
	return false;
}

// renders a template in-line when called
_jsilt.prototype.runtemplate = function(template)
{
	if (template && template != "" && this.jtm[template])
	{
		eval(unescape(this.jtm[template]));
		return true;
	} else {
        // TODO: Make this a debugging feature:
		// jsilt.e("Template " + template + " not found, or not yet compiled.");
	}
	return false;
}

// renders template inside destination HTML object
_jsilt.prototype.rendertemplatetodestination = function(template, destination)
{
    if (!this.jsilthasrun)
    {
        setTimeout('jsilt.rendertemplatetodestination(\''+template+'\',\''+destination+'\');',1);
    }
	if (template && destination)
	{
		this.jtr++;
		if (typeof(destination.innerHTML) == "undefined")
		{
            destination = document.getElementById(destination);
        }
		destination.innerHTML = "";
		destination.innerHTML = this.rendertemplatetostring(template); // tmpTmp
        //alert(destination.innerHTML);
		this.jtr--;
		return true;
	}
	return false;
}

// renders a template to a string
_jsilt.prototype.rendertemplatetostring = function(template)
{
    if (!this.jsilthasrun)
    {
        // console.log('Jsilt isn\'t done initializing.');
        // TODO: handle some type of callback
    }
	var retString = "";
	this.jtr++;
	if (template && template != "" && this.jtm[template])
	{
		this.jss = "";
		eval(unescape(this.jtm[template]));
		retString = this.jss;
		this.jss = "";
	} else {
        // TODO: Make this a debugging feature:
		// retString = "Template " + template + " not found, or not yet compiled.";
	}
	this.jtr--;
	return retString;
}

// wrapping template rendering in a single function
// template is the name of the template you want to render
// desination is the DOM object you wish to render into
// - desination can also be the name of the DOM object you wish to render into
_jsilt.prototype.rendertemplate = function(template, destination)
{
	if (typeof(destination) == "undefined")
	{return this.runtemplate(template);}
	else
	{return this.rendertemplatetodestination(template, destination);}
	return false;
}

// compiles a template on-demand
_jsilt.prototype.compiletemplate = function(template)
{
    //alert("jsiltcompiletemplate");
	if (template)
	{
		if (typeof(template.innerHTML) == "undefined")
		{template = document.getElementById(template);}        
        template.innerHTML=this.neg+template.innerHTML+this.neg; /* PMCNEW */        
		// currently allows for recompilation
		this.jse = this.compile(template)
		this.jtm[template.id] = this.jse;
		// could be user defined...
		template.innerHTML = "";
		return true;
	}
	return false;
}

// create and compile a new template on the fly
_jsilt.prototype.compilestringtotemplate = function(string, templateName)
{
	if (string && templateName)
	{
		// currently allows for recompilation
		this.jse = this.compile(string)
		this.jtm[templateName] = this.jse;
		return true;
	}
	return false;
}

_jsilt.prototype.waitfortemplatetocompile = function(template,callback)
{
	if (typeof(template.innerHTML) == "undefined")
	{template = document.getElementById(template);}
	setTimeout("jsilt.waitfortemplatetocompilehelper("+ template.id +","+callback+");",100);
	return;
}

_jsilt.prototype.waitfortemplatetocompilehelper = function(template,callback)
{
    if (typeof(this.jtm) != "undefined")
    {
        if ( this.jtm[template.id] )
        {
            callback();
            return;
        }
    }
    setTimeout("jsilt.waitfortemplatetocompilehelper("+ template.id +","+callback+");",100);
	return;
}

_jsilt.prototype.waitforinitialrun = function(callback)
{
	if (this.jsilthasrun){
		callback();
	}else{
		setTimeout("jsilt.waitforinitialrun("+callback+");",100);
	}return;
}

// our main() function
_jsilt.prototype.main = function()
{   
    //alert("jsiltmain");
    console.log('jsilt main() is running.');

    if (this.jsilthasrun)
    {
        return;
    }

    this.jtr++;
    
	// compile all templates found in initial page
    this.jts = document.getElementsByTagName(this.ttg);
    this.jtsd = 0;
    this.templatesToBeCompiled = new Array();
    //alert(this.jts.length);
	for (var i = 0; i < this.jts.length; i++)
	{
		if (this.jts[i].className == this.ttc)
		{
			if(!this.jtm[this.jts[i].id] || this.jtm[this.jts[i].id] == "")
			{
                this.templatesToBeCompiled[this.templatesToBeCompiled.length] = this.jts[i];
			}
		}
    }
    //console.log('Found ' + this.templatesToBeCompiled.length + ' templates to compile.');
    for (var j = 0; j < this.templatesToBeCompiled.length; j++)
    {
        this.compiletemplate(this.templatesToBeCompiled[j]);
        this.jtsd++;
        // console.log('Compiled ' + this.jtsd + ' templates.');
    }  

    var i;
    // run je tags
	this.jets = document.getElementsByTagName(this.jetg);
	for (i = 0; i < this.jets.length; i++)
	{
		this.jets[i].outerHTML = '<'+this.jtg+'>echo('+this.jets[i].innerHTML+');</'+this.jtg+'>';
    }
    // end je tags
    
	// run jtags
	this.jts = document.getElementsByTagName(this.jtg);
    //alert(this.jts.length);
    /***
	for (i = 0; i < this.jts.length; i++)
	{
		// hide this jtag -- could be left as a user option
		//this.jts[i].style.visibility = "hidden";
    }
    ***/
	for (i = 0; i < this.jts.length; i++)
	{
		this.jss = "";
		this.jse = this.compile(this.jts[i]);
		this.jse = eval(unescape(this.jse));
        
		if (this.jss && this.jss != ""){
			this.jts[i].innerHTML = this.jss;
		} else if (this.jse && this.jse != "undefined" && this.jse != "[object Object]" && this.jse.toString().indexOf("function (") != 0 && this.jse != true && this.jse != false)
		{
			this.jts[i].innerHTML = this.jse;
		} else {
			this.jts[i].innerHTML = "";
		}
		// show this jtag -- could be left as a user option
		//_jts[_i].style.visibility = "visible";
		this.jts[i].style.display = "inline";
	}
	this.jtr--;
	this.jsilthasrun = 1;
    // console.log('jsilt main() done');
}

// from http://www.yuki-onna.co.uk/html/encode.html -- modified
_jsilt.prototype.encodeHtml = function(encodedHtml) {
	//encodedHtml = escape(encodeHtml.htmlToEncode.value);
	/***
     encodedHtml = encodedHtml.replace(/\//g,"%2F");
     encodedHtml = encodedHtml.replace(/\?/g,"%3F");
     encodedHtml = encodedHtml.replace(/=/g,"%3D");
     encodedHtml = encodedHtml.replace(/&amp;/g,"%26");
     encodedHtml = encodedHtml.replace(/@/g,"%40");
     ***/
	encodedHtml = encodedHtml.replace(/\</g,"&lt;");
	encodedHtml = encodedHtml.replace(/\>/g,"&gt;");
	encodedHtml = encodedHtml.replace(/\n/g,"<br>");
	//encodeHtml.htmlEncoded.value = encodedHtml;
	return encodedHtml;
}

_jsilt.prototype.viewsource = function()
{
	var srcWindow = window.open();
	srcWindow.document.write(this.encodeHtml(document.body.innerHTML));
	srcWindow.document.close();
}

_jsilt.prototype.viewelementsource = function(element)
{
	var srcWindow = window.open();
	srcWindow.document.write(this.encodeHtml(element.innerHTML));
	srcWindow.document.close();
}

_jsilt.prototype.viewtemplatesource = function(template)
{
	var srcWindow = window.open();
	srcWindow.document.write(this.encodeHtml(this.jtm[template]));
	srcWindow.document.close();
}

// TODO - these functions could go into the singleton?
var jsilt = new _jsilt();
var echo;

// Helper functions
function _as(str){str=str.replace(/\\/g,'\\\\');str=str.replace(/\"/g,'\\"');return str;} //'
function _rnl(str){str=str.replace(/\n/g,'');return str;}
function _isf(str){if(str.indexOf('function')!=-1&&str.indexOf('{')!=-1&&str.indexOf('}')!=-1){return 'var __f='+str+';__f();';}return str;}
Number.prototype.lt = function(b){return this.valueOf()<b;};
Number.prototype.gt = function(b){return this.valueOf()>b;};
Number.prototype.lte = function(b){return this.valueOf()<=b;};
Number.prototype.gte = function(b){return this.valueOf()>=b;};

// function waitUntil(boolStatement,action){var ret=0;eval("try{if("+boolStatement+"==true){"+_isf(action)+";ret=1;}}catch(err){}");if(ret==1)return;setTimeout("waitUntil(\""+_as(boolStatement)+"\",\""+_as(action)+"\");",Math.random()*100);}
function waitUntil(boolStatement,action){
    // console.log('waitUntil()');
    if(boolStatement()==true){
        action();
        return;
    }
    setTimeout(
        function(){
            waitUntil(boolStatement,action);
        },
        0010
    );
}

// function doOnLoad(cmd){if(typeof(cmd)!="string"){cmd=cmd.toString();}waitUntil("document.body.innerHTML!=''",_rnl(cmd));}
function doOnLoad(cmd){waitUntil(function(){if(document&&document.body&&document.body.innerHTML!=''){return true;}return false;},cmd);}

// this works in FF and GC all on one line
doOnLoad(function(){jsilt.pageloaded=1;echo=jsilt.e;jsilt.main();});
// window.addEventListener("load", function(){ jsilt.main() });