/**********************************************************************/
/**********************************************************************/
/*********************** 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_loc = window.top.location.href.substring(0, 5).indexOf('https') != -1 ? 'https' : 'http';

var elitechAise = function()
{
	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.directCall = false;        /* Wordt gebruikt om te zorgen dat de vraag niet getoond wordt in aise responsediv indien sendQuestionDirect*/
	this.pagepushiframe = false;       /* De pagepush uitvoeren naar een achtergrond frame (in geval van demo|testen) */
	this.ask_custom_welcome = 'ja';    /* NIET VERANDEREN!! */
	this.page_to_be_pushed = 'nee';

	this.lastReceived_uid = "";
	this.lastReceived_antwoord = "";
	this.lastReceived_recnr = "";
	this.lastReceived_html = "";
	this.lastReceived_category = "";
	this.lastReceived_faqstart = "";
	this.lastQuestion = "";
	this.testing = false;
	this.feedbacktestfase = false;

	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('status1div');
		top.window.name = "AISE -!-" + aise.style.top + ";" + aise.style.left + ";" + me.state + ";" + me.ask_custom_welcome + ";" + me.page_to_be_pushed + ";" + 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('status1div');
		var wname = top.window.name.split("-!-");
		if (wname[1])
		{
			var storage = wname[1].split(";");

			aise.style.top = storage[0];
			aise.style.left = storage[1];
			this.state = storage[2];
			this.ask_custom_welcome = storage[3];
			this.page_to_be_pushed = storage[4];
			this.lastQuestion = this.convertFrom(storage[5]);
			this.lastReceived_antwoord = this.convertFrom(storage[6]);
			//this.Unanswered            = this.convertFrom(storage[7]);

			//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('aiseResponseDiv').innerHTML = this.lastReceived_antwoord;
		}
		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('status1div').style.display = 'block';
			document.getElementById('status2div').style.display = 'none';
			document.getElementById('et_status3div').style.display = 'none';
			if (this.useIframeIEfix)
			{
				document.getElementById('status1frame').style.display = 'block';
				document.getElementById('status2frame').style.display = 'none';
				document.getElementById('status3frame').style.display = 'none';
			}
		}
		if (this.state == 2)
		{
			//document.getElementById('headerImageA').style.display='inline';
			//document.getElementById('headerImageB').style.display='inline';
			document.getElementById('status1div').style.display = 'block';
			document.getElementById('status2div').style.display = 'block';
			document.getElementById('et_status3div').style.display = 'none';
			if (this.useIframeIEfix)
			{
				document.getElementById('status1frame').style.display = 'block';
				document.getElementById('status2frame').style.display = 'block';
				document.getElementById('status3frame').style.display = 'none';
			}
			if (document.getElementById('et_aiseResponseDiv').innerHTML == '')
			{
				//this.sendQuestionInit();	// uitgezet vanwege forse load
				return;
			}
			document.getElementById('et_question').focus();
		}
		if (this.state == 3)
		{
			//document.getElementById('headerImageA').style.display='inline';
			//document.getElementById('headerImageB').style.display='inline';
			document.getElementById('status1div').style.display = 'block';
			document.getElementById('status2div').style.display = 'block';
			document.getElementById('et_status3div').style.display = 'block';
			if (this.useIframeIEfix)
			{
				document.getElementById('status1frame').style.display = 'block';
				document.getElementById('status2frame').style.display = 'block';
				document.getElementById('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);
		//window.setTimeout("parseFrame3()",500);

		var BROWSER_IS_IE = document.all && window.ActiveXObject && navigator.userAgent.toLowerCase().indexOf("msie") > -1 && navigator.userAgent.toLowerCase().indexOf("opera") == -1;
		if (!isGeldigeIE()) { this.useIframeIEfix = false; }
		if (this.useIframeIEfix)
		{
			var status1div = document.getElementById('status1div');
			document.write("<iframe name='status1frame' id='status1frame' frameborder='0' style='moz-opacity:.5;filter:alpha(opacity=0);display:none;z-index:900;position:absolute;' width='" + status1div.style.width + "' height='" + status1div.style.height + "'></iframe>");
			var status2div = document.getElementById('status2div');
			document.write("<iframe name='status2frame' id='status2frame' frameborder='0' style='moz-opacity:.5;filter:alpha(opacity=0);display:none;z-index:900;position:absolute;' width='" + status2div.style.width + "' height='" + status2div.style.height + "'></iframe>");
			//var et_status3div = document.getElementById('et_status3div');
			//document.write("<iframe name='status3frame' id='status3frame' frameborder='0' style='moz-opacity:.5;filter:alpha(opacity=0);display:none;z-index:900;position:absolute;' width='" + et_status3div.style.width + "' height='" + et_status3div.style.height + "'></iframe>");
		}
		window.onload = this.positionAiseOnLoadHandler;  // Na het laden aise initialiseren
		window.onbeforeunload = 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(); }
		}
		//this.sendQuestionInit();
	}
	this.setDefaultVragen = function()
	{
		var faqDiv = document.getElementById('et_faq');
		faqDiv.innerHTML = "";
		for (var loop = 0; loop < this.defaultvraag.length; loop++)
		{
			faqDiv.innerHTML = faqDiv.innerHTML + "<a href='#' onMouseOver='javascript:swap(&#34;pijl" + loop + "&#34;,&#34;pijlon&#34;);' onMouseOut='javascript:swap(&#34;pijl" + loop + "&#34;,&#34;pijloff&#34;);' onClick=\"" + this.instanceName + ".vraagHandigeVraag('" + this.defaultvraag[loop] + "')\"><img name='pijl" + loop + "' style='cursor:pointer;' src='" + basicurl + "/img/pijltje_off.gif' border='0' />" + this.defaultvraag[loop] + '</a><br />'
		}
	}
	this.vraagHandigeVraag = function(vraag)
	{
		document.getElementById('et_question').value = vraag;
		this.sendQuestion();
	}
	this.verwerkHandigeVragen = function(hvragen)
	{
		var faqDiv = document.getElementById('et_faq');
		faqDiv.innerHTML = "";
		for (var loop = 0; loop < hvragen.length; loop++)
		{
			faqDiv.innerHTML = faqDiv.innerHTML + "<a href='#' onMouseOver='javascript:swap(&#34;pijl" + loop + "&#34;,&#34;pijlon&#34;);' onMouseOut='javascript:swap(&#34;pijl" + loop + "&#34;,&#34;pijloff&#34;);' onClick=\"" + this.instanceName + ".vraagHandigeVraag('" + hvragen[loop] + "')\"><img name='pijl" + loop + "' style='cursor:pointer;' src='" + basicurl + "/img/pijltje_off.gif' border='0' />" + hvragen[loop] + '</a><br />'
		}
		if (hvragen.length == 0)
		{
			for (var loop = 0; loop < this.defaultvraag.length; loop++)
			{
				faqDiv.innerHTML = faqDiv.innerHTML + "<a href='#' onMouseOver='javascript:swap(&#34;pijl" + loop + "&#34;,&#34;pijlon&#34;);' onMouseOut='javascript:swap(&#34;pijl" + loop + "&#34;,&#34;pijloff&#34;);' onClick=\"" + this.instanceName + ".vraagHandigeVraag('" + this.defaultvraag[loop] + "')\"><img name='pijl" + loop + "' style='cursor:pointer;' src='" + basicurl + "/img/pijltje_off.gif' border='0' />" + this.defaultvraag[loop] + '</a><br />'
			}
		}
	}
	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 + '&cat=' + this.lastReceived_category + '&faqstart=' + this.lastReceived_faqstart + '&vraag=' + escape(vraag);
		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()
	{
		this.ask_custom_welcome = 'nee';
        this.directCall = false;
		document.getElementById('et_aiseResponseDiv').innerHTML = this.loadingHTML;
		custom_welcome_ask = false;
		this.getDataFromServer("ScriptTagID", this.proxyServer, RemoveXSS(document.getElementById('et_question').value));
	}
	this.sendQuestionDirect = function(vraag)
	{
        this.directCall = true;
        document.getElementById('et_aiseResponseDiv').innerHTML = this.loadingHTML;
        this.getDataFromServer("ScriptTagID", this.proxyServer, RemoveXSS(vraag));
    }
	this.sendQuestionInit = function()
	{
		document.getElementById('et_aiseResponseDiv').innerHTML = this.loadingHTML;
		custom_welcome_ask = true;
		this.getDataFromServer("ScriptTagID", this.proxyServer, 'custom_welcome');
		//return;
	}
	this.putXMLhere = function()
	{
		if (typeof (uid) != "string")
		{
			// IE bug: bij abort van call is readystate toch goed maar content is niet valide/gevuld.
			return;
		}
		//this.Unanswered 		= 	"";
		this.lastReceived_uid = uid;
		this.lastReceived_antwoord = antwoord;
		this.lastReceived_recnr = recnr;
		this.lastReceived_html = html;
		this.lastReceived_category = category;
		this.lastReceived_faqstart = faqstart;
		this.lastQuestion = RemoveXSS(document.getElementById('et_question').value);

		if (this.toonvraag == true)
		{
			document.getElementById('et_aiseResponseDiv').innerHTML = "<strong>" + this.lastQuestion + "</strong><div id='ruimtegesteldevraag'>&nbsp;</div>" + antwoord;
		} else
		{
			document.getElementById('et_aiseResponseDiv').innerHTML = antwoord;
		}
		if (this.handigeVragen && !custom_welcome_ask)
		{
			this.verwerkHandigeVragen(hvragen);
		}
		if (html != "")
		{
			if (this.doPagePush)
			{
				if (this.pagepushiframe == true)
				{
					if (document.getElementById("frame"))
					{
						document.getElementById("frame").src = html;
					}
				} else
				{
					this.page_to_be_pushed = 'ja';
					window.top.location.href = html;
				}
			} else
			{
				document.getElementById('et_aiseResponseDiv').innerHTML += '<br /><a href=' + html + '>Klik hier</a> voor meer informatie'
			}
		}
		if (this.testing)
		{
			if (custom_welcome_ask == true)
			{
				this.state = 2;
			} else
			{
				this.state = 3;
			}
		}
		this.changeState();
		if (this.state > 1)
		{
			if (this.toonvraag == true)
			{
				document.getElementById('et_question').value = "";
				document.getElementById('et_question').focus();
			} else
			{
				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()
	{
		bedankt_teller = bedankt_teller + 1;
		var rsIframe = document.getElementById("RSIFrameOpmerking");
		var beoordeling = document.getElementsByName('et_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("et_invoerOpmerking").value; tmpopm = tmpopm.replace(/\'/g, "`"); tmpopm = tmpopm.replace(/\&/g, " en ");
		var tmptestfase = (me.feedbacktestfase == true) ? '1' : '0';
		var tmpscore = "";
		var tmpscore2 = "";
		if (this.beoordeling == 0) { tmpscore = 'Ja'; tmpscore2 = 2 };
		if (this.beoordeling == 1) { tmpscore = 'Nee'; tmpscore2 = 1 };
		var url = this.opmerkingUrl +
		   '?pro=' + this.projectID +
		   '&uid=' + tmpuid +
		   '&vraag=' + tmpque +
		   '&antwoord=' + tmpant +
		   '&rec=' + tmprec +
		   '&cat=' + tmpcat +
		   '&commentaar=' + tmpopm +
		   '&score=' + tmpscore2 +
		   '&testfase=' + tmptestfase;
		url = url.replace(/</g, "<_");

		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;
		}
		//document.getElementById('divInvoerOpmerking').style.display='none';

		//bedankt message 

		if (bedankt_teller > 1)
		{
			this.SendOpmerking2();
		}
		else
		{
			document.getElementById('et_bedankt').style.display = 'block';
			window.setTimeout("aise.SendOpmerking2()", 2000)
		}
	}
	this.SendOpmerking2 = function()
	{
		this.state = 2;
		this.changeState();
		document.getElementsByName('et_radio')[0].checked = false;
		document.getElementsByName('et_radio')[1].checked = false;
		document.getElementById('et_invoerOpmerking').value = "";
		document.getElementById('et_bedankt').style.display = 'none';
		document.getElementById('et_versturen').style.display = 'none';
		document.getElementById('et_versturen').style.visibility = 'hidden';
		document.getElementById('et_opmerking').style.display = 'none';
		document.getElementById('et_opmerking').style.visibility = 'hidden';
	}
	this.changeBeoordeling = function(newValue)
	{
		this.beoordeling = newValue;
		if (this.beoordeling == '0')
		{
			document.getElementById('et_opmerking').style.display = 'none';
			document.getElementById('et_opmerking').style.visibility = 'hidden';

			//document.getElementById('et_bginvoerf3').style.display='none';		
			this.SendOpmerking();
			//document.getElementById('divInvoerOpmerking').style.display='';
			//document.getElementById('invoerOpmerking').innerHTML = "Ik ben goed geholpen omdat, ";
		} else
		{
			document.getElementById('et_bginvoerf3').style.display = 'block';
			document.getElementById('et_opmerking').style.display = 'block';
			document.getElementById('et_opmerking').style.visibility = 'visible';
			document.getElementById('et_versturen').style.display = 'block';
			document.getElementById('et_versturen').style.visibility = 'visible';
			//document.getElementById('divInvoerOpmerking').style.display='';
			//if (this.beoordeling==1) {
			//	document.getElementById("et_invoerOpmerking").innerHTML = "Ik ben niet goed geholpen omdat, ";
			//}
		}
	}
}



/**********************************************************************/
/**********************************************************************/
/*********************** EINDE AISE LIBRARY ***************************/
/**********************************************************************/
/**********************************************************************/
//var custom_welcome_asked2 = false;
function AskCustomWelcome()
{
	//if (!custom_welcome_asked2) {
	if (aise.ask_custom_welcome == 'ja')
	{
		aise.sendQuestionInit();
	}
}
function findPosLeft(obj)
{
	var curleft = 0;
	if (obj.offsetParent)
	{
		curleft = obj.offsetLeft
		while (obj = obj.offsetParent)
		{
			curleft += obj.offsetLeft
		}
	}
	if (parent != self)
	{
		if (parent.document.getElementById('iframeKlantenService'))
		{
			obj = parent.document.getElementById('iframeKlantenService')
			if (obj.offsetParent)
			{
				curleft += obj.offsetLeft
				while (obj = obj.offsetParent)
				{
					curleft += obj.offsetLeft
				}
			}
		}
	}
	return curleft;
}
function findPosTop(obj)
{
	var curtop = 0;
	if (obj.offsetParent)
	{
		curtop = obj.offsetTop
		while (obj = obj.offsetParent)
		{
			curtop += obj.offsetTop
		}
	}
	if (parent != self)
	{
		if (parent.document.getElementById('iframeKlantenService'))
		{
			obj = parent.document.getElementById('iframeKlantenService')
			if (obj.offsetParent)
			{
				curtop += obj.offsetTop
				while (obj = obj.offsetParent)
				{
					curtop += obj.offsetTop
				}
			}
		}
	}
	return curtop;
}
function repositionAfterDrag()
{
	/* Positioneren van alle DIV's en IFRAMES relatief aan de div "status1div" */
	var MainDiv = document.getElementById('status1div');
	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('status2div');
	//status2div.style.left = MainPosLeft + "px";
	////status2div.style.top  = (MainPosTop*1)+MainHeight+1 + "px";
	//status2div.style.top  = "0px";

	//	var et_status3div        = document.getElementById('et_status3div');
	//	if (isIE()) {
	//		et_status3div.style.left = (document.getElementById('status2div').offsetLeft*1) - 201 + "px";
	//		et_status3div.style.top = (document.getElementById('status2div').offsetTop*1) - 23 + "px";    
	//	}else{
	//		et_status3div.style.left = (document.getElementById('status2div').offsetLeft*1) - 201 + "px";
	//		et_status3div.style.top = (document.getElementById('status2div').offsetTop*1) - 23 + "px";    
	//	}

	if (aise.useIframeIEfix)
	{
		document.getElementById('status1frame').style.top = MainDiv.style.top;
		document.getElementById('status1frame').style.left = MainDiv.style.left;
		document.getElementById('status2frame').style.top = status2div.style.top;
		document.getElementById('status2frame').style.left = status2div.style.left;
		//document.getElementById('status3frame').style.top	= et_status3div.style.top;
		//document.getElementById('status3frame').style.left	= et_status3div.style.left;
	}
	if (aise.state > 1)
	{
		document.getElementById('et_question').focus();
		document.getElementById('et_question').select();
	}
	AskCustomWelcome();
	if (aise.page_to_be_pushed == 'ja')
	{
		//	aise.state = 3;
		aise.page_to_be_pushed == 'nee';
		// 	window.setTimeout('aise.changeState()',1000);
	}
}

//function parseFrame3() 
//{
//	var frame3div;
//	if (document.getElementById('et_status3div')) 
//	{
//		frame3div = document.getElementById('et_status3div');
//	}
//	else
//	{
//		frame3div = document.createElement("div");
//	}
//	frame3div.setAttribute("id","et_status3div");
//	if (isIE()) {
//		frame3div.style.left = "0px"
//		//frame3div.style.left = (document.getElementById('status2div').offsetLeft*1) - 201 + "px";
//		frame3div.style.top = (document.getElementById('status2div').offsetTop*1) + "256px";    
//	}else{
//		frame3div.style.left = "0px"
//		//frame3div.style.left = (document.getElementById('status2div').offsetLeft*1) - 201 + "px";
//		frame3div.style.top = (document.getElementById('status2div').offsetTop*1) + "256px";    
//	}
//	frame3div.style.position = "absolute";
//	frame3div.style.zIndex = "999";
//	frame3div.style.width = "638px";
//	frame3div.style.height = "auto";
//	frame3div.style.display = "none";
//	frame3div.innerHTML = frame3;
//	if (!(document.getElementById('et_status3div')) && document.getElementById('kolom2')) 
//	{
//		document.getElementById('kolom2').appendChild(frame3div);
//	}
//}

/*********************************************************************
*********************************************************************
*********************************************************************
**********************************************************************/

var serverPath = et_loc + "://projecten.elitech.nl/";
var basicurl = serverPath + "wehkamp/js";
//var serverPath = et_loc + "://192.168.1.30/JS";
//var basicurl = serverPath + "";

pijlon = new Image(); pijlon.src = basicurl + "/img/pijltje_on.gif";
pijloff = new Image(); pijloff.src = basicurl + "/img/pijltje_off.gif";
//pijldownon = new Image();  pijldownon.src = basicurl + "/img/pijldown1_on.gif";
//pijldownoff = new Image(); pijldownoff.src = basicurl + "/img/pijldown1_off.gif";
//opslaanon = new Image();  opslaanon.src = basicurl + "/img/ok_on.gif";
//opslaanoff = new Image(); opslaanoff.src = basicurl + "/img/ok_off.gif";

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");
		}
	}
}

var aise = new elitechAise();
aise.projectID = "WEHYKJSCWR"; //15;   /* AISE projectID in de database*/
aise.instanceName = 'aise';     /* deze variabele niet veranderen */
aise.defaultFromtop = "0px";    /* startwaarde top van aise 100px */
aise.defaultFromLeft = "0px";    /*307 startwaarde left van aise 770px*/
aise.defaultvraag[0] = "Wanneer komt mijn bestelling?";
aise.defaultvraag[1] = "Hoe kan ik mijn bestelling annuleren?";
aise.defaultvraag[2] = "Betaal ik verzendkosten?";
aise.handigeVragen = false;  	  /* 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 + "/sannekolom2_v4.css.asp";
aise.opmerkingUrl = serverPath + "/receiveopmerkingen.aspx";
aise.loadingHTML = "..." 	     /* "&nbsp;&nbsp;&nbsp;&nbsp;<img src=" + et_loc + "://projecten.elitech.nl/wehkamp/JS/img/loading.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 = false;      /* Wel of niet weergeven van de beoordelingsdiv na het krijgen van een antwoord; als niet aan, dan dus geen et_status3div */
aise.feedbacktestfase = false;
aise.pagepushiframe = false;
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="status1div" class="status1DivStyle" style="display:block;position:relative;z-index:1000;top:0px;left:' + aise.defaultFromLeft + ';">';
aise.frame1 += '	<div id="et_bgimgsanne"><img src="' + basicurl + '/img/sannegroot2_v3.jpg" alt="Virtuele medewerker Sanne" title="Virtuele medewerker Sanne" border="0" /></div>';
aise.frame1 += '	<div id="et_imgsanne">';
aise.frame1 += '		<div id="et_tekstsanne"><img src="' + basicurl + '/img/textklantenservice_v3.jpg" alt="Klantenservice Ik ben Sanne en ik beantwoord graag je vragen. Stel hieronder kort en bondig je vraag." title="Klantenservice Ik ben Sanne en ik beantwoord graag je vragen. Stel hieronder kort en bondig je vraag." border="0" /></div>';
aise.frame1 += '		<div id="et_tekstblok">';
aise.frame1 += '			<input type="text" id="et_question" name="et_question" size="22" value="" class="tekstinput" onKeyPress="return checkEnter(event)"/><a href="javascript:void(0);" onClick="javascript:aise.sendQuestion();return false;" title="Stel vraag"><img src="' + basicurl + '/img/button_stelvraag.gif" alt="Stel vraag" class="et_stelvraag" border="0" /></a>';
aise.frame1 += '			<div id="et_aiseResponseDiv"></div>';
aise.frame1 += '		</div>';
aise.frame1 += '	</div>';
aise.frame1 += '</div>';
//aise.frame1 += '	<div id="et_veelgestvr"><span class="et_titel"><img src="' + basicurl + '/img/veelgestvr.gif" alt="Veelgestelde vragen" title="Veelgestelde vragen" border="0" /></span>';
//aise.frame1 += '		<div id="et_faqouter"><div id="et_faq"></div></div>';
//aise.frame1 += '	</div>';

aise.frame2 += '<div id="status2div" class="status2DivStyle" style="border:0px;display:none;position:relative;z-index:1000;top:0px;left:0px;width:0px;height:0px;">';
aise.frame2 += '</div>'

aise.frame3 += '<div id="et_status3div" class="et_status3divStye" style="display:none;position:absolute;z-index:1000;top:250px;left:' + aise.defaultFromLeft + ';">';
aise.frame3 += '	<div id="et_testing">';
aise.frame3 += '		<div id="et_beoordeling">';
aise.frame3 += '			<span class="et_geholpen"><img src="' + basicurl + '/img/titelfeedback.gif" border="0" /></span>';
aise.frame3 += '			<div id="et_inputJaNee"><input type="radio" name="et_radio" id="et_radioJa" value="Ja" onClick="aise.changeBeoordeling(0)" /> ja';
aise.frame3 += '			<input type="radio" name="et_radio" id="et_radioNee" value="Nee" onClick="aise.changeBeoordeling(1)" /> nee</div>';
aise.frame3 += '			<div id="et_versturen" style="display:none;visibility:hidden;"><a href="#" onClick="aise.SendOpmerking();" title="Versturen"><img src="' + basicurl + '/img/verstuur.gif" border="0" /></a></div>';
aise.frame3 += '		</div>';
aise.frame3 += '		<div id="et_opmerking" style="display:none;visibility:hidden;">';
aise.frame3 += '			<div id="et_maxchar">(max aantal karakters <span id="et_char">0</span> / 125)</div>';
aise.frame3 += '			<div id="et_bginvoerf3"><textarea cols="10" rows="2" type="text" id="et_invoerOpmerking" name="et_invoerOpmerking" value="" onkeydown="javascript:CharTeller(document.getElementById(&#34;et_invoerOpmerking&#34;),document.getElementById(&#34;et_char&#34;),125);" onkeyup="javascript:CharTeller(document.getElementById(&#34;et_invoerOpmerking&#34;),document.getElementById(&#34;et_char&#34;),125);" />Omdat, </textarea></div>';
aise.frame3 += '		</div>';
aise.frame3 += '		<div id="et_bedankt" style="display:none;"><strong>Fijn, bedankt!</strong></div>';
aise.frame3 += '	</div>';
aise.frame3 += '</div>'

//var frame3 = "";
//frame3 += '<table id="tlbeoordelingsantw" cellpadding="0" cellspacing="0" border="0" width="200" height="212">';
//frame3 += '	<tr height="11"><td></td></tr>';
//frame3 += '	<tr height="12"><td><strong>Heeft Sanne u goed geholpen?</strong></td></tr>';
//frame3 += '	<tr height="10"><td></td></tr>';
//frame3 += '	<tr height="25"><td class="lijn"><input type="radio" name="beoordeling" id="beoordelingJa" value="Ja" onClick="aise.changeBeoordeling(0);aise.SendOpmerking();" />Ja</td></tr>';
//frame3 += '	<tr height="25"><td class="lijn"><input type="radio" name="beoordeling" id="beoordelingNee" value="Nee" onClick="aise.changeBeoordeling(1)" />Nee</td></tr>';
//frame3 += '	<tr height="129"><td class="lijn">';
//frame3 += '		<div id="divInvoerOpmerking" style="display:none;">';
//frame3 += '			<table border="0" cellpadding="0" cellspacing="0">';
//frame3 += '				<tr height="20" valign="middle"><td>Kunt u aangeven waarom niet?:</td></tr>';
//frame3 += '				<tr><td><div id="divInvoerOpmerkingTextArea"><textarea id="invoerOpmerking" name="invoer" cols="20" rows="4" value=""></textarea></div></td></tr>';
//frame3 += '				<tr>';
//frame3 += '					<td height="30" valign="middle">';
//frame3 += '						<a href="#" onMouseOver="javascript:swap(&#34;opslaan&#34;,&#34;opslaanon&#34;);" onMouseOut="javascript:swap(&#34;opslaan&#34;,&#34;opslaanoff&#34;);" onClick="aise.SendOpmerking();" title="Opslaan"><img name="opslaan" src="' + basicurl + '/img/ok_off.gif" border="0" /></a></td>';
//frame3 += '					</tr>';
//frame3 += '			</table>';
//frame3 += '		</div>';
//frame3 += '	<div id="div_bedankt" style="display:none;"><strong>Bedankt!</strong></div>';
//frame3 += '	</td></tr>';
//frame3 += '</table>';
////frame3 += '		<div id="et_testing" style="position:relative;z-index:0;top:0px;left:0px;">'; //top:336
////frame3 += '			<div id="et_beoordeling">';
////frame3 += '				<span class="et_geholpen"><img src="' + basicurl + '/img/titelfeedback.gif" border="0" /></span>';
////frame3 += '				<div id="et_inputJaNee"><input type="radio" name="et_radio" id="et_radioJa" value="Ja" onClick="aise.changeBeoordeling(0)" /> ja';
////frame3 += '				<input type="radio" name="et_radio" id="et_radioNee" value="Nee" onClick="aise.changeBeoordeling(1)" /> nee</div>';
////frame3 += '				<div id="et_versturen" style="display:none;visibility:hidden;"><a href="#" onClick="aise.SendOpmerking();" title="Versturen"><img src="' + basicurl + '/img/verstuur.gif" border="0" /></a></div>';
////frame3 += '			</div>';
////frame3 += '			<div id="et_opmerking" style="display:none;visibility:hidden;">';
////frame3 += '				<div id="et_maxchar">(max aantal karakters <span id="et_char">0</span> / 125)</div>';
////frame3 += '				<div id="et_bginvoerf3"><textarea cols="10" rows="2" type="text" id="et_invoerOpmerking" name="et_invoerOpmerking" value="" onkeydown="javascript:CharTeller(document.getElementById(&#34;et_invoerOpmerking&#34;),document.getElementById(&#34;et_char&#34;),125);" onkeyup="javascript:CharTeller(document.getElementById(&#34;et_invoerOpmerking&#34;),document.getElementById(&#34;et_char&#34;),125);" />Omdat, </textarea></div>';
////frame3 += '			</div>';
////frame3 += '			<div id="et_bedankt" style="display:none;"><strong>Bedankt!</strong></div>';
////frame3 += '		</div>';
//aise.frame3 += '</div>';

aise.parse(); /* Start aise */



/**********************************************************************/
/**********************************************************************/
/***************** functies alleen voor Sanne *************************/
/************** 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 doCatheringeOpm(waardering){ document.getElementById('divopm').style.display=""; }

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;
	}
	/*
	if (window.event) {
	key = window.event.keyCode;     //IE
	} else {
	key = e.which;     //firefox
	}	
	if (key == 13) {
	//aise.Unanswered = document.getElementById('question').value;
	//we kunnen de page refresh toch niet afvangen.
	//de aanroep van sendQ werkt immers niet.
	//dus: property vullen; meegeven in storeAllData en weer uitlezen in repositionFromStorage
	//indien property gevuld: vraag activeren (en weer leegmaken bij parse)
	}
	*/
}
function move_up()
{
	/* omhoog scrollen in de Faq div */
	document.getElementById('et_faq').scrollTop = document.getElementById('et_faq').scrollTop - 15;
}
function move_down()
{
	/* omlaag scrollen in de Faq div */
	document.getElementById('et_faq').scrollTop = document.getElementById('et_faq').scrollTop + 15;
}

function CharTeller(field, cntdiv, maxlimit)
{
	var tel = 0;
	if (field.value.length > maxlimit)
	{
		field.value = field.value.substring(0, maxlimit);
	} else
	{
		tel = field.value.length;
		cntdiv.innerHTML = tel;
		if (tel >= 0 && tel <= 118) { cntdiv.style.color = "#93ca7a"; }
		if (tel >= 119 && tel <= 120) { cntdiv.style.color = "#67b54b"; }
		if (tel >= 121 && tel <= 122) { cntdiv.style.color = "#45a528"; }
		if (tel >= 123 && tel <= 124) { cntdiv.style.color = "#390"; }
		if (tel == 125) { cntdiv.style.color = "#f00"; }
	}
}
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;
}