/**
 *	Utility functions	
 *	--------------------------
 *	Lost Boys - www.lostboys.nl
 */

// IE Anti-background flicker
/*@cc_on
try { document.execCommand('BackgroundImageCache', false, true); } catch (e) {}
@*/


function getElementsByAttributeValue(attribute, value, root) {
	var output = new Array;
	var attributeName = (document.all && attribute.toLowerCase() == "class") ? "className" : attribute;
	var rootElement = root ? root : document;
	var els = (rootElement.all ? rootElement.all : rootElement.getElementsByTagName("*"));
	
	var attributeReg = new RegExp('(^|\\s)'+value+'($|\\s)');
	var attributeValue;

	// IE8 doesn't recognize getAttribute("className"). The className property works on all browsers.
	if (attribute.toLowerCase() == "class")
		for(var i = els.length-1; i >= 0; i--) {
			attributeValue = els[i].className;
			if(attributeValue  && (!value || attributeReg.test(attributeValue))) output[output.length] = els[i];	
		}
	else
		for(var i = els.length-1; i >= 0; i--) {
			attributeValue = els[i].getAttribute(attributeName);
			if(attributeValue  && (!value || attributeReg.test(attributeValue))) output[output.length] = els[i];	
		}
	return output.reverse();
}


var ClassName = {
	add:function(node, name) {
		if(!this.contains(node, name))
			node.className += node.className? (' ' + name) : name;
	},

	remove:function(node, name) {
		if(node.className)
			node.className = node.className.replace(new RegExp('(^|\\s)'+name+'(\\s|$)','g'), ' ');
	},

	contains:function(node, name) {
		return new RegExp('(^|\\s)'+name+'(\\s|$)').test(node.className);
	},

	swap:function(node, old, name) {
		node.className = this.contains(node, old)?
			node.className.replace(new RegExp('(^|\\s)'+old+'(\\s|$)','g'), '$1'+name+'$2') : 
			node.className.replace(new RegExp('(^|\\s)'+name+'(\\s|$)','g'), '$1'+old+'$2');
	},

	toggle:function(node, name) {
		if(!this.contains(node, name)) {
			this.add(node, name);
		} else {
			this.remove(node, name);
		}
	}
}

var Class = {
	extend:function(Base, constructor, prototype) {
		var Extended = function() {
			Base.apply(this, arguments);
			constructor.apply(this, arguments);
		}

		this.implement(Extended, Base.prototype);
		if(prototype) this.implement(Extended, prototype);
		return Extended;
	},

	implement:function(Class, protoface) {
		for(var i in protoface) {
			Class.prototype[i] = protoface[i];
		}
	}
}

var LinkListener = {
	init:function() {
		this.relations = [];
		EventListener.addEvent(document, 'click', this.scope(this.handleClicks));
	},
	
	addRelation:function(rel, handler) {
		if(!this.relations) this.init(); //jit init

		// register link relation handler, as regular expression
		this.relations.push({type:rel, handler:handler});
	},

	handleClicks:function(e) {
		if(e.shiftKey || e.ctrlKey || e.altKey) return;

		var target = EventListener.getTarget(e, 'a');
		var rel = target? target.getAttribute('rel') : null;
		var handler = rel? this.searchHandler(rel) : null;
		if(handler && handler(target, rel)) {
			// if handler returns true, cancel default event
			EventListener.cancelEvent(e);
		}
	},

	searchHandler:function(rel) {
		for(var relation,i=0; i<this.relations.length; i++) {
			relation = this.relations[i];
			if(relation.type.test(rel)) {
				return relation.handler;
			}
		}
	},
	
	scope:function(method) {
		var scope = this;
		return function() {
			return method.apply(scope, arguments);
		}
	}
}

/* default popup handler */

LinkListener.addRelation(/popup$/, function(link, rel){
	var popup = window.open(link.getAttribute('href'),'NuonPopup','width=475,height=570,resizable=0,scrollbars=0');
	if( !popup ) { return false; }
	if( popup.focus ) { popup.focus(); }
	return true;
});


/**
 *	FormElementHelper module
 * 
 *  Purpose: adds/removes helptext to inputs and textareas from title attributes
 *  Depends on: ClassName
 *	--------------------------
 */

var FormElementHelper = {

	init: function() {
		var inputs = document.getElementsByTagName("INPUT"), textareas = document.getElementsByTagName("TEXTAREA");	
		for(var i=0; i < inputs.length; i++) {
			if ((inputs[i].type == "text" || inputs[i].type == "password") && inputs[i].title != "") FormElementHelper.handleInputTitles(inputs[i]);
		}
		for(var i=0; i < textareas.length; i++) {
			if (textareas[i].title != "") FormElementHelper.handleTextareaTitles(textareas[i]);
		}
	},

	handleInputTitles: function(input) {
		if (!input.value || input.value == "") input.value = input.title;

		EventListener.addEvent(input, "focus", function() {
			if (this.value == this.title) this.value = "";
			ClassName.add(this, "focus");
		});

		EventListener.addEvent(input, "blur", function(e) {
			if (this.value == "") this.value = this.title;
			//ClassName.remove(this, "focus");
		});
	},

	handleTextareaTitles: function(textarea) {
		if (!textarea.value || textarea.value == "") textarea.innerHTML = textarea.title;

		EventListener.addEvent(textarea, "focus", function() {			
			if (this.innerHTML == this.title) {this.innerHTML = ""; this.value = ""}
			ClassName.add(this, "focus");
		});

		EventListener.addEvent(textarea, "blur", function(e) {
			if (this.value == "" || this.value == null) {
				this.innerHTML = this.value = this.title;
				//ClassName.remove(this, "focus");
			}
		});
	}	
}

EventListener.addEvent(window, "load", FormElementHelper.init);

function compareForms(){
	var hasCompareForms = false;
	for(var form,i=0;i<document.forms.length;i++){
		form = document.forms[i];
		if(ClassName.contains(form, "form-compare")){
			hasCompareForms = true;
			EventListener.addEvent(form, 'submit', this.scope(this.handleSubmit))
		}
	}
	if(hasCompareForms) {
		this.dialog = new FormDialog("dialog-compare");
	}
}

compareForms.prototype = {
	handleSubmit:function(e){
		var form = EventListener.getTarget(e, "form");
		if(!this.validate(form)){
			this.dialog.toggle(true);		
			EventListener.cancelEvent(e);
		}
	},

	validate:function(form){
		// minimal two and maximal three checkboxes should be selected
		for (var input,checked=0,i=0;i<form.elements.length;i++){
			input = form.elements[i];
			if(input.type == "checkbox" && input.checked == true) checked++;
		}
		if(checked >= 2 && checked <=3) return true;
		return false;
	},

	scope:function(method) {
		var scope = this;
		return function() {
			return method.apply(scope, arguments);
		}
	}
}

EventListener.addEvent(window, "load", function(e){
	new compareForms();
});

var selectAll = {
	init:function() {
		for (var i=0; i<document.forms.length; i++) {
			var selects = document.forms[i].elements['select-all-products'];
			if (selects) {
				var f = document.forms[i];
				f.masters = new Array();
				for (var s=0; s<selects.length; s++) {
					EventListener.addEvent(selects[s], "click", this.toggleAll, this);
					f.masters[f.masters.length] = selects[s];
				}

				var inputs = document.forms[i].getElementsByTagName("ul")[0].getElementsByTagName("input");
				f.slaves = new Array();
				for (var s=0; s<inputs.length; s++) {
					if (inputs[s].type == "checkbox") {
						EventListener.addEvent(inputs[s], "click", this.toggleMasters, this);
						f.slaves[f.slaves.length] = inputs[s];
					}
				}
			}
		}
	},
	toggleAll:function(e) {// All on or all off
		var target = EventListener.getTarget(e, "input");

		var targetValue = target.checked;
		var f = target.form;

		for (var m in f.masters) {
			f.masters[m].checked = targetValue;
			if (f.masters[m].DC) f.masters[m].DC.updateGUI();
		}
		for (var s in f.slaves) {
			f.slaves[s].checked = targetValue;
			if (f.slaves[s].DC) f.slaves[s].DC.updateGUI();
		}
	},
	toggleMasters:function(e) {// If all slaves on masters on, if one slave off masters off
		var target = EventListener.getTarget(e, "input");
		var f = target.form;

		for (var s in f.slaves) {
			if (f.slaves[s].checked == false) {
				for (var m in f.masters) {
					f.masters[m].checked = false;
					if (f.masters[m].DC) f.masters[m].DC.updateGUI();
				}
				return;
			}
		}
		for (var m in f.masters) {
			f.masters[m].checked = true;
			if (f.masters[m].DC) f.masters[m].DC.updateGUI();
		}
	}
} 

EventListener.addEvent(window, "load", function(e){
	selectAll.init();
});


/**
 *	Kosten calculator
 *	--------------------------
 */

function CostCalculator(container) {
	this.container = container;
	this.form = container.getElementsByTagName("form")[0];
	var self = this;
	this.form.onsubmit = function(e) {
		return self.submit(e);
	}
}

CostCalculator.prototype = {
	submit:function(e) {
		var post = 'xml=true';
		var selects = this.container.getElementsByTagName("select");
		for (var i=0; i<selects.length; i++) {
			post += '&' + selects[i].name + '=' + selects[i].value;
		}
		
		var self = this;
		XMLHttp.sendAndLoad(post, this.form.action, function(xml){
			self.displayValues(xml);	
		});

		return false;
	},

	displayValues:function(xml) {
		var electricity = xml.getElementsByTagName("usage-electricity")[0].firstChild.nodeValue;
		var gas = xml.getElementsByTagName("usage-gas")[0].firstChild.nodeValue;
		document.getElementById("usage-electricity").value = electricity;
		document.getElementById("usage-gas").value = gas;
	}
}

EventListener.addEvent(window, 'load', function(){
	var calc = document.getElementById("costcalculator");
	if(calc) {
		new CostCalculator(calc);
	}
});

/**
 *	Utils
 *	--------------------------
 */

var Utils = {
	getParentByNodeName:function(startNode, parentType) {
		var node = startNode.parentNode;
		var nodeReg = new RegExp('^'+parentType+'$', 'i');
		while(node) {
			if(nodeReg.test(node.nodeName)) return node;
			node = node.parentNode;
		}	return null;
	},

	calculateLeft:function(node, target) {
		var left = 0;
		while(node && (!target || node != target)) {
			left += node.offsetLeft;
			node = node.offsetParent;
		}	return left;
	},

	calculateTop:function(node, target) {
		var top = 0;
		while(node && (!target || node != target)) {
			top += node.offsetTop;
			node = node.offsetParent;
		}	return top;
	},

	setCookie:function(name, value, expires) {
		var date = new Date();
		date.setTime(date.getTime() + (this.expires*24*3600*1000));
		document.cookie = name + "=" + escape(value) + (expires? "; expires=" + date : "");
	},

	getCookie:function(name) {
		try {
			var reg = new RegExp(name + '=([^;$]+)','i');
			return reg.exec(document.cookie)[1];
		} catch (e) {
			return null;
		}
	},

	setSelectValue:function(select, value) {
		var options = select.options;
		for (var i=0; i<options.length; i++) {
			if(options[i].value == value) {
				select.selectedIndex = i;
				try {
					select.DC.updateGUI();
				} catch (e) {}
				break;
			}
		}
	}
}


var w = null;
function log(m){
	if(!w) w = window.open();
	w.document.write(m+'<br />');
}

/**
 *	onDOMContentLoaded
 *	-------------------------
 */

var DOMContent = {
	init:function() {
		this.handlers = [];
		var onload = function() { DOMContent.onload(); }
		try { 
			window.addEventListener('load', onload, false);
			document.addEventListener('DOMContentLoaded', onload, false);
		} catch(e) {
			window.attachEvent('onload', onload);
			/*@cc_on @*/
			/*@if (@_win32)
				document.write('<script id="_ie_onload" defer src="javascript:void(0);"><\/script>');
				var script = document.getElementById('_ie_onload');
				script.onreadystatechange = function() {
					if(this.readyState == "complete") onload();
				};
			/*@end @*/
		}

		if(/webkit/i.test(navigator.userAgent)) {
			this.timer = setInterval(function() {
				if(/loaded|complete/.test(document.readyState)) onload();
			}, 10);
		}
	},

	onload:function() {
		clearInterval(this.timer);
		if(!document.getElementsByTagName("body")[0]) return; // should never happen
		for(var handler,i=0; i<this.handlers.length; i++) {
			try { 
				handler = this.handlers[i];
				if(!handler.executed) {
					handler.executed = true;
					handler();
				}
			} catch (e){
				handler.executed = false;
			}
		}
	},

	addListener:function(handler) {
		if(!this.handlers) this.init(); //jit
		this.handlers[this.handlers.length] = handler;
	}
}

/* Disable checkbox */
function disableTownWarmth(){
	var gas = document.getElementById("year-usage-gas");
	var twn = document.getElementById("year-usage-town-warmth");
	
	if(gas.checked) twn.disabled = true;
	else twn.disabled = false;
	
	twn.DC.setDisabledState(twn, twn.DC.GUI);
	
}
/* Disable checkbox */
function disableGas(){
	var gas = document.getElementById("year-usage-gas");
	var twn = document.getElementById("year-usage-town-warmth");
	
	if(twn.checked) gas.disabled = true;
	else gas.disabled = false;
	
	gas.DC.setDisabledState(gas, gas.DC.GUI);
	
}

/*
 * Enable/disable a submit button based on corresponding input field
 * If the input field has the same value as its label or empty then the submit button is disabled 
 * 
 * Parameters:
 * submitInput = id of submit button
 * searchInput = id of input field to be analysed
 *
 * Please Note: usage of this function is a little tricky. DesignControls.js replaces the original submit button 
 * so that (while an initial call works fine) subsequent calls to this function with the original element id will not work.
 * For a working example please consult includes/navigation-meta.jsp
 *
 * Author: kosterm
 */
function checkInputGlobal(submitinput, searchinput) {		
	submit = document.getElementById(submitinput);
	search = document.getElementById(searchinput);
	if (search.value == null || search.value == "" || search.value == search.label) {
		submit.setAttribute("disabled", "true");
	} else {
		submit.removeAttribute("disabled");
	}
	if (submit.DC) {
		submit.DC.reset();
	}
}