var insertedQuestion = top.window.name;

/*  
*/
/**********************************************************************/
/**********************************************************************/
/*********************** DRAG DROP LIBRARY ****************************/
/**********************************************************************/
/**********************************************************************/
var Dragger = "var eve=arguments.length?arguments[0]:event;" +
              "Drag.ox=eve.clientX-this.offsetLeft;" +
              "Drag.oy=eve.clientY-this.offsetTop;" +
              "this.fire=Drag.fire;this.fire();false;";
var Drag = {
	ox: 0, oy: 0,
	minx: null, maxx: null, miny: null, maxy: null,
	mode: 0,
	affine: null,
	initer: null,

	init: function(node, mode, minx, miny, maxx, maxy)
	{
		var retstr = "with(Drag) mode=" + mode + ",minx=" + minx + ",maxx=" + maxx
  			+ ",miny=" + miny + ",maxy=" + maxy + ";Drag.initer=1;" + Dragger;
		node.onmousedown = new Function("e", "return eval(\"" + retstr + "\")");
		return (Drag.initer = retstr);
	},
	add: function(node) { node.out = Drag.out; node.out(null); },
	fire: function()
	{
		var that = this;
		that.run = Drag.run;
		that.out = Drag.out;
		that.style.position = "absolute";
		that.onmousedown = null;
		that.onmouseup = function(e) { return that.out(e); };
		document.onmouseup = function(e) { return that.out(e); };
		document.onmousemove = function(e) { return that.run(e); };
		document.onmouseout = function(e)
		{
			var eve = e ? e : event;
			if (!eve.fromElement)
				eve.fromElement = eve.target, eve.toElement = eve.relatedTarget;
			if (!eve.toElement) that.out(e); return false;
		}; return false;
	},
	run: function(e)
	{
		repositionAfterDrag();
		var eve = e ? e : event;
		var nx = eve.clientX - Drag.ox;
		var ny = eve.clientY - Drag.oy;
		with (Drag)
		{
			if (minx) if (nx < minx) nx = minx;
			if (maxx) if (nx > maxx) nx = maxx;
			if (miny) if (ny < miny) ny = miny;
			if (maxy) if (ny > maxy) ny = maxy;
		} if (this.parentNode.style.position == "absolute")
		{
			nx = nx - this.parentNode.offsetLeft;
			ny = ny - this.parentNode.offsetTop;
		}
		if (Drag.mode < 2) this.style.left = nx + "px";
		if (!(Drag.mode % 2)) this.style.top = ny + "px";
		if (Drag.mode == 3 && Drag.affine)
			Drag.affine(this, nx, ny);
		repositionAfterDrag();
		return false;
	},

	out: function(e)
	{
		var invoker = null;
		document.onmousemove = null;
		document.onmouseup = null;
		document.onmouseout = null;
		this.onmouseup = null;
		with (Drag) { invoker = mode + "," + minx + "," + miny + "," + maxx + "," + maxy; }
		this.onmousedown = new Function("e", "return eval("
  			+ (Drag.initer ? "Drag.init(this," + invoker + ")" : "Dragger") + ")");
		with (Drag) { mode = 0, minx = null, maxx = null, miny = null, maxy = null; initer = null }
		return false;
	}
};


/**********************************************************************
**********************************************************************
*********************** START AISE LIBRARY ***************************
**********************************************************************
**********************************************************************/

//var globalStateForDragStorage = 1;

var et_history = [];
var elitechAise = function()
{
	this.klantcode = "EON";    /* Probeer hier een unieke afkorting te gebruiken voor een klant */
	this.subject = "MAIN";      /* Geef hier met een korte code aan voor welke taal deze AiSE is (bijv. NL, EN, ...) */
	this.state = 1;           /* default status */
	this.frame1 = "";          /* default waarde frame 1 */
	this.frame2 = "";          /* default waarde frame 2 */
	this.frame3 = "";          /* default waarde frame 3 */
	this.useIframeIEfix = false;       /* in IE liggen selectboxen en flash etc. altijd met de hoogste z-index. als deze optie op true wordt gezet, wordt achter de divs een iframe geplaatst. Dit iframe kan wel over deze controls heen worden gelegd. */
	this.loadingHTML = "... ..."    /* Tekst wordt getoond tijdens het laden */
	this.showDivSources = false;       /* voor debug/design true zetten */
	this.doPagePush = true;        /* aanzetten pagepush optie. Handig om uit te zetten tijdens ontwikkelfase */
	this.beoordeling = '0';            /* beoordeling goed is de defaultwaarde */
	this.handigeVragen = true;        /* maak gebruik van handige vragen */
	this.toonvraag = true;        /* De vraag herhalen in aise responsediv */
	this.pagepushiframe = false;       /* De pagepush uitvoeren naar een achtergrond frame (in geval van demo|testen) */
	this.testing = false;
	this.RecNr1 = 'leeg';
	this.RecNr2 = 'leeg';
	this.RecNr3 = 'leeg';
	this.DoorverwijzingContact = true;

	this.lastReceived_uid = "";
	this.lastReceived_antwoord = "";
	this.lastReceived_recnr = "";
	this.lastReceived_html = "";
	this.lastReceived_category = "";
	this.lastReceived_character = "";
	this.lastReceived_largeimg = "";
	this.lastQuestion = "";
	this._VraagUitQS = "";
	this.testing = false;
	this.feedbacktestfase = true;

	this.defaultvraag = new Array();
	this.callback = "me.putXMLhere();";
	this.oScript = "";
	var me = this;
	//	this.Unanswered			=	"";

	this.convertTo = function()
	{
		me.lastReceived_antwoord = me.lastReceived_antwoord.replace(/&#/gi, "SPECIAL_SIGN");
		me.lastReceived_antwoord = me.lastReceived_antwoord.replace(/;/gi, "PUNT_KOMMA");
		//		me.Unanswered = me.Unanswered.replace(/&#/gi, "SPECIAL_SIGN");
		// 	me.Unanswered = me.Unanswered.replace(/;/gi, "PUNT_KOMMA");
	}
	this.convertFrom = function(value)
	{
		value = value.replace(/SPECIAL_SIGN/gi, "&#");
		value = value.replace(/PUNT_KOMMA/gi, ";");
		return value;
	}
	this.storeAllData = function()
	{
		me.convertTo();
		var aise = document.getElementById('et_status1div');
		top.window.name = "AISE -!-" + me.klantcode + ";" + me.subject + ";" + me.lastReceived_uid + ";" + aise.style.top + ";" + aise.style.left + ";" + me.state + ";" + me.lastReceived_character + ";" + me.lastReceived_largeimg + ";" + me.lastQuestion + ";" + me.lastReceived_antwoord // + ";" + me.Unanswered;
	}
	this.repositionFromStorage = function()
	{
		/*
		Zet aise op de juiste top en left.
		Zet status van de aise (1, 2 of 3)
		Zet vraag en antwoord
		*/
		var aise = document.getElementById('et_status1div');
		var wname = top.window.name.split("-!-");

		if (wname[0] && wname[0] == "AISELINK " && wname[1])
		{
			document.getElementById("et_question").value = wname[1];
			this.sendQuestion();
		}
		else if (wname[1])
		{
			var storage = wname[1].split(";");
			if (storage[0] == this.klantcode && storage[1] == this.subject)
			{
				this.lastReceived_uid = storage[2];
				aise.style.top = storage[3]; //0
				aise.style.left = storage[4]; //1
				this.state = storage[5]; //2
				this.lastReceived_character = this.convertFrom(storage[6]);
				this.lastReceived_largeimg = this.convertFrom(storage[7]);
				this.lastQuestion = this.convertFrom(storage[8]);
				this.lastReceived_antwoord = this.convertFrom(storage[9]);
				//this.Unanswered            = this.convertFrom(storage[5]);

				//if (this.Unanswered != "") {
				//	document.getElementById('question').value = this.Unanswered;
				//	this.sendQuestion();
				//	return;
				//} else {
				document.getElementById('et_question').value = this.lastQuestion;
				document.getElementById('et_aiseResponseDiv').innerHTML = this.lastReceived_antwoord;
				//}
				//document.getElementById('et_aiseResponseDiv').innerHTML = this.lastReceived_antwoord;
			}
			if (storage[0] == this.klantcode && storage[1] == "HOME")
			{
				this.lastReceived_uid = storage[2];
				this._VraagUitQS = this.convertFrom(storage[8]);
			}
		}
		else
		{
			aise.style.top = this.defaultFromtop;
			aise.style.left = this.defaultFromLeft;
		}
		this.changeState();
		return true
	}
	this.changeState = function()
	{
		if (this.state == 1)
		{
			//document.getElementById('headerImageA').style.display='inline';
			//document.getElementById('headerImageB').style.display='none';
			document.getElementById('et_status1div').style.display = 'block';
			document.getElementById('et_status2div').style.display = 'none';
			document.getElementById('et_status3div').style.display = 'none';
			if (this.useIframeIEfix)
			{
				document.getElementById('et_status1frame').style.display = 'block';
				document.getElementById('et_status2frame').style.display = 'none';
				document.getElementById('et_status3frame').style.display = 'none';
			}
		}
		if (this.state == 2)
		{
			//document.getElementById('headerImageA').style.display='inline';
			//document.getElementById('headerImageB').style.display='inline';
			document.getElementById('et_status1div').style.display = 'block';
			document.getElementById('et_status2div').style.display = 'none';
			document.getElementById('et_status3div').style.display = 'none';
			if (this.useIframeIEfix)
			{
				document.getElementById('et_status1frame').style.display = 'block';
				document.getElementById('et_status2frame').style.display = 'none';
				document.getElementById('et_status3frame').style.display = 'none';
			}
			if (document.getElementById('et_aiseResponseDiv').innerHTML == '')
			{
				this.sendQuestionInit();
				return;
			}
			if (document.getElementById('et_divtext').style.display == "block" && document.getElementById('et_divtext').style.visibility == "visible")
			{
				document.getElementById('et_question').focus();
			}
		}
		if (this.state == 3)
		{
			//document.getElementById('headerImageA').style.display='inline';
			//document.getElementById('headerImageB').style.display='inline';
			document.getElementById('et_status1div').style.display = 'block';
			document.getElementById('et_status2div').style.display = 'block';
			document.getElementById('et_status3div').style.display = 'block'; // TONEN VOOR TEST_DIALOOG wordt dan display='';   verbergen =>  display='none';
			if (this.useIframeIEfix)
			{
				document.getElementById('et_status1frame').style.display = 'block';
				document.getElementById('et_status2frame').style.display = 'block';
				document.getElementById('et_status3frame').style.display = 'block';
			}
		}
	}
	this.changeStateFromTopDiv = function()
	{
		if ((this.state == 2) || (this.state == 3))
		{
			this.state = 1;
		} else
		{
			this.state = 2;
		}
		this.changeState();
	}
	this.parse = function()
	{
		document.write('<link rel="stylesheet" type="text/css" href="' + this.css + '">');
		if (this.showDivSources)
		{
			document.write('<textarea style="font-family: Verdana; font-size:11px;width:100%;height:33%;">' + this.frame1 + "</textarea>");
			document.write('<textarea style="font-family: Verdana; font-size:11px;width:100%;height:33%;">' + this.frame2 + "</textarea>");
			document.write('<textarea style="font-family: Verdana; font-size:11px;width:100%;height:33%;">' + this.frame3 + "</textarea>");
		}
		document.write(this.frame1);
		document.write(this.frame2);
		document.write(this.frame3);
		var BROWSER_IS_IE = document.all && window.ActiveXObject && navigator.userAgent.toLowerCase().indexOf("msie") > -1 && navigator.userAgent.toLowerCase().indexOf("opera") == -1;
		if (!BROWSER_IS_IE) { this.useIframeIEfix = false; }
		if (this.useIframeIEfix)
		{
			var status1div = document.getElementById('et_status1div');
			document.write("<iframe name='et_status1frame' id='et_status1frame' frameborder='0' style='display:none;z-index:900;position:absolute;background-color:#ff0000;' width='" + status1div.style.width + "' height='" + status1div.style.height + "'></iframe>");
			var status2div = document.getElementById('et_status2div');
			document.write("<iframe name='et_status2frame' id='et_status2frame' frameborder='0' style='display:none;z-index:900;position:absolute;background-color:#00ff00;' width='" + status2div.style.width + "' height='" + status2div.style.height + "'></iframe>");
			var status3div = document.getElementById('et_status3div');
			document.write("<iframe name='et_status3frame' id='et_status3frame' frameborder='0' style='display:none;z-index:900;position:absolute;background-color:#0000ff;' width='" + status3div.style.width + "' height='" + status3div.style.height + "'></iframe>");
		}
		window.onload = this.positionAiseOnLoadHandler;  /* Na het laden aise initialiseren*/
		window.onunload = this.storeAllData;              /* Opslaan positie, vraag en antwoord */
		//window.onresize = repositionAfterDrag;
	}
	this.positionAiseOnLoadHandler = function()
	{
		/* initialiseer AISE onload */
		if (me.repositionFromStorage())
		{
			//repositionAfterDrag();
			if (me.handigeVragen) { me.setDefaultVragen(); }
		}
		if (isIE6() || isIE5())
		{
			correctPNG();
		}
	}
	this.setDefaultVragen = function()
	{
		var faqDiv = document.getElementById('et_faq');
		var test = "";
		for (var loop = 0; loop < this.defaultvraag.length; loop++)
		{
			test = "<a href='#' onClick=\"" + this.instanceName + ".vraagHandigeVraag('" + this.defaultvraag[loop] + "')\"><img src='" + basicurl + "/img/pijl.gif' border='0' />" + this.defaultvraag[loop] + "</a><br />";
		}
		faqDiv.innerHTML = "" + test + "";
	}
	this.vraagHandigeVraag = function(vraag)
	{
		document.getElementById('et_question').value = vraag;
		this.sendQuestion();
	}
	this.verwerkHandigeVragen = function(hvragen)
	{
		var faqDiv = document.getElementById('et_faq');
		var test2 = "";
		for (var loop = 0; loop < hvragen.length; loop++)
		{
			test2 = test2 + "<a href='#' onClick=\"" + this.instanceName + ".vraagHandigeVraag('" + hvragen[loop] + "')\"><img src='" + basicurl + "/img/pijl.gif' border='0' />" + hvragen[loop] + "</a><br />";
		}
		if (hvragen.length == 0)
		{
			for (var loop = 0; loop < this.defaultvraag.length; loop++)
			{
				test2 = test2 + "<a href='#' onClick=\"" + this.instanceName + ".vraagHandigeVraag('" + this.defaultvraag[loop] + "')\"><img src='" + basicurl + "/img/pijl.gif' border='0' />" + this.defaultvraag[loop] + "</a><br />";
			}
		}
		faqDiv.innerHTML = "" + test2 + "";
	}
	this.getDataFromServer = function(id, url, vraag)
	{
		this.oScript = document.getElementById(id);
		var head = document.getElementsByTagName("head").item(0);
		if (this.oScript)
		{
			// Destory object
			head.removeChild(this.oScript);
		}
		// Create object 
		this.oScript = document.createElement("script");
		var callURL = url + '?projectCode=' + this.projectCode + '&projectID=' + this.projectID + '&uid=' + this.lastReceived_uid + '&vraag=' + escape(vraag);
		//alert("Laatst ontvangen UID: [" + this.lastReceived_uid + "]");
		this.oScript.setAttribute("src", callURL);

		head.appendChild(this.oScript);
		var antwoord = '';
		var BROWSER_IS_IE = document.all && window.ActiveXObject && navigator.userAgent.toLowerCase().indexOf("msie") > -1 && navigator.userAgent.toLowerCase().indexOf("opera") == -1;
		if (BROWSER_IS_IE)
		{
			if (this.oScript.readyState == "loaded")
			{
				eval(this.callback);
				this.oScript.onreadystatechange = null;
			} else
			{
				this.oScript.onreadystatechange = this.CheckAgain;
			}
		} else
		{
			//eval(this.callback); // <= zou moeten werken maar de waarden zijn dan toch nog niet geladen. timeout ingebouwd die iedere seconde opnieuw kijkt of het antwoord binnen is..
			aise.mozCheckAgain();
		}
	}
	this.mozCheckAgain = function()
	{
		var chk = typeof (antwoord);
		if (typeof (antwoord) == "string")
		{
			if (antwoord == "")
			{
				// Als antwoorden verwerkt zijn word deze variabele weer leeggemaakt t.b.v. deze controle.
				window.setTimeout("aise.mozCheckAgain()", 1000);
			} else
			{
				aise.putXMLhere()
			}
		} else
		{
			window.setTimeout("aise.mozCheckAgain()", 1000);
		}
	}
	this.CheckAgain = function()
	{
		if (me.oScript.readyState == "loaded")
		{
			eval(me.callback);
			me.oScript.onreadystatechange = null;
		}
	}
	var custom_welcome_ask = false;
	this.sendQuestion = function()
	{
		if (document.getElementById('et_question').value == "aise:debug")
		{
			alert(window.name);
		} else
		{
			document.getElementById('et_aiseResponseDiv').innerHTML = this.loadingHTML;
			me._VraagUitQS = "";
			custom_welcome_ask = false;
			this.getDataFromServer("ScriptTagID", this.proxyServer, RemoveXSS(document.getElementById('et_question').value));
		}
    }
    this.sendQuestionDirect = function(vraag) {
        document.getElementById('et_aiseResponseDiv').innerHTML = this.loadingHTML;
        custom_welcome_ask = false;
        this.getDataFromServer("ScriptTagID", this.proxyServer, RemoveXSS(vraag));
    }
	this.sendQuestionInit = function()
	{
		if (me._VraagUitQS != "")
		{
			this.getDataFromServer("ScriptTagID", this.proxyServer, RemoveXSS(me._VraagUitQS));
		}
		else
		{
			this.getDataFromServer("ScriptTagID", this.proxyServer, 'custom_welcome');
		}
		//        document.getElementById('et_aiseResponseDiv').innerHTML = this.loadingHTML;
		//        custom_welcome_ask = true;
		//        var x = window.location.href;
		//        if (x.indexOf("?") > -1) {
		//            var arrS = x.split("?");
		//            if (arrS[1] != "") {
		//                me._VraagUitQS = arrS[1];
		//                this.getDataFromServer("ScriptTagID", this.proxyServer, arrS[1]);
		//            }
		//            else {
		//                this.getDataFromServer("ScriptTagID", this.proxyServer, 'custom_welcome');
		//            }
		//        }
		//        else {
		//            this.getDataFromServer("ScriptTagID", this.proxyServer, 'custom_welcome');
		//        }
	}
	this.putXMLhere = function()
	{
		//this.Unanswered 		= 	"";
		this.lastReceived_uid = uid;
		this.lastReceived_antwoord = antwoord;
		this.lastReceived_recnr = recnr;
		this.lastReceived_html = html;
		this.lastReceived_category = category;
		this.lastReceived_character = et_character;

		//character aanpassingen
		//   LET OP: background-image in stylesheet uitzetten want moet in code
		if (typeof (et_character) == "string")
		{
			if (et_character == "")
			{
				document.getElementById('et_imagegroteellen').src = basicurl + '/img/start_v2.jpg';
			} else
			{
				document.getElementById('et_imagegroteellen').src = eval("char_" + et_character.toLowerCase() + ".src");
			}
		}

		var tmpinhoud = "";
		if (me._VraagUitQS != "")
		{
			this.lastQuestion = RemoveXSS(me._VraagUitQS);
			me._VraagUitQS = "";
		} else
		{
			this.lastQuestion = RemoveXSS(document.getElementById('et_question').value);
		}

		// et_history
		if (this.lastQuestion != "")
		{ // user stelt een vraag
			var d = new Date();
			var aantal_history = et_history.length;
			var sHistory = '';
			var sTime = ((d.getHours() + "").length == 1 ? "0" + d.getHours() : d.getHours()) + ":" + ((d.getMinutes() + "").length == 1 ? "0" + d.getMinutes() : d.getMinutes());
			et_history[et_history.length] = [this.lastQuestion, sTime, this.lastReceived_antwoord];
			for (var i = 0; i < aantal_history; i++)
			{
				sHistory = '<img src="' + basicurl + '/img/pijl.gif" border="0" />&nbsp;<strong>' + et_history[i][0] + '</strong><br /> ' + et_history[i][2] + '<br /><br />' + sHistory;
			}
			//<span class="date">' + et_history[i][1] + ' : </span>  sHistory = '<ul class="historie">' + sHistory + '</ul>';
			if (document.getElementById('et_eerdergestvragen'))
			{
				document.getElementById('et_eerdergestvragen').innerHTML = sHistory;
			}
		}

		// BusinessRules
		if (this.RecNr1 == 'leeg')
		{ // nog geen vraag gesteld
			this.RecNr1 = recnr;
		} else if (this.RecNr2 == 'leeg')
		{ // pas 1 vraag gesteld
			this.RecNr2 = recnr;
		} else if (this.RecNr3 == 'leeg')
		{ // pas 2 vragen gesteld
			this.RecNr3 = recnr;
		} else
		{ //alles gevuld; dus meer dan 3 vragen gesteld
			this.RecNr1 = this.RecNr2;
			this.RecNr2 = this.RecNr3;
			this.RecNr3 = recnr;
		}
		if (this.DoorverwijzingContact)
		{
			if ((this.RecNr1 != 'leeg' && this.RecNr2 != 'leeg' && this.RecNr3 != 'leeg') && (this.RecNr1 == this.RecNr2 && this.RecNr2 == this.RecNr3))
			{ //afgelopen 3 vragen zijn gelijk.
				html = 'http://www.eon-benelux.com/eonwww/publishing.nsf/Content/ContactForm'; //Contactpagina
				this.lastReceived_html = html;
				antwoord = 'Wellicht kan &#233;&#233;n van mijn collega&rsquo;s u verder helpen. <a href="http://www.eon-benelux.com/eonwww/publishing.nsf/Content/ContactForm" target="_blank">Neem contact op met Eon</a>.';
				this.lastReceived_antwoord = antwoord;
			}
		}

		if (this.toonvraag == true)
		{
			document.getElementById('et_aiseResponseDiv').innerHTML = "<strong>" + this.lastQuestion + "</strong><br /><div id='et_ruimtegesteldevraag'></div>" + antwoord;
		} else
		{
			document.getElementById('et_aiseResponseDiv').innerHTML = antwoord;
		}
		if (this.handigeVragen)
		{
			this.verwerkHandigeVragen(hvragen);
		}
		if (html != "")
		{
			if (this.doPagePush)
			{
				if (this.pagepushiframe == true)
				{
					if (document.getElementById("frame"))
					{
						document.getElementById("frame").src = html;
					}
				} else
				{
					document.location.href = html;
				}
			} else
			{
				document.getElementById('et_aiseResponseDiv').innerHTML += '<br /><br /><a href=' + html + '>Meer info</a>'
			}
		}
		if (this.testing) { this.state = 3; }
		this.changeState();
		if (this.state > 1)
		{
			if (this.toonvraag == true)
			{
				document.getElementById('et_question').value = "";
				if (document.getElementById('et_divtext').style.display == "block" && document.getElementById('et_divtext').style.visibility == "visible")
				{
					document.getElementById('et_question').focus();
				}
			} else
			{
				if (document.getElementById('et_divtext').style.display == "block" && document.getElementById('et_divtext').style.visibility == "visible")
				{
					document.getElementById('et_question').focus();
					document.getElementById('et_question').select();
				}
			}
		}
		antwoord = ""; // Leegmaken ivm firefox wait <- Deze controlleerd of antwoord gezet is.
	}
	var bedankt_teller = 0;
	this.SendOpmerking = function()
	{

		/* reset waarden */
		//document.getElementById('divInvoerOpmerking').style.display='none';

		//bedankt message 
		var checkboxJa = document.getElementById("beoordelingJa").checked;
		var checkboxNee = document.getElementById("beoordelingNee").checked;

		if ((!checkboxJa) && (!checkboxNee))
		{
			//melding tonen dat er ja of nee geklikt moet worden
			document.getElementById('div_warning').style.display = 'block';
		}
		else
		{
			var rsIframe = document.getElementById("RSIFrameOpmerking");
			var beoordeling = document.getElementsByName('beoordeling');

			var tmpuid = this.lastReceived_uid; tmpuid = tmpuid.replace(/\'/g, "`");
			var tmpant = this.lastReceived_antwoord; tmpant = tmpant.replace(/\'/g, "`"); tmpant = tmpant.replace(/\&\#/g, "|"); tmpant = tmpant.replace(/\&/g, " en ");
			var tmprec = this.lastReceived_recnr; tmprec = tmprec.replace(/\'/g, "`");
			var tmphtm = this.lastReceived_html; tmphtm = tmphtm.replace(/\'/g, "`");
			var tmpcat = this.lastReceived_category; tmpcat = tmpcat.replace(/\'/g, "`");
			var tmpque = this.lastQuestion; tmpque = tmpque.replace(/\'/g, "`"); tmpque = tmpque.replace(/\&\#/g, "|"); tmpque = tmpque.replace(/\&/g, " en ");
			var tmpopm = document.getElementById("invoerOpmerking").value; tmpopm = tmpopm.replace(/\'/g, "`"); tmpopm = tmpopm.replace(/\&/g, " en ");
			var tmpscore = "";
			if (this.beoordeling == 0) { tmpscore = 'Ja' };
			if (this.beoordeling == 1) { tmpscore = 'Nee' };

			//var url = this.opmerkingUrl + '?uid=' + tmpuid + '&vraag=' + tmpque + '&antwoord=' + tmpant + '&score=' + tmpscore + '&commentaar=' + tmpopm + '&pro=' + this.projectID;
			var url = this.opmerkingUrl +
			'?pro=' + this.projectID +
			'&uid=' + tmpuid +
			'&vraag=' + tmpque +
			'&antwoord=' + tmpant +
			'&rec=' + tmprec +
			'&cat=' + tmpcat +
			'&commentaar=' + tmpopm +
			'&score=' + this.beoordeling +
			'&testfase=' + this.feedbacktestfase;
			url = url.replace(/</g, "<_");
			url = encodeURI(url);

			if (rsIframe == null)
			{
				var iframe = document.createElement("iframe");
				iframe.setAttribute("src", url);
				iframe.setAttribute("id", "RSIFrameOpmerking");
				iframe.setAttribute("scrolling", "no");
				iframe.setAttribute("frameBorder", "5");
				iframe.setAttribute("width", "0");
				iframe.setAttribute("height", "0");
				document.body.appendChild(iframe);
			} else
			{
				rsIframe.src = url;
			}
			/* reset waarden */
			//document.getElementById('divInvoerOpmerking').style.display='none';		    


			if (bedankt_teller > 1)
			{
				this.SendOpmerking2();
			}
			else
			{
				bedankt_teller = 1;
				bedankt_teller = bedankt_teller + 1;
				document.getElementById('div_bedankt').style.display = 'block';
				document.getElementById('div_warning').style.display = 'none';
				window.setTimeout("aise.SendOpmerking2()", 2000)
			}
		}
	}
	this.SendOpmerking2 = function()
	{
		this.state = 2;
		this.changeState();
		document.getElementById("beoordelingJa").checked = false;
		document.getElementById("beoordelingNee").checked = false;
		document.getElementsByName('beoordeling')[0].checked = false;
		document.getElementsByName('beoordeling')[1].checked = false;
		document.getElementById('invoerOpmerking').value = "";
		document.getElementById('div_bedankt').style.display = 'none';
		document.getElementById('div_warning').style.display = 'none';
	}
	this.changeBeoordeling = function(newValue)
	{
		this.beoordeling = newValue;
		if (this.beoordeling == 0)
		{
			//document.getElementById('divInvoerOpmerking').style.display='';
			//document.getElementById('invoerOpmerking').innerHTML = "Ik ben goed geholpen omdat, ";
		} else
		{
			//document.getElementById('divInvoerOpmerking').style.display='';
			//if (this.beoordeling==1) {
			//	document.getElementById("invoerOpmerking").innerHTML = "Ik ben niet goed geholpen omdat, ";
			//}
		}
	}
}

/**********************************************************************/
/**********************************************************************/
/*********************** EINDE AISE LIBRARY ***************************/
/**********************************************************************/
/**********************************************************************/

function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
	var arVersion = navigator.appVersion.split("MSIE")
	var version = parseFloat(arVersion[1])
	if ((version >= 5.5) && (document.body.filters))
	{
		for (var i = 0; i < document.images.length; i++)
		{
			var img = document.images[i]
			var imgName = img.src.toUpperCase()
			if (imgName.substring(imgName.length - 3, imgName.length) == "PNG")
			{
				var imgID = (img.id) ? "id='" + img.id + "' " : ""
				var imgClass = (img.className) ? "class='" + img.className + "' " : ""
				var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
				var imgStyle = "display:inline-block;" + img.style.cssText
				if (img.align == "left") imgStyle = "float:left;" + imgStyle
				if (img.align == "right") imgStyle = "float:right;" + imgStyle
				if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
				var strNewHTML = "<span " + imgID + imgClass + imgTitle
            + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
            + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
            + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
				img.outerHTML = strNewHTML
				i = i - 1
			}
		}
	}
}

function repositionAfterDrag()
{
	/* Positioneren van alle DIV's en IFRAMES relatief aan de div "status1div" */
	var MainDiv = document.getElementById('et_status1div');
	if (true == true)
	{
		if (isIE7())
		{
			//alert(document.documentElement.clientWidth);
			MainDiv.style.left = ((document.body.clientWidth / 2) - 242) + "px";
			MainDiv.style.top = "138px";
		} else if (isIE())
		{
			MainDiv.style.left = ((document.body.clientWidth / 2) - 235) + "px";
			MainDiv.style.top = "141px";
		} else
		{
			MainDiv.style.left = ((document.body.clientWidth / 2) - 243) + "px";
			MainDiv.style.top = "138px";
		}
	}
	var MainPosLeft = MainDiv.style.left.replace('px', '');
	var MainPosTop = MainDiv.style.top.replace('px', '');
	var MainHeight = MainDiv.style.height.replace('px', '') * 1;
	var MainWidth = MainDiv.style.width.replace('px', '') * 1;

	var status2div = document.getElementById('et_status2div');
	status2div.style.left = MainPosLeft + "px";
	status2div.style.top = (MainPosTop * 1) + MainHeight + 1 + "px";

	var status3div = document.getElementById('et_status3div');
	status3div.style.left = (MainPosLeft - status3div.style.width.replace('px', '') * 1 + 319) + "px";
	status3div.style.top = (MainPosTop * 1) + MainHeight + "px";

	if (aise.useIframeIEfix)
	{
		document.getElementById('et_status1frame').style.top = MainDiv.style.top;
		document.getElementById('et_status1frame').style.left = MainDiv.style.left;
		document.getElementById('et_status2frame').style.top = status2div.style.top;
		document.getElementById('et_status2frame').style.left = status2div.style.left;
		document.getElementById('et_status3frame').style.top = status3div.style.top;
		document.getElementById('et_status3frame').style.left = status3div.style.left;
	}
	if (aise.state > 1)
	{
		if (document.getElementById('et_divtext').style.display == "block" && document.getElementById('et_divtext').style.visibility == "visible")
		{
			document.getElementById('et_question').focus();
			document.getElementById('et_question').select();
		}
	}
}

/*********************************************************************
*********************************************************************
*********************************************************************
**********************************************************************/
var serverPath = "http://projecten.elitech.nl";
var basicurl = serverPath + "/eon/js";

var aise = new elitechAise();
aise.projectID = "EONGUP;"; //44  /* encrypted projectname */
aise.instanceName = 'aise';     /* deze variabele niet veranderen */
aise.defaultFromtop = "0px";    /* startwaarde top van aise */
aise.defaultFromLeft = "0px";    /*307 startwaarde left van aise */
aise.defaultvraag[0] = "Wat is duurzaam opgewekt gas?";
aise.defaultvraag[1] = "Welke energietarieven zijn er?";
aise.defaultvraag[2] = "Welke producten heeft E.on?";
aise.handigeVragen = true;  	   /* Maak gebruik van handige vragen */
aise.state = 2;     	   /* initiële status op klein blokje. */
aise.doPagePush = true; 	   /* indien false verschijnt onder het antwoord een link naar de page push pagina */
aise.proxyServer = basicurl + "/proxy.asp";
aise.css = basicurl + "/ellen_klantenservice_v2.css";
aise.opmerkingUrl = serverPath + "/receiveopmerkingen.aspx";
aise.loadingHTML = "<img src='" + basicurl + "/img/ajax-loader.gif' border='0' />"
aise.showDivSources = false;      /* Debug only => laat content van de divs in textarea's zien. Handig tijdens opmaak van div's */
aise.useIframeIEfix = false;  	   /* aan uitzetten IE fix => wel of geen achterliggende iframes bij de divs. Div kan anders niet over selectboxen en flash heen liggen. */
aise.testing = true;      /* Wel of niet weergeven van de beoordelingsdiv na het krijgen van een antwoord; als niet aan, dan dus geen status3div */
aise.feedbacktestfase = true;
aise.pagepushiframe = true;
aise.toonvraag = true;
// !! in verband met de javascript code moeten de style-width/height/top/left voor de te repositioneren blokken in onderstaande code gezet worden en niet in de stylesheet.

aise.frame1 += '<div id="et_status1div" class="et_status1DivStyle" style="border:0px;display:none;position:relative;z-index:1000;">';
aise.frame1 += '	<div id="et_titel"><img src="' + basicurl + '/img/vraagtellen_v2.gif" border="0" alt="Vraag het Ellen" /></div>';
aise.frame1 += '	<div id="et_tekstvak">';

// stelvraag-frame
aise.frame1 += '		<div id="et_divtext" style="visibility:visible;display:block;"><div id="et_invoergedeelte"><div class="et_subtitel">Gebruik voor het beste resultaat een korte vraag</div><div id="et_info1"><img src="' + basicurl + '/img/info_v2.gif" border="0" onmouseover="javascript:et_ShowInfo();return false;" onmouseout="javascript:et_HideInfo();return false;" /></div><input type="et_text" id="et_question" name="et_question" size="40" value="" class="et_tekstinput" onKeyPress="return checkEnter(event)" /></div>';
aise.frame1 += '			<div id="et_buttonstelvraag"><a href="javascript:void(0);" title="Stel uw vraag aan Ellen" class="stelvraag" onClick="javascript:aise.sendQuestion();return false;"><span class="et_subtitel">Stel vraag</span><img src="' + basicurl + '/img/stelvraagpijl_v2.gif" border="0" alt="Stel uw vraag aan Ellen" /></a></div>';
aise.frame1 += '			<div id="et_bgcolor"><img src="' + basicurl + '/img/top_tkstvak_v2.gif" border="0" /></div>';
aise.frame1 += '			<div id="et_bgaisediv">';
aise.frame1 += '				<div id="et_aiseResponseDiv"></div>';
aise.frame1 += '			</div>';
aise.frame1 += '			<div id="et_tablinks"><a href="#" onClick="javascript:et_ShowHistory();return false;"><span class="et_subtitel">bekijk eerder gestelde vragen</span><img src="' + basicurl + '/img/stelvraagpijl_v2.gif" border="0" /></a></div>';
aise.frame1 += '		</div>';

// history-frame
aise.frame1 += '		<div id="et_divtexteerdergestvr" style="visibility:hidden;display:none;"><div id="et_invoergedeelte2"><div class="et_subtitel2">Eerder gestelde vragen</div><div id="et_info2"><img src="' + basicurl + '/img/info_v2.gif" border="0" onmouseover="javascript:et_ShowInfo();return false;" onmouseout="javascript:et_HideInfo();return false;" /></div></div>';
aise.frame1 += '			<div id="et_bgcolor2"><img src="' + basicurl + '/img/top_tkstvak_v2.gif" border="0" /></div>';
aise.frame1 += '			<div id="et_bgaisediv2">';
aise.frame1 += '				<div id="et_eerdergestvragen"></div>';
aise.frame1 += '			</div>';
aise.frame1 += '			<div id="et_tablinks2"><a href="#" onClick="javascript:et_HideHistory();return false;"><span class="et_subtitel">stel een vraag aan Ellen</span><img src="' + basicurl + '/img/stelvraagpijl_v2.gif" border="0" /></a></div>';
aise.frame1 += '		</div>';



aise.frame1 += '	</div>';
aise.frame1 += '	<div id="et_ellen"><img id="et_imagegroteellen" src="' + basicurl + '/img/start_v2.jpg" border="0" alt="Ellen" /></div>';
aise.frame1 += '	<div id="et_info">';
aise.frame1 += '		<div id="et_itop"><img src="' + basicurl + '/img/itop.png" border="0" /></div>';
aise.frame1 += '		<div id="et_imiddle"><div id="et_itekst">Ik ben Ellen, ik beantwoord vragen over producten en diensten van E.ON. Stel uw vraag a.u.b. als korte zin of met een kernwoord.</div></div>';
aise.frame1 += '		<div id="et_ibottom"><img src="' + basicurl + '/img/ibottom.png" border="0" /></div>';
aise.frame1 += '	</div>';

aise.frame1 += '	<div id="et_interessantvooru">';
aise.frame1 += '		<div id="et_titelint">Veelgestelde vragen</div>';
//aise.frame1 += '		<div id="et_eerdergestvrint"><img src="' + basicurl + '/img/eerdergesteldevragenint.gif" border="0" /></div>';
aise.frame1 += '		<div id="et_regel"><hr class="et_interessant" size="1" /></div>';
aise.frame1 += '		<div id="et_faq"></div>';
aise.frame1 += '	</div>';

aise.frame1 += '</div>';




aise.frame2 += '<div id="et_status2div" class="et_status2DivStyle" style="border:0px;display:none;position:relative;z-index:1000;top:0;left:0;width:0;height:0;">';
aise.frame2 += '</div>';

aise.frame3 += '<div id="et_status3div" style="position:absolute;z-index:1000;top:450px;left:0px;width:562px;height:170px;display:none;">'; //top:336
aise.frame3 += '	<div id="bg"><div class="geholpen">Bent u goed geholpen?</div></div>';
aise.frame3 += '	<div id="beoordeling">';
aise.frame3 += '		<input type="radio" name="beoordeling" id="beoordelingJa" value="Ja" onClick="aise.changeBeoordeling(0)" />Ja<br />';
aise.frame3 += '		<input type="radio" name="beoordeling" id="beoordelingNee" value="Nee" onClick="aise.changeBeoordeling(1)" />Nee<br /><br />';
aise.frame3 += '	</div>';
aise.frame3 += '	<div id="waarombg">';
aise.frame3 += '		<div class="waarom">Waarom:</div><div class="optioneel">(optioneel)</div><br />';
aise.frame3 += '			<div id="invoerfb"><textarea id="invoerOpmerking" name="invoer" cols="20" rows="4" value=""></textarea></div>';
aise.frame3 += '	</div>';
aise.frame3 += '	<div id="opslaan"><a href="javascript:void(0);" title="Opslaan" onClick="aise.SendOpmerking();"><span class="et_subtitel">Opslaan</span><img src="' + basicurl + '/img/stelvraagpijl_v2.gif" border="0" /></a></div>';
//<button class="button" onClick="aise.SendOpmerking();">Opslaan</button>
aise.frame3 += '	<div id="div_bedankt" style="display:none;"><strong>Bedankt voor uw deelname aan deze enqu&#234;te!</strong></div>';
aise.frame3 += '	<div id="div_warning" style="display:none;"><strong>Gelieve ja of nee te selecteren!</strong></div>';
aise.frame3 += '</div>';

aise.parse(); /* Start aise */



/**********************************************************************/
/**********************************************************************/
/************** zie ook aise.frame1/2/3 variabelen ********************/
/**********************************************************************/
function isIE50()
{
	return isIE5() && !isIE55();
}
function isFF()
{
	return navigator.userAgent.indexOf("Firefox") > -1;
}
function isFF15()
{
	return navigator.userAgent.indexOf("Firefox/1.5") > -1;
}
function isFF20()
{
	return navigator.userAgent.indexOf("Firefox/2.0") > -1;
}
function isIE55()
{
	return navigator.userAgent.indexOf("MSIE 5.5") > -1;
}
function isIE()
{
	return navigator.userAgent.indexOf("MSIE") > -1;
}
function isIE5()
{
	return navigator.userAgent.indexOf("MSIE 5") > -1;
}
function isIE6()
{
	return navigator.userAgent.indexOf("MSIE 6") > -1 && navigator.userAgent.indexOf("Opera") == -1;
}
function isIE7()
{
	return navigator.userAgent.indexOf("MSIE 7") > -1;
}
function isGeldigeIE()
{
	return isIE55() || isIE6() || isIE7();
}
function isSAFARI()
{
	return navigator.userAgent.indexOf("Safari") > -1;
}
function isWinXP()
{
	if (navigator.userAgent.indexOf('NT 5.1') > 0)
	{
		return true;
	}
	else
	{
		return false;
	}
}

function checkEnter(e)
{
	/*versturen van de vraag indien op enter toets wordt gedrukt*/
	var key;

	if (window.event)
	{
		key = window.event.keyCode; //IE
	} else
	{
		key = e.which;              //firefox
	}
	if (key == 13)
	{
		aise.sendQuestion();
		return false;
	}

}
function move_up()
{
	/* omhoog scrollen in de Faq div */
	document.getElementById('faq').scrollTop = document.getElementById('faq').scrollTop - 15;
}
function move_down()
{
	/* omlaag scrollen in de Faq div */
	document.getElementById('faq').scrollTop = document.getElementById('faq').scrollTop + 15;
}

imgpreload = new Image(); imgpreload.src = basicurl + "/img/ajax-loader.gif";
//verzendon = new Image();  verzendon.src = basicurl + "/img/verzenden_on.jpg";
//verzendoff = new Image(); verzendoff.src = basicurl + "/img/verzenden_off.jpg";
//inklapon = new Image();  inklapon.src = basicurl + "/img/inklap_on.jpg";
//inklapoff = new Image(); inklapoff.src = basicurl + "/img/inklap_off.jpg";
//uitklapon = new Image();  uitklapon.src = basicurl + "/img/uitklap_on.jpg";
//uitklapoff = new Image(); uitklapoff.src = basicurl + "/img/uitklap_off.jpg";
//heleen1 = new Image(); heleen1.src = basicurl + "/img/heleen_grootbottom.gif";
//heleen2 = new Image(); heleen2.src = basicurl + "/img/heleen_kleinbottom.jpg";

// character aanpassingen
char_start = new Image(); char_start.src = basicurl + "/img/start_v2.jpg";
char_neutraal = new Image(); char_neutraal.src = basicurl + "/img/start_v2.jpg"; // komt ongewild uit engine dus afvangen.
char_onzekerheid = new Image(); char_onzekerheid.src = basicurl + "/img/onzekerheid_v2.jpg";
char_zekerheid = new Image(); char_zekerheid.src = basicurl + "/img/zekerheid_v2.jpg";
char_nietwenselijk = new Image(); char_nietwenselijk.src = basicurl + "/img/nietwenselijk_v2.jpg";

function swap()
{
	if (document.images)
	{
		for (var x = 0; x < swap.arguments.length; x += 2)
		{
			document[swap.arguments[x]].src = eval(swap.arguments[x + 1] + ".src");
		}
	}
}

function et_ShowInfo()
{
	if (document.getElementById('et_info'))
	{
		document.getElementById('et_info').style.visibility = "visible";
		document.body.focus(); // om ervoor te zorgen dat de cursor niet door de infobox te zien is.
	}
}
function et_HideInfo()
{
	if (document.getElementById('et_info'))
	{
		document.getElementById('et_info').style.visibility = "hidden";
	}
}
function et_ShowHistory()
{
	document.getElementById('et_divtext').style.visibility = "hidden";
	document.getElementById('et_divtext').style.display = "none";
	document.getElementById('et_divtexteerdergestvr').style.display = "block";
	document.getElementById('et_divtexteerdergestvr').style.visibility = "visible";
	document.getElementById('et_info').style.left = "20px";
}
function et_HideHistory()
{
	document.getElementById('et_divtexteerdergestvr').style.visibility = "hidden";
	document.getElementById('et_divtexteerdergestvr').style.display = "none";
	document.getElementById('et_divtext').style.display = "block";
	document.getElementById('et_divtext').style.visibility = "visible";
	document.getElementById('et_info').style.left = "190px";
	document.getElementById('et_question').focus();
	document.getElementById('et_question').select();
}
function RemoveXSS(str)
{
	str = str.replace(/>/gi, " ").replace(/</gi, " ");          // '<' en '>'.
	str = str.replace(/%3e/gi, " ").replace(/%3c/gi, " ");      // url-encodering '<' en '>'.
	str = str.replace(/&#60;/gi, " ").replace(/&#62;/gi, " ");  // html-encodering '<' en '>'.
	str = str.replace(/javascript\:/gi, " ");                   // javascript-startstring.
	str = str.replace(/document\.\S/g, " ");                    // document-startstring.
	return str;
}
