/**********************************************************************/
/**********************************************************************/
/*********************** 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 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 = false;        /* 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.lastReceived_uid = "";
	this.lastReceived_antwoord = "";
	this.lastReceived_recnr = "";
	this.lastReceived_html = "";
	this.lastReceived_category = "";
	this.lastQuestion = "";
	this.testing = false;
	this.feedbacktestfase = false;
	this.testing = false;
	this.StandaardTekst = "";
	this.defaultvraag = new Array();
	this.callback = "me.putXMLhere();";
	this.callbackFaqs = "me.fillFaqBox();";
	this.oScript = "";
	this.oScriptFaq = "";
	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('tscs_status1div');
		top.window.name = "AISE -!-" + aise.style.top + ";" + aise.style.left + ";" + me.state + ";" + 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('tscs_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.lastQuestion = this.convertFrom(storage[3]);
			this.lastReceived_antwoord = this.convertFrom(storage[4]);
			//this.Unanswered            = this.convertFrom(storage[5]);

			//if (this.Unanswered != "") {
			//	document.getElementById('question').value = this.Unanswered;
			//	this.sendQuestion();
			//	return;
			//} else {
			//document.getElementById('tscs_question').value = this.lastQuestion;
			//document.getElementById('tscs_aiseResponseDiv').innerHTML = this.lastReceived_antwoord;
			if (this.toonvraag == true)
			{
				document.getElementById('tscs_aiseResponseDiv').innerHTML = "<strong>" + this.lastQuestion + "</strong><br /><div id='tscs_space'></div>" + this.lastReceived_antwoord;
			} else
			{
				document.getElementById('tscs_aiseResponseDiv').innerHTML = antwoord;
			}

			//}
			//document.getElementById('tscs_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('tscs_status1div').style.display = 'block';
			document.getElementById('tscs_status2div').style.display = 'none';
			document.getElementById('tscs_status3div').style.display = 'none';
			if (this.useIframeIEfix)
			{
				document.getElementById('tscs_status1frame').style.display = 'block';
				document.getElementById('tscs_status2frame').style.display = 'none';
				document.getElementById('tscs_status3frame').style.display = 'none';
			}
		}
		if (this.state == 2)
		{
			//document.getElementById('headerImageA').style.display='inline';
			//document.getElementById('headerImageB').style.display='inline';
			document.getElementById('tscs_status1div').style.display = 'block';
			document.getElementById('tscs_status2div').style.display = 'none';
			document.getElementById('tscs_status3div').style.display = 'none';
			if (this.useIframeIEfix)
			{
				document.getElementById('tscs_status1frame').style.display = 'block';
				document.getElementById('tscs_status2frame').style.display = 'none';
				document.getElementById('tscs_status3frame').style.display = 'none';
			}
			if (document.getElementById('tscs_aiseResponseDiv').innerHTML == '')
			{
				this.sendQuestionInit();
				return;
			}
			document.getElementById('tscs_question').focus();
		}
		if (this.state == 3)
		{
			//document.getElementById('headerImageA').style.display='inline';
			//document.getElementById('headerImageB').style.display='inline';
			document.getElementById('tscs_status1div').style.display = 'block';
			document.getElementById('tscs_status2div').style.display = 'block';
			document.getElementById('tscs_status3div').style.display = 'block'; // TONEN VOOR TEST_DIALOOG wordt dan display='';   verbergen =>  display='none';
			if (this.useIframeIEfix)
			{
				document.getElementById('tscs_status1frame').style.display = 'block';
				document.getElementById('tscs_status2frame').style.display = 'block';
				document.getElementById('tscs_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 (!isGeldigeIE()) { this.useIframeIEfix = false; }
		if (this.useIframeIEfix)
		{
			var status1div = document.getElementById('tscs_status1div');
			document.write("<iframe name='tscs_status1frame' id='tscs_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 status3div = document.getElementById('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='" + 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 = "";
	}
	this.positionAiseOnLoadHandler = function()
	{
		/* initialiseer AISE onload */
		if (me.repositionFromStorage())
		{
			//repositionAfterDrag();
			//if (me.handigeVragen) {
			//}
		}
	}

	this.getFAQsFromDatabase = function()
	{
		//alert("show spinning loading image");
		document.getElementById('tscs_faq').innerHTML = this.loadingHTML;

		this.oScriptFaq = document.getElementById("ScriptTagID");
		var head = document.getElementsByTagName("head").item(0);
		if (this.oScriptFaq)
		{
			head.removeChild(this.oScriptFaq);
		}
		// Create object
		this.oScriptFaq = document.createElement("script");

		var catid = this.lastReceived_category;
		if (custom_welcome_ask)
		{
			catid = "0";
		}
		var callURL = this.faqProxyServer + '?cat=' + catid + '&count=' + 3;
		this.oScriptFaq.setAttribute("src", callURL);

		head.appendChild(this.oScriptFaq);
		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.oScriptFaq.readyState == "loaded")
			{
				eval(this.callbackFaqs);
				this.oScriptFaq.onreadystatechange = null;
			} else
			{
				this.oScriptFaq.onreadystatechange = this.CheckFaqAgain;
			}
		} else
		{
			this.mozCheckLoops = 0;
			aise.mozCheckForFaq();
		}
	}

	this.mozCheckForFaq = function()
	{

		var chk = typeof (arrQA);
		if (typeof (arrQA) == "object")
		{
			if (arrQA.length == 0)
			{
				// Als antwoorden verwerkt zijn word deze variabele weer leeggemaakt t.b.v. deze controle.
				// Stop the loop after 5 seccons. 
				this.mozCheckLoops++;
				if (this.mozCheckLoops <= 5)
				{
					//alert("Moz loop. this.mozCheckLoops: " + this.mozCheckLoops);
					window.setTimeout("aise.mozCheckForFaq()", 1000);
				}
				else
				{
					aise.fillFaqBox();
				}
			} else
			{
				aise.fillFaqBox();
			}
		} else
		{
			// Stop the loop after 5 seccons. 
			this.mozCheckLoops++;
			if (this.mozCheckLoops <= 5)
			{
				//alert("Moz loop. this.mozCheckLoops: " + this.mozCheckLoops);
				window.setTimeout("aise.mozCheckForFaq()", 1000);
			}
			else
			{
				aise.fillFaqBox();
			}
		}
	}

	this.CheckFaqAgain = function()
	{
		if (me.oScriptFaq.readyState == "loaded")
		{
			eval(me.callbackFaqs);
			me.oScriptFaq.onreadystatechange = null;
		}
	}
	this.fillFaqBox = function()
	{
		var table = "";
		var tableRows = "";
		for (var q = 0; q < arrQA.length; q++)
		{
			if (me.lastReceived_recnr + "" != arrQA[q][1] + "")
			{
				tableRows += "<tr>";
				tableRows += "   <td><img src='" + me.pagerBullet + "'></td>";
				tableRows += "   <td><a href='#' onClick='" + this.instanceName + ".sendQuestionSilently(\"" + arrQA[q][1] + "\", \"" + arrQA[q][0] + "\")'>" + arrQA[q][0] + "</a></td>";
				tableRows += "</tr>";
			}
		}

		if (tableRows == "")
		{
			// Get default questions
			for (var loop = 0; loop < this.defaultvraag.length; loop++)
			{
				tableRows += "<tr>";
				//tableRows += "   <td><font style='color: silver;'>.</font><img src='" + me.pagerBullet + "'></td>"; // for debugging - shows when you get default questions
				tableRows += "   <td><img src='" + me.pagerBullet + "'></td>";
				tableRows += "   <td><a href='#' onClick='" + this.instanceName + ".placeQuestionInInputBox(\"" + this.defaultvraag[loop] + "\")'>" + this.defaultvraag[loop] + "</a></td>";
				tableRows += "</tr>";
			}
			if (tableRows == "")
			{
				tableRows = ".";
			}
		}
		table = "<table border=0 cellpadding=3 cellspacing=0>" + tableRows + "</table>";
		var faqDiv = document.getElementById('tscs_faq');
		faqDiv.innerHTML = table;
	}

	this.placeQuestionInInputBox = function(question)
	{
		document.getElementById('tscs_question').value = question;
		this.sendQuestion();
	}

	this.vraagHandigeVraag = function(vraag)
	{
		document.getElementById('tscs_question').value = vraag;
		this.sendQuestion();
	}
	/*
	this.verwerkHandigeVragen = function(hvragen) {
	var faqDiv = document.getElementById('tscs_faq');
	alert('length=' + hvragen.length);

	if (hvragen.length > 0) {
	faqDiv.innerHTML = "";
	for (var loop = 0; loop < hvragen.length; loop++) {
	faqDiv.innerHTML = faqDiv.innerHTML + "<img style='cursor:pointer;' src='" + basicurl + "/img/pijl_vbvr.gif' border='0' /> <a href='#' onClick=\"" + this.instanceName + ".vraagHandigeVraag('" + hvragen[loop] + "')\">" + hvragen[loop] + '</a><br />'
	}
	}
	if (hvragen.length == 0) {
	for (var loop = 0; loop < this.defaultvraag.length; loop++) {
	faqDiv.innerHTML = faqDiv.innerHTML + "<img style='cursor:pointer;' src='" + basicurl + "/img/pijl_vbvr.gif' border='0' /> <a href='#' onClick=\"" + this.instanceName + ".vraagHandigeVraag('" + this.defaultvraag[loop] + "')\">" + this.defaultvraag[loop] + '</a><br />'
	}
	}

	if (faqDiv.innerHTML == "")
	faqDiv.innerHTML = "----------------- empty 2 ----------------";
	}
	*/
	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);
		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()
	{
		var q = document.getElementById('tscs_question').value;
		if (q.length > 160)
		{
			document.getElementById('tscs_aiseResponseDiv').innerHTML = "De vraag die u stelt is erg lang. Kunt u uw vraag korter en bondiger stellen, maximaal 160 characters, dan kan ik u beter helpen.";
		}
		else
		{
			document.getElementById('tscs_aiseResponseDiv').innerHTML = this.loadingHTML;
			custom_welcome_ask = false;
			var vrg = RemoveXSS(q);
			if (vrg != "" && vrg != this.StandaardTekst)
			{
				this.getDataFromServer("ScriptTagID", this.proxyServer, vrg);
			}
		}
	}

	this.sendQuestionSilently = function(questionID, question)
	{
		document.getElementById('tscs_question').value = RemoveXSS(question);
		document.getElementById('tscs_aiseResponseDiv').innerHTML = this.loadingHTML;
		custom_welcome_ask = false;
		this.getDataFromServer("ScriptTagID", this.proxyServer, "cs:" + questionID);
	}

	this.sendQuestionInit = function()
	{
		document.getElementById('tscs_aiseResponseDiv').innerHTML = this.loadingHTML;
		custom_welcome_ask = true;
		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.lastQuestion = RemoveXSS(document.getElementById('tscs_question').value);

		if (this.toonvraag == true && this.lastQuestion != this.StandaardTekst)
		{
			document.getElementById('tscs_aiseResponseDiv').innerHTML = "<strong>" + this.lastQuestion + "</strong><br /><div id='tscs_space'></div>" + antwoord;
		} else
		{
			document.getElementById('tscs_aiseResponseDiv').innerHTML = antwoord;
		}
		// Get the FAQs
		this.getFAQsFromDatabase();
		//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('tscs_aiseResponseDiv').innerHTML += '<br /><br /><a href=' + html + '>Meer info</a>'
			}
		}

		/* Opmerkingen uitklappen na ontvangen van een antwoord */
		if (custom_welcome_ask == true)
		{
			//this.state = 2; 
		} else
		{
			if (this.testing)
			{
				this.state = 3;
			} else
			{
				this.state = 2;
			}
		}
		this.changeState();
		if (this.state > 1)
		{
			if (this.toonvraag == true)
			{
				document.getElementById('tscs_question').value = this.StandaardTekst;
				document.getElementById('tscs_question').className = "tscs_tekstinput_start";
				document.getElementById('tscs_question').focus();
			} else
			{
				document.getElementById('tscs_question').focus();
				document.getElementById('tscs_question').select();
			}
		}
		antwoord = ""; // Leegmaken ivm firefox wait <- Deze controlleerd of antwoord gezet is.
	}
	var bedankt_teller = 0;
	this.SendOpmerking = function()
	{
		//bedankt message 
		var checkboxJa = document.getElementById("tscs_beoordelingJa").checked;
		var checkboxNee = document.getElementById("tscs_beoordelingNee").checked;

		if ((!checkboxJa) && (!checkboxNee))
		{
			//melding tonen dat er ja of nee geklikt moet worden
			document.getElementById('tscs_div_warning').style.display = 'block';
		}
		else
		{
			var rsIframe = document.getElementById("RSIFrameOpmerking");
			var beoordeling = document.getElementsByName('tscs_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("tscs_invoerOpmerking").value; tmpopm = tmpopm.replace(/\'/g, "`"); tmpopm = tmpopm.replace(/\&/g, " en ");
			var tmptestfase = (me.feedbacktestfase == true) ? '1' : '0';

			var tmpscore = "";
			if (this.beoordeling == '0') { tmpscore = 'Ja' };
			if (this.beoordeling == '1') { tmpscore = 'Nee' };

			//var url = this.opmerkingUrl + '?uid=' + tmpuid + '&vraag=' + tmpque + '&antwoord=' + tmpant + '&commentaar=' + tmpopm + '&score=' + this.beoordeling + '&rec=' + tmprec + '&cat=' + tmpcat + '&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=' + 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('tscs_divInvoerOpmerking').style.display = 'none';
			//document.getElementById('tscs_opmerkingtitel').style.display = 'none';
			if (bedankt_teller > 1)
			{
				this.SendOpmerking2();
			}
			else
			{
				bedankt_teller = 1;
				bedankt_teller = bedankt_teller + 1;
				document.getElementById('tscs_div_bedankt').style.display = 'block';
				document.getElementById('tscs_div_warning').style.display = 'none';
				window.setTimeout("aise.SendOpmerking2()", 2000)
			}
		}
	}
	this.SendOpmerking2 = function()
	{
		this.state = 2;
		this.changeState();
		document.getElementById("tscs_beoordelingJa").checked = false;
		document.getElementById("tscs_beoordelingNee").checked = false;
		document.getElementsByName('tscs_beoordeling')[0].checked = false;
		document.getElementsByName('tscs_beoordeling')[1].checked = false;
		document.getElementById('tscs_invoerOpmerking').value = "";
		document.getElementById('tscs_div_bedankt').style.display = 'none';
		document.getElementById('tscs_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 repositionAfterDrag()
{
	/* Positioneren van alle DIV's en iframeS relatief aan de div "status1div" */
	var MainDiv = document.getElementById('tscs_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;

	var status3div        = document.getElementById('status3div');
	status3div.style.left = ((MainPosLeft - status3div.style.width.replace('px','') * 1) + 29) + "px";
	status3div.style.top  = (MainPosTop*1)+MainHeight;
	*/
	if (aise.useIframeIEfix)
	{
		document.getElementById('tscs_status1frame').style.top = MainDiv.style.top;
		document.getElementById('tscs_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	= status3div.style.top;
		//document.getElementById('status3frame').style.left	= status3div.style.left;
	}
	//if (aise.state>1) {
	document.getElementById('tscs_question').focus();
	document.getElementById('tscs_question').select();
	//}
}

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

//var basicurl		= "http://192.168.1.99/";
var serverPath = "http://projecten.elitech.nl";
var basicurl = serverPath + "/zester/js";

var aise = new elitechAise();
aise.projectID = "ZESfKUfGf";         /* 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] = "Wanneer ontvang ik het eerste tijdschrift van mijn nieuwe abonnement?";
aise.defaultvraag[1] = "Waar kan ik mijn abonnementsnummer vinden?";
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.faqProxyServer = basicurl + "/proxywebservice.asp";
aise.css = basicurl + "/sanna.css";
aise.opmerkingUrl = serverPath + "/receiveopmerkingen.aspx";
aise.pagerBullet = basicurl + "/img/pijl_vbvr.gif";
aise.loadingHTML = "<img src='" + basicurl + "/img/ajax-loader.gif' border='0' alt='Een moment geduld a.u.b.'>"
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 = false;
aise.pagepushiframe = false;
aise.toonvraag = true;
aise.StandaardTekst = "Stel uw vraag kort en bondig."; //Gebruik voor het beste resultaat een korte vraag.
aise.mozCheckLoops = 0;

aise.frame1 += '<div id="tscs_status1div" class="tscs_status1DivStyle" style="display:block;position:relative;z-index:1000;">';
aise.frame1 += '	<div id="tscs_titel">Welkom bij Klantenservice</div><div id="tscs_subtext">Stel uw vraag aan Sanna</div>';
aise.frame1 += '	<div id="tscs_bgsanna">';
aise.frame1 += '		<div id="tscs_invoer">';
aise.frame1 += '			<div id="tscs_subtitel">Sanna beantwoordt al uw algemene vragen over tijdschriften en abonnementen</div>';
aise.frame1 += '			<div id="tscs_bginvoer">';
aise.frame1 += '				<input type="text" id="tscs_question" name="tscs_question" size="22" value="' + aise.StandaardTekst + '" class="tscs_tekstinput_start" onClick="javascript:doTextClick()" onFocus="javascript:doTextClick()" onBlur="javascript:undoTextClick()" onKeyPress="return checkEnter(event);" />';
aise.frame1 += '			</div>';
aise.frame1 += '			<div id="tscs_buttonstelvraag"><a href="#" class="tscs_stelvraag" onClick="aise.sendQuestion()"><img name="tscs_stelvraag" src="' + basicurl + '/img/stelvraag.gif" border="0" alt="Stel vraag" /></a></div>';
aise.frame1 += '			<div id="tscs_bgresponse"><div id="tscs_aiseResponseDiv"></div></div>';
aise.frame1 += '		</div>';
aise.frame1 += '	</div>';
aise.frame1 += '	<div id="tscs_bgfaq">';
aise.frame1 += '	<div id="tscs_titel2">Veelgestelde vragen</div>';


aise.frame1 += '	<div id="tscs_faq">';
/* Default questions */
aise.frame1 += '    	<table border=0 cellpadding=3 cellspacing=0>';
aise.frame1 += '    	<tr>';
aise.frame1 += "	       <td><img src='" + aise.pagerBullet + "'></td>";
aise.frame1 += "    	   <td><a href='#' onClick='aise.placeQuestionInInputBox(\"Waar kan ik mijn abonnementsnummer vinden?\")'>Waar kan ik mijn abonnementsnummer vinden?</a></td>";
aise.frame1 += '	    </tr>';
aise.frame1 += '    	<tr>';
aise.frame1 += "	       <td><img src='" + aise.pagerBullet + "'></td>";
aise.frame1 += "    	   <td><a href='#' onClick='aise.placeQuestionInInputBox(\"Hoe duur is een cadeauabonnement?\")'>Hoe duur is een cadeauabonnement?</a></td>";
aise.frame1 += '	    </tr>';
aise.frame1 += '	    </table>';
/*  */
aise.frame1 += '	</div>';

aise.frame1 += '	</div>';
aise.frame1 += '</div>';

aise.frame2 += '<div id="tscs_status2div" class="tscs_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="tscs_status3div" style="position:relative;z-index:1000;display:none;">'; //top:336
aise.frame3 += '	<div id="tscs_bg"><div class="tscs_geholpen">Bent u goed geholpen?</div></div>';
aise.frame3 += '	<div id="tscs_beoordeling">';
aise.frame3 += '		<input type="radio" name="tscs_beoordeling" id="tscs_beoordelingJa" value="Ja" onClick="aise.changeBeoordeling(0)" />Ja<br />';
aise.frame3 += '		<input type="radio" name="tscs_beoordeling" id="tscs_beoordelingNee" value="Nee" onClick="aise.changeBeoordeling(1)" />Nee<br /><br />';
aise.frame3 += '	</div>';
aise.frame3 += '	<div id="tscs_waarombg">';
aise.frame3 += '		<div class="tscs_waarom">Waarom:</div><div class="tscs_optioneel">(optioneel)</div><br />';
aise.frame3 += '			<div id="tscs_invoerfb"><textarea id="tscs_invoerOpmerking" name="invoer" cols="20" rows="4" value=""></textarea></div>';
aise.frame3 += '	</div>';
aise.frame3 += '	<div id="tscs_opslaan"><button class="button" onClick="aise.SendOpmerking();">Opslaan</button></div>';
aise.frame3 += '	<div id="tscs_div_bedankt" style="display:none;"><strong>Bedankt voor uw deelname aan deze enqu&#234;te!</strong></div>';
aise.frame3 += '	<div id="tscs_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 isIE()
{
	return navigator.userAgent.indexOf("MSIE") > -1;
}
function isIE55()
{
	return navigator.userAgent.indexOf("MSIE 5.5") > -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 checkEnter(e)
{
	/*versturen van de vraag indien op enter toets wordt gedrukt*/
	var key;

	document.getElementById('tscs_question').className = "tscs_tekstinput";

	if (window.event)
	{
		key = window.event.keyCode; //IE
	} else
	{
		key = e.which;              //firefox
	}
	if (key == 13)
	{
		aise.sendQuestion();
		return false;
	}
	else
	{
		if (document.getElementById('tscs_question').value.toString().toLowerCase() == aise.StandaardTekst.toLowerCase())
		{
			document.getElementById('tscs_question').value = "";
			document.getElementById('tscs_question').focus();
			document.getElementById('tscs_question').className = "tscs_tekstinput";
		}
	}
}
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;
}

pagerBulletPreload = new Image(); pagerBulletPreload.src = basicurl + "/img/pijl_vbvr.gif";
loaderPreload = new Image(); loaderPreload.src = basicurl + "/img/ajax-loader.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");
		}
	}
}

function doTextClick()
{
	if (document.getElementById('tscs_question').value.toString().toLowerCase() == aise.StandaardTekst.toLowerCase())
	{
		document.getElementById('tscs_question').value = "";
		document.getElementById('tscs_question').focus();
	}
	else
	{
		document.getElementById('tscs_question').select();
	}

	document.getElementById('tscs_question').className = "tscs_tekstinput";
}

function undoTextClick()
{
	if (document.getElementById('tscs_question').value.toString().replace(" ", "") == "")
	{
		document.getElementById('tscs_question').value = aise.StandaardTekst;
		document.getElementById('tscs_question').className = "tscs_tekstinput_start";
	}
}

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