// View.js
// 2006-12-31
/*
Copyright (C) 2007 Julio DI Egidio
http://julio.diegidio.name
mailto:julio@diegidio.name

Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
of the Software, and to permit persons to whom the Software is furnished to do
so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

The Software shall be used for Good, not Evil.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
*/
////////////////////////////////////////////////////////////////
// jde_fc_view (View.js) ////////////////////////////////////

// Requires jde_fc_library (Library.js)

// {singleton}
var jde_fc_view = new function () {
	
	// Check required
	if(typeof(jde_fc_library) == "undefined")
		return null;
	
	var lib = jde_fc_library;
	
	
////////////////////////////////////////////////////////////////
	/////////////////////////////
	// Disp /////////////////////
	
	this.Disp = function () {
		
		this.getHres = function () {
			return dispWidth;
		};
		
		this.init = function (params) {
			init(params);
			reset();
		};
		
		this.reset = function () {
			reset();
		};
		
		this.drawTemp = function (segInfos) {
			reset();
			
			for(var i = 1, dispX = 0; dispX < dispWidth; dispX++) {
				var x, y, m, q;
				var pointS, pointE;
				
				x = (dispX + .5) / dispWidth;
				
				while(x > segInfos.item(i).segPoint.x) i++;
				pointS = segInfos.item(i - 1).segPoint.left();
				pointE = segInfos.item(i).segPoint.right();
				
				m = (pointE.y - pointS.y) / (pointE.x - pointS.x);
				q = pointE.y - m * pointE.x;
				y = m * x + q;
				
				var blockHeight = Math.round(dispHeight * y);
				
				if(blockHeight > 0) {
					var blockWidth = 1,
						blockLeft = dispX,
						blockTop = dispHeight - blockHeight;
					
					addBlock(blockWidth, blockHeight, blockLeft, blockTop);
				}
			}
		};
		
		this.drawVar = function (segInfos, logScale) {
			reset();
			
			if(true) {
				var blockWidth = dispWidth,
					blockHeight = 1,
					blockLeft = 0,
					blockTop = Math.round(dispHeight / 2) - 1;
				
				addBlock(blockWidth, blockHeight, blockLeft, blockTop);
			}
			
			var deltas_dy = [],
				deltas_max = 0;
			
			for(var i = 1, dispX = 0; dispX < dispWidth; dispX++) {
				var x;
				var deltaE_dy;
				
				x = (dispX + .5) / dispWidth;
				
				if(x > segInfos.item(i).segPoint.x) {
					deltaE_dy = 0;
					while(x > segInfos.item(i).segPoint.x)
						deltaE_dy += segInfos.item(++i).segDelta.right().dy;
				}
				else {
					deltaE_dy = segInfos.item(i).segDelta.right().dy;
				}
				
				deltas_dy[dispX] = deltaE_dy;
				
				if(deltas_max < Math.abs(deltaE_dy))
					deltas_max = Math.abs(deltaE_dy);
			}
			
			for(var dispX = 0; dispX < dispWidth; dispX++) {
				var y;
				
				y = deltas_dy[dispX] / deltas_max;
				
				if(logScale > 0) {
					y = (y > 0 ? 1 : -1) *
						Math.log(logScale * Math.abs(y) + 1) /
						Math.log(logScale + 1);
				}
				
				var blockHeight = Math.round((dispHeight / 2) * Math.abs(y));
				
				if(blockHeight > 0) {
					var blockWidth = 1,
						blockLeft = dispX,
						blockTop = Math.round(dispHeight / 2) -
							(y > 0 ? blockHeight : 0);
					
					addBlock(blockWidth, blockHeight, blockLeft, blockTop);
				}
			}
		};
		
		
		
		/////////////////////
		// Private ////////////
		
		function init(params) {
			divDisp = document.getElementById(params.dom.divDispId);
			dispClassName = params.css.divBlockClassName;
			
			dispWidth = divDisp.offsetWidth;
			dispHeight = divDisp.offsetHeight;
		}
			
		function reset() {
			dispWidth = divDisp.offsetWidth;
			dispHeight = divDisp.offsetHeight;
			
			var w = dispWidth,
				h = dispHeight;
			
			divDisp.innerHTML = "";
			divDisp.style.overflow = "hidden";
			divDisp.style.clip = "rect("+"0,"+w+"px,"+h+"px,0)";
		}
		
		function addBlock(w, h, l, t) {
			var oBlock = document.createElement("div");
			
			//oBlock.innerHTML = "";
			oBlock.className = dispClassName;
			oBlock.style.width = w+"px";
			oBlock.style.height = h+"px";
			oBlock.style.left = l+"px";
			oBlock.style.top = t+"px";
			oBlock.style.overflow = "hidden";
			oBlock.style.clip = "rect("+"0,"+w+"px,"+h+"px,0)";
			
			divDisp.appendChild(oBlock);
		}
		
		
		var divDisp,
			dispClassName,
			dispWidth,
			dispHeight;
		
		var that = this;
		
	};
	
	
////////////////////////////////////////////////////////////////
	/////////////////////////////
	// Info /////////////////////
	
	/*
		// Substitutions
		{iter}  := Current iteration
		{count} := Count of iterations
		{segs}  := Count of segments
		{hres}  := Horizontal display res
		{rat%}  := Resolution per segment (%)
		{PROG}  := Progress indicator
	*/
	this.Info = function () {
		
		this.pKey = {
			prep : "prep",
			proc : "proc"
		};
		
		this.key = {
			prep : {
				genB : "genB",
				genS : "genS",
				temp : "temp",
				vart : "vart",
				done : "done",
				strt : "strt"
			},
			proc : {
				iter : "iter",
				temp : "temp",
				vart : "vart",
				done : "done",
				rept : "rept"
			}
		};
		
		this.tag = {
			iter  : "{iter}",
			count : "{count}",
			segs  : "{segs}",
			hres  : "{hres}",
			ratpc : "{rat%}",
			PROG  : "{PROG}"
		};
		
		
		this.init = function (params) {
			init(params);
			
			// IE patch!
			//update(that.pKey.prep, params.prep.defKey);
			that._pKey = that.pKey.prep;
			that._key = params.prep.defKey;
			that._args = undefined;
			window.setTimeout(
				"jde_fc_view._infos[" + infoIdx +
					"]._updateInfo()", 1);
		};
		
		this.update = function (pKey, key, args) {
			// IE patch!
			//update(pKey, key, args);
			that._pKey = pKey;
			that._key = key;
			that._args = args;
			window.setTimeout(
				"jde_fc_view._infos[" + infoIdx +
					"]._updateInfo()", 1);
		};
		
		// IE patch!
		this._updateInfo = function (pKey, key, args) {
			update(that._pKey, that._key, that._args);
		};
		
		
		/////////////////////
		// Private ////////////
		
		function init(params) {
			divProgress = document.getElementById(params.dom.divProgressId);
			
			messages = {
				prep : params.prep.msg,
				proc : params.proc.msg
			};
		}
		
		function update(pKey, key, args) {
			var message;
			
			if(pKey == that.pKey.prep)
				message = messages.prep[key];
			else if(pKey == that.pKey.proc)
				message = messages.proc[key];
			
			divProgress.innerHTML = parseTags(message, args);
		}
		
		function parseTags(message, args) {
			// Args substitution
			if(typeof(args) != "undefined") {
				if(typeof(args.iter) != "undefined")
					message = parseTag(message, that.tag.iter, args.iter);
				if(typeof(args.count) != "undefined")
					message = parseTag(message, that.tag.count, args.count);
				if(typeof(args.segs) != "undefined")
					message = parseTag(message, that.tag.segs, args.segs);
				if(typeof(args.hres) != "undefined")
					message = parseTag(message, that.tag.hres, args.hres);
				if(typeof(args.ratpc) != "undefined")
					message = parseTag(message, that.tag.ratpc, args.ratpc);
			}
			
			// PROG substitution ***********************************************
			message = parseTag(message, that.tag.PROG, "%"); // Not implemented!
			
			return message;
		}
		
		function parseTag(message, tag, arg) {
			var max_loop = 10000; // Prevent infinite loops!
			
			for(var i = 0, idx; i < max_loop &&
				-1 < (idx = message.indexOf(tag));
				i++, message = message.substring(0, idx) +
					arg + message.substring(idx +
					tag.length, message.length));
			
			return message;
		}
		
		
		var divProgress,
			messages;
		
		var infoIdx = jde_fc_view._infos.length;
		jde_fc_view._infos[infoIdx] = this;
		
		var that = this;
		
	};
	
	this._infos = [];
	
	
////////////////////////////////////////////////////////////////
	/////////////////////////////
	// Ctrl /////////////////////
	
	this.Ctrl = function () {
		
		var sKey = {
			none : "none",
			brow : "brow",
			scal : "scal"
		};
		
		this.hKey = {
			click : "click",
			over : "over",
			out : "out"
		};
		
		this.key = {
			brow : sKey.brow,
			scal : sKey.scal
		};
		
		
		this.init = function (params, handlers) {
			init(params);
			
			initControlGroup(control.brow, handlers, that.key.brow);
			initControlGroup(control.scal, handlers, that.key.scal);
			
			disabled = true;
			selection = sKey.none;
			
			that.enable();
		};
		
		
		this.enable = function () {
			if(!disabled) return;
			disabled = false;
			
			if(selection == sKey.brow) {
				enableControlGroup(control.brow, true);
				enableControlGroup(control.scal, false);
				
				selControlGroup(control.brow);
				defControlGroup(control.scal);
			}
			else if(selection == sKey.scal) {
				enableControlGroup(control.brow, false);
				enableControlGroup(control.scal, true);
				
				defControlGroup(control.brow);
				selControlGroup(control.scal);
			}
			else {
				enableControlGroup(control.brow, false);
				enableControlGroup(control.scal, false);
				
				defControlGroup(control.brow);
				defControlGroup(control.scal);
			}
		};
		
		this.disable = function () {
			if(disabled) return;
			disabled = true;
			
			disableControlGroup(control.brow);
			disableControlGroup(control.scal);
			
			if(selection == sKey.brow) {
				selControlGroup(control.brow);
				disControlGroup(control.scal);
			}
			else if(selection == sKey.scal) {
				disControlGroup(control.brow);
				selControlGroup(control.scal);
			}
			else {
				disControlGroup(control.brow);
				disControlGroup(control.scal);
			}
		};
		
		
		this.doClick = function (key) {
			if(disabled) return;
			
			if(key == selection) return;
			selection = key;
			
			if(key == that.key.brow) {
				selControlGroup(control.brow);
				defControlGroup(control.scal);
			}
			else if(key == that.key.scal) {
				defControlGroup(control.brow);
				selControlGroup(control.scal);
			}
		};
		
		this.doOver = function (key) {
			if(disabled) return;
			
			if(key == selection) return;
			
			if(key == that.key.brow)
				selControlGroup(control.brow);
			else if(key == that.key.scal)
				selControlGroup(control.scal);
		};
		
		this.doOut = function (key) {
			if(disabled) return;
			
			if(key == selection) return;
			
			if(key == that.key.brow)
				defControlGroup(control.brow);
			else if(key == that.key.scal)
				defControlGroup(control.scal);
		};
		
		
		/////////////////////
		// Private ////////////
		
		function init(params) {
			// DOM references
			control = {
				brow : {
					rad : document.getElementById(params.dom.radGenBrowId),
					lbl : document.getElementById(params.dom.lblGenBrowId),
					div : document.getElementById(params.dom.divWrapGenBrowId)
				},
				scal : {
					rad : document.getElementById(params.dom.radGenScalId),
					lbl : document.getElementById(params.dom.lblGenScalId),
					div : document.getElementById(params.dom.divWrapGenScalId)
				}
			};
			
			// CSS references
			style = {
				disWrapClassName : params.css.disWrapGenClassName,
				defWrapClassName : params.css.defWrapGenClassName,
				selWrapClassName : params.css.selWrapGenClassName,
				disClassName : params.css.disGenClassName,
				enaClassName : params.css.enaGenClassName,
				selClassName : params.css.selGenClassName
			};
		}
		
		function initControlGroup(controlGroup, handlers, key) {
			controlGroup.rad.onclick =
			controlGroup.lbl.onclick =
			controlGroup.div.onclick = function () {
				handlers[that.hKey.click](key);
			};
			controlGroup.rad.onmouseover =
			controlGroup.lbl.onmouseover =
			controlGroup.div.onmouseover = function () {
				handlers[that.hKey.over](key);
			};
			controlGroup.rad.onmouseout =
			controlGroup.lbl.onmouseout =
			controlGroup.div.onmouseout = function () {
				handlers[that.hKey.out](key);
			};
		}
		
		
		function enableControlGroup(controlGroup, checked) {
			// check radio
			controlGroup.rad.checked = checked;
			// enable radio
			controlGroup.rad.disabled = false;
		}
		
		function disableControlGroup(controlGroup) {
			// uncheck radio
			controlGroup.rad.checked = false;
			// disable radio
			controlGroup.rad.disabled = true;
		}
		
		
		function disControlGroup(controlGroup) {
			// style-dis radio
			controlGroup.rad.className = style.disClassName;
			// style-dis label
			controlGroup.lbl.className = style.disClassName;
			// style-dis wrapper
			controlGroup.div.className = style.disWrapClassName;
		}
		
		function selControlGroup(controlGroup) {
			// style-sel radio
			controlGroup.rad.className = style.selClassName;
			// style-sel label
			controlGroup.lbl.className = style.selClassName;
			// style-sel wrapper
			controlGroup.div.className = style.selWrapClassName;
		}
		
		function defControlGroup(controlGroup) {
			// style-def radio
			controlGroup.rad.className = style.defClassName;
			// style-def label
			controlGroup.lbl.className = style.defClassName;
			// style-def wrapper
			controlGroup.div.className = style.defWrapClassName;
		}
		
		
		// DOM references
		var control;
		
		// CSS references
		var style;
		
		var disabled,
			selection;
		
		var that = this;
		
	};
	
}();