/**********************************************************************/
/**********************************************************************/
/*********************** 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.klantcode = "READERSDIGEST";  /* Probeer hier een unieke afkorting te gebruiken voor een klant */
	this.subject = "KLANTENSERVICE";   /* 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 = 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.RecNr1 = 'leeg';
	this.RecNr2 = 'leeg';
	this.RecNr3 = 'leeg';
	this.DoorverwijzingContact = false;
	this.CharacterAnswersCount = 0;
	this.ReactToCharacter = true;
	this.AskedQuestions = new Array();
	this.lastReceived_uid = "";
	this.lastReceived_antwoord = "";
	this.lastReceived_recnr = "";
	this.lastReceived_html = "";
	this.lastReceived_category = "";
	this.lastQuestion = "";
	this.StandaardTekst = "";
	this.testing = false;
	this.feedbacktestfase = false;
	this._VraagUitQS = "";
	this.defaultvraag = new Array();
	this.callback = "me.putXMLhere();";
	this.oScript = "";
	this.initialAnswer = "Hier erscheint Ihre Antwort.";
	var me = this;
	//this.Unanswered = "";

	this.getAskedQuestions = function()
	{
		var result = "";
		for (var i = 0; i < this.askedQuestions.length; i++)
		{
			if (i > 0)
				this.askedQuestions += "|";

			result += this.askedQuestions[i];
		}

		return result;
	}

	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 -!-" + me.klantcode + ";" + me.subject + ";" + aise.style.top + ";" + aise.style.left + ";" + me.state + ";" + me.lastReceived_uid + ";" + me.lastQuestion + ";" + me.lastReceived_antwoord + ";" + me.getAskedQuestions();
	}
	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(";");
			if (storage[0] == this.klantcode && storage[1] == this.subject)
			{
				aise.style.top = storage[2];
				aise.style.left = storage[3];
				this.state = storage[4];
				this.lastReceived_uid = storage[5];
				this.lastQuestion = this.convertFrom(storage[6]);
				this.lastReceived_antwoord = this.convertFrom(storage[7]);
				//this.Unanswered            = this.convertFrom(storage[5]);
				document.getElementById('tscs_question').value = this.lastQuestion;
				document.getElementById('tscs_aiseResponseDiv').innerHTML = this.lastReceived_antwoord;
			}
			if (storage[0] == this.klantcode && storage[1] == "HOME")
			{
				this.lastReceived_uid = storage[5];
				this._VraagUitQS = this.convertFrom(storage[6]);
			}
			if (storage[8] != null)
			{
				var aqArr = storage[8].split("|");
				if (aqArr.length > 0)
				{
					for (var i = 0; i < aqArr.length; i++)
					{
						this.AskedQuestions.push(aqArr[i]);
					}
				}
			}
		}
		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 == '' || document.getElementById('tscs_aiseResponseDiv').innerHTML == this.initialAnswer)
			{
				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:500;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) { me.setDefaultVragen(); }
		}
		if (isIE6() || isIE5())
		{
			correctPNG();
		}
	}
	this.setDefaultVragen = function()
	{
		var faqDiv = document.getElementById('faq');
		faqDiv.innerHTML = "";
		for (var loop = 0; loop < this.defaultvraag.length; loop++)
		{
			faqDiv.innerHTML = faqDiv.innerHTML + "<a href='#' onClick=\"" + this.instanceName + ".vraagHandigeVraag('" + this.defaultvraag[loop] + "')\">" + this.defaultvraag[loop] + '</a><br />'
		}
	}
	this.vraagHandigeVraag = function(vraag)
	{
		document.getElementById('tscs_question').value = vraag;
		this.sendQuestion();
	}
	this.verwerkHandigeVragen = function(hvragen)
	{
		var faqDiv = document.getElementById('faq');
		faqDiv.innerHTML = "";
		for (var loop = 0; loop < hvragen.length; loop++)
		{
			faqDiv.innerHTML = faqDiv.innerHTML + "<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 + "<a href='#' onClick=\"" + this.instanceName + ".vraagHandigeVraag('" + this.defaultvraag[loop] + "')\">" + this.defaultvraag[loop] + '</a><br />'
			}
		}
	}
	this.getDataFromServer = function(id, url, vraag)
	{
		if (vraag.toString().toLowerCase() == this.StandaardTekst.toLowerCase())
			return;

		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 question = document.getElementById('tscs_question').value;

		if (question != "" && question != "custom_welcome")
		{
			for (var i = 0; i < this.AskedQuestions.length; i++)
			{
				if (this.AskedQuestions[i].toLowerCase() == question.toLowerCase())
				{

					document.getElementById('tscs_aiseResponseDiv').innerHTML = "<strong>" + question + "</strong><br /><div id='tscs_ruimtegesteldevraag'></div>" + "Wenn Sie mit meiner Antwort auf Ihre vorige Frage nicht zufrieden sind, nehmen Sie bitte Kontakt auf mit unserem <a href='mailto:kundenkontakt@readersdigest.de'>Kundenservice</a>.";
					return;
				}
			}
			this.AskedQuestions.push(question);
		}

		// document.getElementById('tscs_aiseResponseDiv').innerHTML = this.loadingHTML;
		custom_welcome_ask = false;
		me._VraagUitQS = "";
		this.getDataFromServer("ScriptTagID", this.proxyServer, document.getElementById('tscs_question').value);
	}

	this.sendQuestionDirect = function(question)
	{
		if (question != "" && question != "custom_welcome")
		{
			for (var i = 0; i < this.AskedQuestions.length; i++)
			{
				if (this.AskedQuestions[i].toLowerCase() == question.toLowerCase())
				{
					document.getElementById('tscs_aiseResponseDiv').innerHTML = "<strong>" + question + "</strong><br /><div id='tscs_ruimtegesteldevraag'></div>" + "Wenn Sie mit meiner Antwort auf Ihre vorige Frage nicht zufrieden sind, nehmen Sie bitte Kontakt auf mit unserem <a href='mailto:kundenkontakt@readersdigest.de'>Kundenservice</a>.";
					return;
				}
			}
			this.AskedQuestions.push(question);
		}

		custom_welcome_ask = false;
		me._VraagUitQS = "";
		this.getDataFromServer("ScriptTagID", this.proxyServer, question);
	}

	this.sendQuestionInit = function()
	{
		// document.getElementById('tscs_aiseResponseDiv').innerHTML = this.loadingHTML;
		if (me._VraagUitQS != "")
		{
			this.getDataFromServer("ScriptTagID", this.proxyServer, me._VraagUitQS);
		}
		else
		{
			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;

		if (me._VraagUitQS != "")
		{
			this.lastQuestion = me._VraagUitQS;
			me._VraagUitQS = "";
		} else
		{
			this.lastQuestion = document.getElementById('tscs_question').value;
			if (this.lastQuestion == this.StandaardTekst || this.lastQuestion == "custom_welcome")
				this.lastQuestion = "";
		}
		this.lastQuestion = RemoveXSS(this.lastQuestion);

		if (this.RecNr1 == 'leeg')
		{         // nog geen vraag gesteld
			this.RecNr1 = recnr;
		} else if (this.RecNr2 == 'leeg')
		{  // pas 1 vraag gesteld
			this.RecNr2 = recnr;
		} else
		{                             // alles gevuld; dus meer dan 2 vragen gesteld
			this.RecNr1 = this.RecNr2;
			this.RecNr2 = recnr;
		}
		if (this.DoorverwijzingContact)
		{
			// laatste 2 antwoorden recnr = 0
			if (((this.RecNr1 != 'leeg' && this.RecNr2 != 'leeg') && ((isNaN(Number(this.RecNr1)) ? Number("1") : Number(this.RecNr1)) <= 0 && (isNaN(Number(this.RecNr2)) ? Number("1") : Number(this.RecNr2)) <= 0)))
			{
				this.lastReceived_html = html;
				this.lastReceived_antwoord = antwoord;
				this.getChatStatus("ScriptTagIDChat", this.proxychatServer, "ssc");
				return;
			}
		}

		this.putXMLherePart2();

		if (this.ReactToCharacter)
		{
			if (this.CharacterAnswersCount < 3 && category == '1')
			{
				this.CharacterAnswersCount++;
			}
			if (this.CharacterAnswersCount >= 3 && category == '1')
			{
				document.getElementById("tscs_aiseResponseDiv").innerHTML = "<strong>" + this.lastQuestion + "</strong><br /><div id='tscs_ruimtegesteldevraag'></div>" + "Bitte stellen Sie eine inhaltliche Frage zu Reader's Digest!";
			}
		}
	}
	this.putXMLherePart2 = function()
	{
		if (this.toonvraag == true && this.lastQuestion != "custom_welcome" && this.lastQuestion.toString().replace(" ", "") != "")
		{
			document.getElementById('tscs_aiseResponseDiv').innerHTML = "<strong>" + this.lastQuestion + "</strong><br /><div id='tscs_ruimtegesteldevraag'></div>" + antwoord;
		}
		else
		{
			document.getElementById('tscs_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('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').focus();
				document.getElementById('tscs_question').value = this.StandaardTekst;
				document.getElementById('tscs_question').className = "tscs_tekstinput_start";
			} else
			{
				document.getElementById('tscs_question').focus();
				document.getElementById('tscs_question').select();
			}
		}
		antwoord = ""; // Leegmaken ivm firefox wait <- Deze controlleerd of antwoord gezet is.
	}
	this.SendOpmerking = function()
	{
		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("tscs_invoerOpmerking").value; tmpopm = tmpopm.replace(/\'/g, "`"); tmpopm = tmpopm.replace(/\&/g, " en ");
		var tmptestfase = (me.feedbacktestfase == true) ? '1' : '0';

		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';
		this.state = 2;
		this.changeState();
		document.getElementsByName('beoordeling')[0].checked = false;
		document.getElementsByName('beoordeling')[1].checked = false;
		document.getElementsByName('beoordeling')[2].checked = false;
		document.getElementById('tscs_invoerOpmerking').value = "";
	}
	this.changeBeoordeling = function(newValue)
	{
		this.beoordeling = newValue;
		if (this.beoordeling == '0')
		{
			document.getElementById('tscs_divInvoerOpmerking').style.display = 'none';
			document.getElementById('tscs_opmerkingtitel').style.display = 'none';
		} else
		{
			document.getElementById('tscs_divInvoerOpmerking').style.display = '';
			document.getElementById('tscs_opmerkingtitel').style.display = '';
			if (newValue == 1)
			{
				document.getElementById('tscs_opmerkingtitel').innerHTML = 'Tragen Sie bitte die richtige Antwort ein f&uuml;r diese Frage:';
			}
			if (newValue == 2)
			{
				document.getElementById('tscs_opmerkingtitel').innerHTML = 'K&ouml;nnen Sie bitte den Fehler angeben:';
			}
		}
	}
}

/**********************************************************************/
/**********************************************************************/
/*********************** 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('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 serverPath = et_loc + "://projecten.elitech.nl";
var basicurl = serverPath + "/readersdigest_de/js";

var aise = new elitechAise();
aise.projectID = "REATKCLGfUPKUGmV"; // 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] = "FAQ";
aise.defaultvraag[1] = "FAQ";
aise.handigeVragen = false;  	  /* Maak gebruik van handige vragen */
aise.state = 2;     	  /* initi&euml;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 + "/sabine_klantenservice_v3.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 = false;      /* 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 = "Bitte stellen Sie mir Ihre Frage...";

//<img src="' + basicurl + '/img/ajax-loader.gif" alt=" " />
aise.frame1 += '	<div id="tscs_status1div" class="tscs_status1" style="display:block;">';
aise.frame1 += '		<div id="tscs_bg"><img src="' + basicurl + '/img/bg_klantenservice_V3.jpg" border="0" alt="Sabine" /></div>';
aise.frame1 += '		<div id="tscs_tekst">Guten Tag, ich bin Sabine. Bitte stellen Sie mir Ihre Frage! Formulieren Sie diese bitte kurz und b&#252;ndig, dann f&#228;llt mir die richtige Beantwortung leichter.</div>';
aise.frame1 += '		<div id="tscs_block">';
aise.frame1 += '			<div id="tscs_stelvraag">';
aise.frame1 += '				<div id="tscs_vraagbalk">';
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="javascript:return checkEnter(event);" />';
aise.frame1 += '		 		</div>';
aise.frame1 += '				<div id="tscs_button1">';
aise.frame1 += '		 			<a href="javascript:void(0);" onMouseOver="javascript:swap(&#34;fragestellen&#34;,&#34;fragestellenon&#34;);" onMouseOut="javascript:swap(&#34;fragestellen&#34;,&#34;fragestellenoff&#34;);" onClick="javascript:aise.sendQuestion();return false;"><img src="' + basicurl + '/img/fragestellen_V4_kl.gif" border="0" name="fragestellen" /></a>';
aise.frame1 += '		 		</div>';
aise.frame1 += '		 	</div>';
aise.frame1 += '			<div id="tscs_answerblock">';
aise.frame1 += '				<div id="tscs_aiseResponseDiv">' + aise.initialAnswer + '</div>';
aise.frame1 += '		 	</div>';
aise.frame1 += '		</div>';
aise.frame1 += '	</div>';

aise.frame2 += '<div id="tscs_status2div" class="tscs_status2" style="display:none;">';
aise.frame2 += '</div>';

aise.frame3 += '<div id="tscs_status3div" class="tscs_status3" style="display:none;">';
aise.frame3 += '	<div class="tscs_beoordeling">Beurteilen Sie bitte die Antworten von Sabine: <br /><br />';
aise.frame3 += '		<input type="radio" name="beoordeling" id="beoordelingGoed" value="Goed" onClick="aise.changeBeoordeling(0);aise.SendOpmerking();" />Die Frage wurde richtig beantwortet.<br />';
aise.frame3 += '		<input type="radio" name="beoordeling" id="beoordelingVerkeerdHerkend" value="Verkeerd herkend" onClick="aise.changeBeoordeling(1)" />Die Frage wurde nicht richtig verstanden.<br />';
aise.frame3 += '		<input type="radio" name="beoordeling" id="beoordelingFout" value="Fout" onClick="aise.changeBeoordeling(2)" />Die Antwort ist inhaltlich nicht richtig.<br /><br />';
aise.frame3 += '		<div id="tscs_divInvoerOpmerking" style="display:none;">';
aise.frame3 += '				<div id="tscs_opmerkingtitel"></div>';
aise.frame3 += '				<textarea id="tscs_invoerOpmerking" name="invoer" cols="20" rows="4" value=""></textarea><br /><br />';
aise.frame3 += '				<button class="tscs_button" onClick="aise.SendOpmerking();">Antwort speichern</button><br /><br />';
aise.frame3 += '		</div>';
aise.frame3 += '	</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;

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

fragestellenon = new Image(); fragestellenon.src = basicurl + "/img/fragestellen_V4_kl_on.gif";
fragestellenoff = new Image(); fragestellenoff.src = basicurl + "/img/fragestellen_V4_kl.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 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;
}

// ==========================================================================================================================================

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

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