// MODAL POPUP
function ModalPopup()
{
    var dimmedDiv = document.createElement("div");
    dimmedDiv.setAttribute("id", "modal_dimmedLayer");

    var contentDiv = document.createElement("div");
    contentDiv.setAttribute("id", "modal_contentDiv");

    var contentTable = document.createElement("table");
    contentTable.setAttribute("id", "modal_contentTable");
    var row = contentTable.insertRow(0);
    var cell = row.insertCell(0);
    cell.setAttribute("id", "modal_contentCell");

    contentDiv.appendChild(contentTable);
    document.body.appendChild(dimmedDiv);
    document.body.appendChild(contentDiv);

    this.content = null;
    this.scrollTop = 0;
    var modal_scrollTop = 0;

    this.show = function()
    {
        this.resize();
        if (isIE7)
        {
            modal_scrollTop = document.body.scrollTop;
        }
        /*if (window.pageYOffset)
        {
        modal_scrollTop = window.pageYOffset; 
        }*/
        /*else if (document.body.scrollTop)
        {
        modal_scrollTop = document.body.scrollTop;
        }
        else
        {
        modal_scrollTop = 0;
        }

		alert(modal_scrollTop);*/

        document.getElementById("modal_dimmedLayer").style.top = modal_scrollTop + "px";
        document.getElementById("modal_contentDiv").style.top = modal_scrollTop + "px";

        document.getElementById("modal_dimmedLayer").style.visibility = "visible";
        document.getElementById("modal_contentDiv").style.visibility = "visible";
        document.getElementById("modal_dimmedLayer").style.display = "block";
        document.getElementById("modal_contentDiv").style.display = "block";

        window.onscroll = function()
        {
            if (document.body.scrollTop)
            {
                document.body.scrollTop = modal_scrollTop;
            }
            else if (document.documentElement.scrollTop)
            {
                document.documentElement.scrollTop = modal_scrollTop;
            }

            //double check if the scrollTop of the page is not set to 0 when the user scrolls very fast to the top
            if (document.body.scrollTop != modal_scrollTop)
            {
                document.body.scrollTop = modal_scrollTop;
            }
            if (document.documentElement.scrollTop != modal_scrollTop)
            {
                document.documentElement.scrollTop = modal_scrollTop;
            }
        }

        if (isIE6())
        {
            et_changeIFrameVisibility("hidden");
        }
    }

    this.hide = function()
    {
        document.getElementById("modal_dimmedLayer").style.display = "none";
        document.getElementById("modal_contentDiv").style.display = "none";
        document.getElementById("modal_dimmedLayer").style.visibility = "hidden";
        document.getElementById("modal_contentDiv").style.visibility = "hidden";

        //remove the onscroll event listener if the modal is hidden
        window.onscroll = null;

        if (isIE6())
        {
            et_changeIFrameVisibility("visible");
        }
    }

    this.setContent = function(content)
    {
        document.getElementById("modal_contentCell").innerHTML = content;
    }

    this.resize = function()
    {
        if (document.documentElement.clientHeight)
        {
            document.getElementById("modal_dimmedLayer").style.height = document.documentElement.clientHeight + "px";
            document.getElementById("modal_dimmedLayer").style.width = document.documentElement.clientWidth + "px";
            document.getElementById("modal_contentDiv").style.height = document.documentElement.clientHeight + "px";
            document.getElementById("modal_contentDiv").style.width = document.documentElement.clientWidth + "px";
        }
        else if (document.documentElement.offsetHeight)
        {
            document.getElementById("modal_dimmedLayer").style.height = document.documentElement.offsetHeight + "px";
            document.getElementById("modal_dimmedLayer").style.width = document.documentElement.offsetWidth + "px";
            document.getElementById("modal_contentDiv").style.height = document.documentElement.offsetHeight + "px";
            document.getElementById("modal_contentDiv").style.width = document.documentElement.offsetWidth + "px";
        }
    };
    //this.resize();

    window.onresize = this.resize;
}
var modal = null;
function createModal()
{
    modal = new ModalPopup();
    window.setTimeout("parseFrame4()", 1000);
}

function et_changeIFrameVisibility(visibility)
{
    var iFrames = document.getElementsByTagName("iframe");
    for (i = 0; i < iFrames.length; i++)
    {
        iFrames[i].style.visibility = visibility;
    }
}

/**********************************************************************/
/**********************************************************************/
/*********************** 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 ***************************
**********************************************************************
**********************************************************************/

function et_addOnloadEvent(fnc)
{
    if (typeof window.addEventListener != "undefined")
    {
        window.addEventListener("load", fnc, false);
    } else if (typeof window.attachEvent != "undefined")
    {
        window.attachEvent("onload", fnc);
    } else
    {
        if (window.onload != null)
        {
            var oldOnload = window.onload;
            window.onload = function(e)
            {
                oldOnload(e);
                window[fnc]();
            };
        } else
        {
            window.onload = fnc;
        }
    }
}

//var globalStateForDragStorage = 1;
var et_loc = window.top.location.href.substring(0, 5).indexOf('https') != -1 ? 'https' : 'http';
var et_history = [];
var uid = "";
var recnr = "";		
var category = "";
var categoryName = "";
var html = "";
var antwoord = "";
var et_character = "";
var elitechAise = function()
{
    this.klantcode = "KPNVAST";    /* Probeer hier een unieke afkorting te gebruiken voor een klant */
    this.subject = "SMALL";      /* Geef hier met een korte code aan voor welke taal deze AiSE is (bijv. NL, EN, ...) */
    this.view = "0";         /* 0 = closed; 1 = maximized; 2 = minimized */
    this.state = 1;           /* default status */
    this.frame1 = "";          /* default waarde frame 1 */
    this.frame2 = "";          /* default waarde frame 2 */
    this.frame3 = "";          /* default waarde frame 3 */
    this.frame4 = "";          /* default waarde frame 4 */
    this.useIframeIEfix = false;       /* in IE liggen selectboxen en flash etc. altijd met de hoogste z-index. als deze optie op true wordt gezet, wordt achter de divs een iframe geplaatst. Dit iframe kan wel over deze controls heen worden gelegd. */
    this.loadingHTML = "... ..."    /* Tekst wordt getoond tijdens het laden */
    this.showDivSources = false;       /* voor debug/design true zetten */
    this.doPagePush = true;        /* aanzetten pagepush optie. Handig om uit te zetten tijdens ontwikkelfase */
    this.beoordeling = '0';            /* beoordeling goed is de defaultwaarde */
    this.handigeVragen = true;        /* maak gebruik van handige vragen */
    this.toonvraag = true;        /* De vraag herhalen in aise responsediv */
    this.pagepushiframe = false;       /* De pagepush uitvoeren naar een achtergrond frame (in geval van demo|testen) */
    this.testing = false;
    this.RecNr1 = 'leeg';
    this.RecNr2 = 'leeg';
    this.RecNr3 = 'leeg';
    this.DoorverwijzingContact = true;
    this.swfKim = "";
    this.frame4loaded = 0;
    this.lastReceived_uid = "";
    this.lastReceived_antwoord = "";
    this.lastReceived_recnr = "";
    this.lastReceived_html = "";
    this.lastReceived_category = "";
    this.previous_category = "";
    this.lastReceived_character = "";
    this.lastReceived_largeimg = "";
    this.lastQuestion = "";
    this.testing = false;
    this.feedbacktestfase = false;
    this.StandaardTekst = "";
    this.proxychatServer = "";
    this.wantedChatGroup = "";
    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 -!-" + me.klantcode + ";" + me.subject + ";" + me.view + ";" + me.lastReceived_uid + ";" + aise.style.top + ";" + aise.style.left + ";" + me.state + ";" + me.lastReceived_character + ";" + me.lastReceived_largeimg + ";" + me.lastQuestion + ";" + me.lastReceived_antwoord // + ";" + me.Unanswered;
    }
    this.repositionFromStorage = function()
    {
        /*
        Zet aise op de juiste top en left.
        Zet status van de aise (1, 2 of 3)
        Zet vraag en antwoord
        */
        var aise = document.getElementById('status1div');
        var wname = top.window.name.split("-!-");
        if (wname[1])
        {
            var storage = wname[1].split(";");
            if (storage[0] == this.klantcode && storage[1] == this.subject)
            {
                //this.view                  = storage[2];
                this.view = "0"
                this.lastReceived_uid = storage[3];
                aise.style.top = storage[4]; //0
                aise.style.left = storage[5]; //1
                this.state = storage[6]; //2
                this.lastReceived_character = this.convertFrom(storage[7]);
                this.lastReceived_largeimg = this.convertFrom(storage[8]);
                this.lastQuestion = this.convertFrom(storage[9]);
                this.lastReceived_antwoord = this.convertFrom(storage[10]);
				            
				try
				{
					if (this.lastQuestion != "")
					{
						document.getElementById('et_question').className = "tekstinput";
					}
					//this.Unanswered            = this.convertFrom(storage[5]);

					//if (this.Unanswered != "") {
					//	document.getElementById('et_question').value = this.Unanswered;
					//	this.sendQuestion();
					//	return;
					//} else {
					document.getElementById('et_question').value = this.lastQuestion;
					//document.getElementById('et_aiseResponseDiv2').innerHTML = this.lastReceived_antwoord;
					//}
					//document.getElementById('et_aiseResponseDiv').innerHTML = this.lastReceived_antwoord;
				}
				catch(e){}
			}
        } else
        {
            aise.style.top = this.defaultFromtop;
            aise.style.left = this.defaultFromLeft;
        }
        //if (me.view == "1") { et_DoMaximizeAfterReload(); }
        ////if (me.view == "2") { et_DoMinimizeAfterReload(); }
        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('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 = 'none';
            document.getElementById('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 (document.getElementById('et_aiseResponseDiv').innerHTML == '') {				
            //	this.sendQuestionInit();
            //	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 = 'none';
            document.getElementById('status3div').style.display = 'block'; // TONEN VOOR TEST_DIALOOG wordt dan display='';   verbergen =>  display='none';
            if (this.useIframeIEfix)
            {
                document.getElementById('status1frame').style.display = 'block';
                document.getElementById('status2frame').style.display = 'none';
                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 + '">');
        document.write('<script type="text/javascript" src="' + this.swfKim + '"></script>');
        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("parseFrame4()", 500);

        var BROWSER_IS_IE = document.all && window.ActiveXObject && navigator.userAgent.toLowerCase().indexOf("msie") > -1 && navigator.userAgent.toLowerCase().indexOf("opera") == -1;
        if (!BROWSER_IS_IE) { this.useIframeIEfix = false; }
        if (this.useIframeIEfix)
        {
            var status1div = document.getElementById('status1div');
            document.write("<iframe name='status1frame' id='status1frame' frameborder='0' style='display:none;z-index:900;position:absolute;background-color:#ff0000;' width='" + status1div.style.width + "' height='" + status1div.style.height + "'></iframe>");
            var status2div = document.getElementById('status2div');
            document.write("<iframe name='status2frame' id='status2frame' frameborder='0' style='display:none;z-index:900;position:absolute;background-color:#00ff00;' width='" + status2div.style.width + "' height='" + status2div.style.height + "'></iframe>");
            var status3div = document.getElementById('status3div');
            document.write("<iframe name='status3frame' id='status3frame' frameborder='0' style='display:none;z-index:900;position:absolute;background-color:#0000ff;' width='" + status3div.style.width + "' height='" + status3div.style.height + "'></iframe>");
        }
        //window.onload = this.positionAiseOnLoadHandler;  /* Na het laden aise initialiseren*/
        et_addOnloadEvent(aise.positionAiseOnLoadHandler);
        window.onunload = this.storeAllData;              /* Opslaan positie, vraag en antwoord */
        //window.onresize = repositionAfterDrag;
    }
    this.positionAiseOnLoadHandler = function()
    {
		/* initialiseer AISE onload */
        if (me.repositionFromStorage())
        {
            //repositionAfterDrag();
            if (me.handigeVragen) { me.setDefaultVragen(); }
        }
//        if (isIE6() || isIE5())
//        {
//            correctPNG();
//        }
        window.setTimeout(createModal, 500);
    }
    this.setDefaultVragen = function()
    {
        var faqDiv = document.getElementById('faq');
        var test = "";
        for (var loop = 0; loop < this.defaultvraag.length; loop++)
        {
            test = "<a href='#' onClick=\"" + this.instanceName + ".vraagHandigeVraag('" + this.defaultvraag[loop] + "')\">" + this.defaultvraag[loop] + "</a><br />";
        }
        faqDiv.innerHTML = "" + test + "";
    }
    this.vraagHandigeVraag = function(vraag)
    {
        document.getElementById('et_question').value = vraag;
        this.sendQuestion();
    }
    this.verwerkHandigeVragen = function(hvragen)
    {
        var faqDiv = document.getElementById('faq');
        var test2 = "";
        for (var loop = 0; loop < hvragen.length; loop++)
        {
            test2 = test2 + "<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++)
            {
                test2 = test2 + "<a href='#' onClick=\"" + this.instanceName + ".vraagHandigeVraag('" + this.defaultvraag[loop] + "')\">" + this.defaultvraag[loop] + "</a><br />";
            }
        }
        faqDiv.innerHTML = "" + test2 + "";
    }
    this.getDataFromServer = function(id, url, vraag)
    {
		this.oScript = document.getElementById(id);
        var head = document.getElementsByTagName("head").item(0);
        if (this.oScript)
        {
            head.removeChild(this.oScript);
        }
        this.oScript = document.createElement("script");
        var callURL = url + '?projectCode=' + this.projectCode + '&projectID=' + this.projectID + '&uid=' + this.lastReceived_uid + '&vraag=' + vraag;
        this.oScript.setAttribute("type", "text/javascript");
		this.oScript.setAttribute("id", id);
        this.oScript.setAttribute("src", callURL);
		if (!this.oScript.readyState) // Alles behalve IE
		{
			this.oScript.readyState = 'uninitialized';
			this.oScript.onload = function(){ aise.oScript.readyState = 'loaded'; aise.CheckAgain(); }
		}
		if (isIE())
		{
			this.oScript.onreadystatechange = this.CheckAgain;
		}
		var timeOut = (isIE6())?500:0;
		window.setTimeout('aise.getDataFromServer_ScriptAppend();', timeOut);
	}
	this.getDataFromServer_ScriptAppend = function()
	{
        var head = document.getElementsByTagName("head").item(0);
        try
		{
			if (this.oScript)
			{
				head.removeChild(this.oScript);
			}
		} 
		catch(e){}
		head.appendChild(me.oScript);
	}
	var CheckAgainLoopCount = 0;
	this.CheckAgain = function()
	{
		if (me.oScript.readyState == "loaded" || me.oScript.readyState == "complete")
		{
			me.oScript.onreadystatechange = null;
			var timeOut = (isIE6())?500:0;
			window.setTimeout('aise.putXMLhere();', timeOut);
		}
	}
    this.getChatStatus = function(id, url, app)
    {
        this.oScriptChat = document.getElementById(id);
        var head = document.getElementsByTagName("head").item(0);
        if (this.oScriptChat)
        {
            head.removeChild(this.oScriptChat);
        }
        this.oScriptChat = document.createElement("script");
        var callURL = url + '?app=' + app // + '&grp=' + me.wantedChatGroup;
        this.oScriptChat.setAttribute("src", callURL);
        this.oScriptChat.setAttribute("id", "chatcheckscript");
        head.appendChild(this.oScriptChat);

        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.oScriptChat.readyState == "loaded")
            {
                this.oScriptChat.onreadystatechange = null;
                eval("me.checkChatStatus();");
            } else
            {
                this.oScriptChat.onreadystatechange = this.CheckAgainChat;
            }
        } else
        {
            aise.mozCheckAgainChat();
        }
    }
    this.checkChatStatus = function()
    {
        if (aiseAgentIsOnline == "false")
        {
            antwoord = antwoord + "<br />Wellicht kan &#233;&#233;n van de KPN medewerkers je verder helpen. <a href='http://www.kpn.com/klantenservice/Klacht-melden/Meld-je-vraag-enof-klacht/Stel-een-vraag-of-meld-een-klacht.htm#[0]' target=_blank>Neem contact op met KPN</a>.";
        } else
        {
            antwoord = antwoord + '<br />Wellicht kan &#233;&#233;n van mijn collega&rsquo;s je verder helpen.' +
        					    ' <a href="#" onclick="javascript:OpenChatSession();">Start een chatsessie met KPN</a>';
        }
        this.lastReceived_antwoord = antwoord;
        this.putXMLherePart2();
    }
    this.mozCheckAgainChat = function()
    {
        var chk = typeof (aiseAgentIsOnline);
        if (typeof (aiseAgentIsOnline) == "string")
        {
            if (aiseAgentIsOnline == "")
            {
                /* Als antwoorden verwerkt zijn word deze variabele weer leeggemaakt t.b.v. deze controle. */
                window.setTimeout("aise.mozCheckAgainChat()", 1000);
            } else
            {
                aise.checkChatStatus();
            }
        } else
        {
            window.setTimeout("aise.mozCheckAgainChat()", 1000);
        }
    }
    this.CheckAgainChat = function()
    {
        if (me.oScriptChat.readyState == "loaded")
        {
            eval("me.checkChatStatus();");
            me.oScriptChat.onreadystatechange = null;
        }
    }

    var custom_welcome_asked = false;
    this.sendQuestion = function()
    {
        if (document.getElementById('et_question').value == "" || document.getElementById('et_question').value == me.StandaardTekst)
        {
            if (document.getElementById('et_questionf3').value == "" || document.getElementById('et_questionf3').value == me.StandaardTekst)
            {
                this.sendQuestionInit();
                return;
            }
        }

        document.getElementById('et_aiseResponseDiv').innerHTML = this.loadingHTML;
        custom_welcome_asked = false;
        if (me.view == "0")
        {
            et_Maximize();
            this.lastQuestion = RemoveXSS(document.getElementById('et_question').value);
            this.getDataFromServer("ScriptTagID", this.proxyServer, RemoveXSS(document.getElementById('et_question').value));
        } else if (me.view == "1")
        {
            this.lastQuestion = RemoveXSS(document.getElementById('et_questionf3').value);
            this.getDataFromServer("ScriptTagID", this.proxyServer, RemoveXSS(document.getElementById('et_questionf3').value));
        }
        //		else if (me.view == "2") { 
        //			this.lastQuestion = RemoveXSS(document.getElementById('et_question3').value);
        //			this.getDataFromServer("ScriptTagID", this.proxyServer, RemoveXSS(document.getElementById('et_question3').value));
        //		}
    }
    this.sendQuestionInit = function()
    {
        document.getElementById('et_aiseResponseDiv').innerHTML = this.loadingHTML;
        custom_welcome_asked = true;
        if (me.view == "0")
        {
            et_Maximize();
            this.getDataFromServer("ScriptTagID", this.proxyServer, 'custom_welcome');
        } else
        {
            this.getDataFromServer("ScriptTagID", this.proxyServer, 'custom_welcome');
        }
    }
    this.putXMLhere = function()
    {
		//this.Unanswered 		= 	"";
        this.lastReceived_uid = uid;
        this.lastReceived_antwoord = antwoord;
        this.lastReceived_recnr = recnr;
        this.lastReceived_html = html;
        this.previous_category = this.lastReceived_category;
        this.lastReceived_category = category;
        this.lastReceived_character = et_character;
        var bGoOn = false;

        //character aanpassingen
        try
        {
            if (typeof (et_character) == "string")
            {
                if (et_character != "misbruik" && et_character != "weetniet" && et_character != "antwoord")
                {
                    if (isNaN(Number(recnr)) ? Number("1") : Number(recnr) > 0)
                    {
                        et_callFlash(1);
                    } else
                    {
                        et_callFlash(2);
                    }
                } else
                {
                    if (et_character.toLowerCase() == "misbruik") { et_callFlash(0); }
                    if (et_character.toLowerCase() == "weetniet") { et_callFlash(2); }
                    if (et_character.toLowerCase() == "antwoord") { et_callFlash(1); }
                }
            }
        } catch (e) { }

        // et_history
        if (this.lastQuestion != "")
        { //user stelt een vraag
            var d = new Date();
            var aantal_history = et_history.length;
            var sHistory = '';
            var sTime = ((d.getHours() + "").length == 1 ? "0" + d.getHours() : d.getHours()) + ":" + ((d.getMinutes() + "").length == 1 ? "0" + d.getMinutes() : d.getMinutes());
            et_history[et_history.length] = [this.lastQuestion, sTime, this.lastReceived_antwoord];
            for (var i = 0; i <= aantal_history; i++)
            {
                sHistory = '<p><span class="et_historyu">U zei:</span><br />' + et_history[i][0] + '</p><p><span class="et_historykim">Kim zei:<br /></span>' + et_history[i][2] + '</p>' + sHistory;
            }
            //<span class="date">' + et_history[i][1] + ' : </span>  sHistory = '<ul class="historie">' + sHistory + '</ul>';
            if (document.getElementById('et_eerdergestvragen'))
            {
                document.getElementById('et_eerdergestvragen').innerHTML = sHistory;
            }
        }

        // Business Rule - Doorlinken naar chat.
        if (this.RecNr1 == 'leeg')
        { // nog geen vraag gesteld
            this.RecNr1 = recnr;
        } else if (this.RecNr2 == 'leeg')
        { // pas 1 vraag gesteld
            this.RecNr2 = recnr;
            //} else if (this.RecNr3 == 'leeg') { // pas 2 vragen gesteld
            //    this.RecNr3 = recnr;
        } else
        { //alles gevuld; dus meer dan 3 vragen gesteld
            this.RecNr1 = this.RecNr2;
            //this.RecNr2 = this.RecNr3;
            this.RecNr2 = recnr;
        }
        if (this.DoorverwijzingContact)
        {
//            switch (me.previous_category)
//            {
//                 Doorschakelen naar VenI  
//                case "8":  /*Algemeen*/
//                case "11": /*Abonnementen*/
//                case "12": /*Overstappen*/
//                case "13": /*Tarieven*/
//                case "21": /*Klantenservice*/
//                case "22": /*Contact*/
//                    bGoOn = true;
//                    me.wantedChatGroup = "veni";
//                    break;
//                 Doorschakelen naar THD  
//                case "9":  /*Mogelijkheden bellen*/
//                case "10": /*Mogelijkheden internet*/
//                case "14": /*Rekening*/
//                case "15": /*Bestellen*/
//                case "16": /*Installatie*/
//                case "17": /*Instellingen wijzigen*/
//                case "18": /*Systeemeisen*/
//                case "19": /*Internetproblemen*/
//                case "20": /*Telefonie problemen*/
//                    bGoOn = true;
//                    me.wantedChatGroup = "thd";
//                    break;
//                default:
//                    me.wantedChatGroup = "";
//                    bGoOn = false;
//                    break;
//            }
//            if (bGoOn == true) { // eerste vraag levert iets op binnen gestelde categorieen en tweede vraag is 0
//	            if (me.wantedChatGroup != "" && (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, "kpn_vast");
//					return;
//	            }
//            } else { // afgelopen 2 vragen waren 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)) {
//					me.wantedChatGroup = "thd";
//					this.lastReceived_html = html;
//					this.lastReceived_antwoord = antwoord;
//					this.getChatStatus("ScriptTagIDChat", this.proxychatServer, "kpn_vast");
//					return;
//				}
//            }
            /* Probeersel: indien "weet-niet" dan meteen controleren op chat-optie */
            if ((isNaN(Number(this.lastReceived_recnr)) ? Number("1") : Number(this.lastReceived_recnr)) <= 0)
            {
//                me.wantedChatGroup = "thd";
                this.getChatStatus("ScriptTagIDChat", this.proxychatServer, "kpn_vast");
                return;
            }
        }

        // Business Rule - Tonen van feedback
        if (document.getElementById('et_testing'))
        {
            if ((new Date()).getMinutes() % 10 == 0 || (new Date()).getMinutes() % 10 == 4 || (new Date()).getMinutes() % 10 == 7)
            { // eens in de 10 minuten op de '0'-de minuut.
                document.getElementById('et_testing').style.display = "block";
                document.getElementById('et_testing').style.visibility = "visible";
            } else
            {
                document.getElementById('et_testing').style.visibility = "hidden";
                document.getElementById('et_testing').style.display = "none";
            }
        }

        this.putXMLherePart2();
    }
    this.putXMLherePart2 = function()
    {
        this.lastQuestion = RemoveXSS(this.lastQuestion);
        if (this.toonvraag == true)
        {
            if (custom_welcome_asked == false)
            {
                document.getElementById('et_toonvraagf3').innerHTML = "<strong>Uw vraag:</strong> " + this.lastQuestion + "";
            }
            document.getElementById('et_aiseResponseDiv').innerHTML = antwoord;
            //document.getElementById('et_aiseResponseDiv2').innerHTML = "<span class='lastquestioncss'>" + this.lastQuestion + "</span><br /><div id='ruimtegesteldevraag'></div>" + antwoord;
        } else
        {
            document.getElementById('et_aiseResponseDiv').innerHTML = antwoord;
            //document.getElementById('et_aiseResponseDiv2').innerHTML = antwoord;
        }
        if (this.handigeVragen)
        {
            this.verwerkHandigeVragen(hvragen);
        }
        if (html != "")
        {
            if (this.doPagePush)
            {
                if (this.pagepushiframe == true)
                {
                    if (document.getElementById("frame"))
                    {
                        document.getElementById("frame").src = html;
                    }
                } else
                {
                    document.location.href = html;
                }
            } else
            {
                document.getElementById('et_aiseResponseDiv').innerHTML += '<br /><br /><a href=' + html + '>Meer info</a>'
            }
        }

        /* Opmerkingen uitklappen na ontvangen van een antwoord */
        if (this.testing)
        {
            if (custom_welcome_asked == true)
            {
                this.state = 2;
            } else
            {
                this.state = 3;
            }
        }
        if (this.testing) { this.state = 3; }
        this.changeState();
        if (this.state > 1)
        {
            if (this.toonvraag == true)
            {
				try {
					document.getElementById('et_question').value = "";
				} catch(e) {}
				try {
                	document.getElementById('et_questionf3').value = "";
				} catch(e) {}
                //document.getElementById('et_question3').value = "";
                if (me.view == "0") { document.getElementById('et_question').focus(); }
                if (me.view == "1") { document.getElementById('et_questionf3').focus(); }
                //if (me.view == "2") { document.getElementById('et_question3').focus(); }
            } else
            {
                if (me.view == "0") { document.getElementById('et_question').focus(); document.getElementById('et_question').select(); }
                if (me.view == "1") { document.getElementById('et_questionf3').focus(); document.getElementById('et_questionf3').select(); }
                //if (me.view == "2") { document.getElementById('et_question3').focus(); document.getElementById('et_question3').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 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", "1");
            iframe.setAttribute("width", "0");
            iframe.setAttribute("height", "0");
            document.body.appendChild(iframe);
        } else
        {
            rsIframe.src = url;
        }
        /* reset waarden */
        //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';
    }
    this.changeBeoordeling = function(newValue)
    {
        this.beoordeling = newValue;
        if (this.beoordeling == '0')
        {
            //document.getElementById('divInvoerOpmerking').style.display='';
            //document.getElementById('invoerOpmerking').innerHTML = "Ik ben goed geholpen omdat, ";
        } else
        {
            //document.getElementById('divInvoerOpmerking').style.display='';
            //if (this.beoordeling==1) {
            //	document.getElementById("invoerOpmerking").innerHTML = "Ik ben niet goed geholpen omdat, ";
            //}
        }
    }
}

/**********************************************************************/
/**********************************************************************/
/*********************** EINDE AISE LIBRARY ***************************/
/**********************************************************************/
/**********************************************************************/

//function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
//{
//    var arVersion = navigator.appVersion.split("MSIE")
//    var version = parseFloat(arVersion[1])
//    if ((version >= 5.5) && (document.body.filters))
//    {
//        for (var i = 0; i < document.images.length; i++)
//        {
//            var img = document.images[i]
//            var imgName = img.src.toUpperCase()
//            if (imgName.substring(imgName.length - 3, imgName.length) == "PNG")
//            {
//                var imgID = (img.id) ? "id='" + img.id + "' " : ""
//                var imgClass = (img.className) ? "class='" + img.className + "' " : ""
//                var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
//                var imgStyle = "display:inline-block;" + img.style.cssText
//                if (img.align == "left") imgStyle = "float:left;" + imgStyle
//                if (img.align == "right") imgStyle = "float:right;" + imgStyle
//                if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
//                var strNewHTML = "<span " + imgID + imgClass + imgTitle
//            + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
//            + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
//            + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
//                img.outerHTML = strNewHTML
//                i = i - 1
//            }
//        }
//    }
//}


//function repositionAfterDrag()
//{
//    /* Positioneren van alle DIV's en IFRAMES relatief aan de div "status1div" */
//    var MainDiv = document.getElementById('status1div');
//    if (true == true)
//    {
//        if (isIE7())
//        {
//            //alert(document.documentElement.clientWidth);
//            MainDiv.style.left = ((document.body.clientWidth / 2) - 242) + "px";
//            MainDiv.style.top = "138px";
//        } else if (isIE())
//        {
//            MainDiv.style.left = ((document.body.clientWidth / 2) - 235) + "px";
//            MainDiv.style.top = "141px";
//        } else
//        {
//            MainDiv.style.left = ((document.body.clientWidth / 2) - 243) + "px";
//            MainDiv.style.top = "138px";
//        }
//    }
//    var MainPosLeft = MainDiv.style.left.replace('px', '');
//    var MainPosTop = MainDiv.style.top.replace('px', '');
//    var MainHeight = MainDiv.style.height.replace('px', '') * 1;
//    var MainWidth = MainDiv.style.width.replace('px', '') * 1;

//    var status2div = document.getElementById('status2div');
//    status2div.style.left = MainPosLeft + "px";
//    status2div.style.top = (MainPosTop * 1) + MainHeight + 1 + "px";

//    var status3div = document.getElementById('status3div');
//    status3div.style.left = (MainPosLeft - status3div.style.width.replace('px', '') * 1 + 319) + "px";
//    status3div.style.top = (MainPosTop * 1) + MainHeight + "px";

//    if (aise.useIframeIEfix)
//    {
//        document.getElementById('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 = status3div.style.top;
//        document.getElementById('status3frame').style.left = status3div.style.left;
//    }
//    if (aise.state > 1)
//    {
//        if (document.getElementById('divtext').style.display == "block" && document.getElementById('divtext').style.visibility == "visible")
//        {
//            document.getElementById('et_question').focus();
//            document.getElementById('et_question').select();
//        }
//    }
//}
var et_CounterFrame4Loader = 0;
var asReady = false;
function parseFrame4()
{
    //	et_CounterFrame4Loader++;
    //	if (document.getElementById('status1div'))
    //	{
    //		if (document.getElementById('status1div').offsetTop)
    //		{
    //			if (findPosTop(document.getElementById('status1div')) > 200)
    //			{
    //				//var frame4div = document.createElement("div");
    //				//frame4div.setAttribute("id","status4div");
    //				//frame4div.innerHTML = aise.frame4;
    /*if (document.getElementById("et_floatablediv")) {
    document.getElementById("et_floatablediv").style.position = "absolute";
    document.getElementById("et_floatablediv").style.width = "357px";
    document.getElementById("et_floatablediv").style.height = "228px";
    document.getElementById("et_floatablediv").style.marginTop = (findPosTop(document.getElementById('status1div'))) + "px"; // berekenen hoogteverschil tussen status1div en 2e-state.
    document.getElementById("et_floatablediv").style.marginLeft = "550px";
    document.getElementById("et_floatablediv").style.margin = "0 auto";
    document.getElementById("et_floatablediv").style.display = "none";
    document.getElementById("et_floatablediv").style.visibility = "hidden";
    document.getElementById("et_floatablediv").style.zIndex = "1001";
    //document.getElementById("et_floatablediv").innerHTML = aise.frame4;
    }*/
    //document.getElementById('et_aiseResponseDiv').innerHTML = aise.lastReceived_antwoord;

    modal.setContent(aise.frame4);
    aise.frame4loaded = 1;

    //parseFlash();

    //			}
    //			else
    //			{
    //				if (et_CounterFrame4Loader<36) { window.setTimeout("parseFrame4();",250); } 
    //			}
    //		}
    //		else
    //		{
    //			if (et_CounterFrame4Loader<36) { window.setTimeout("parseFrame4();",250); } 
    //		}
    //	}
    //	else
    //	{
    //		if (et_CounterFrame4Loader<36) { window.setTimeout("parseFrame4();",250); } 
    //	}
}

function parseFlash()
{
    var flashvars = {};
    if (swfobject.getQueryParamValue("state") != "")
    {
        flashvars.initState = swfobject.getQueryParamValue("state");
    } else
    {
        flashvars.initState = "1";
    }
    var params = {};
    params.menu = "false";
    params.scale = "noscale";
    params.wmode = "transparent";
    params.allowscriptaccess = "always";
    var attributes = {};
    attributes.id = "chatbot";
    swfobject.embedSWF(et_loc + "://projecten.elitech.nl/kpnvast/js/swf/main.swf", "flashContent", "212", "358", "9.0.0", false, flashvars, params, attributes);
    asReady = false;
}
function disableFlash()
{
    asReady = false;
    document.getElementById("et_kim2").innerHTML = "<div id='flashContent'></div>";
}
function et_callFlash(wat)
{
    try
    {
        et_getFlash("chatbot").setCharacterState(wat);
    } catch (err) { }
}
function et_getFlash(movieName)
{
    if (navigator.appName.indexOf("Microsoft") != -1) { return window[movieName]; }
    else { return document.getElementById(movieName); }
}

/*********************************************************************
*********************************************************************
*********************************************************************
**********************************************************************/
var serverPath = et_loc + "://projecten.elitech.nl";
var basicurl = serverPath + "/KPNVast/js";
//var serverPath = et_loc + "://192.168.1.95";
//var basicurl		= serverPath + "";

var aise = new elitechAise();
aise.projectID = 61; //21  /* AISE projectID in de database*/
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.defaultvraag[2] = "FAQ";
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.proxychatServer = basicurl + "/proxychat.asp";
aise.css = "/v2/static/kpncom/css/kim.css";
aise.opmerkingUrl = serverPath + "/receiveopmerkingen.aspx";
aise.swfKim = "/v2/static/kpncom/js/swfobject.js";
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 = true;
aise.toonvraag = true;
aise.StandaardTekst = "Typ hier uw vraag kort en bondig...";
// !! 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="border:0px;display:none;position:relative;z-index:0;top:0px;left:0px;">';
//aise.frame1 += '	<div id="et_alles">';
//aise.frame1 += '		<div id="et_header"></div>';
//aise.frame1 += '		<div id="et_kim" style="display:block;"><img src="' + basicurl + '/img/kim_combi.png" border="0" alt="Kim" /></div>';
//aise.frame1 += '		<div id="et_kimIE"></div>';
//aise.frame1 += '		<div id="et_bgborder" style="display:block;">';
//aise.frame1 += '			<div id="et_bginput"><textarea cols="10" rows="2" type="text" id="et_question" name="et_question" value="" class="tekstinput_start" onKeyPress="javascript:doTextClick();return checkEnter(event);" />' + aise.StandaardTekst + '</textarea></div>';
//aise.frame1 += '			<div id="et_stelvraag"><a href="javascript:void(0);" title="Stel uw vraag aan Kim" class="et_stelvraag" onClick="javascript:aise.sendQuestion();return false;"><img src="' + basicurl + '/img/stelvraag.gif" border="0" alt="Stel uw vraag aan Kim" /></a></div>';
//aise.frame1 += '		</div>';
//aise.frame1 += '		<div id="et_bgborder3" style="visibility:hidden;display:none;">';
//aise.frame1 += '			<div id="et_titel"><img src="' + basicurl + '/img/vraaghetaankim.gif" border="0" alt="Vraag het aan Kim" /></div>';
//aise.frame1 += '			<div id="et_aiseResponseDiv2"></div>';
//aise.frame1 += '			<div id="et_terugKim">Is dit de informatiepagina die u zocht? Keer anders <a href="javascript:void(0);" title="Stel uw vraag aan Kim" onClick="javascript:et_HideHistory();et_Maximize();return false;" class="et_terugkimurl">terug naar de vorige pagina</a>.</div>';
//aise.frame1 += '			<div id="et_stelvraag"><a href="javascript:void(0);" title="Stel uw vraag aan Kim" class="et_stelvraag2" onClick="javascript:et_HideHistory();et_Maximize();return false;"><img src="' + basicurl + '/img/stelvraag.gif" border="0" alt="Stel uw vraag aan Kim" /></a></div>';
//aise.frame1 += '		</div>';
//aise.frame1 += '	</div>';
//aise.frame1 += '</div>';

aise.frame1 += '<div id="status1div" class="status1DivStyle">';

aise.frame1 += '<div id="et_kim" class="kim_row">';
aise.frame1 += '<strong>Chatten met Kim</strong>';
aise.frame1 += '<span class="subtext floatLeft">Stel je vraag aan Kim, de virtuele medewerker van KPN.</span>';
aise.frame1 += '<textarea onkeypress="javascript:doTextClick(); return checkEnter(event);" rows="2" cols="10" class="tekstinput_start" name="et_question" id="et_question">' + aise.StandaardTekst + '</textarea>';
aise.frame1 += '</div>';

aise.frame1 += '<div class="kpnnavelement">';
aise.frame1 += '<a class="buttongrey et_stelvraag" onclick="javascript:aise.sendQuestion(); return false;" title="verstuur je vraag" href="javascript:void(0);"><span>verstuur je vraag</span></a>';
aise.frame1 += '</div>';

aise.frame1 += '<div id="et_bgborder3" style="visibility:hidden;display:none;">';
aise.frame1 += '<div id="et_aiseResponseDiv2"></div>';
aise.frame1 += '</div>';

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

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

aise.frame3 += '<div id="status3div" style="position:relative;z-index:0;top:0px;left:0px;width:0px;height:0px;display:none;">'; //top:336
//aise.frame3 += '	<div id="bg"><div class="geholpen">Bent u goed geholpen?</div></div>';
//aise.frame3 += '	<div id="beoordeling">';
//aise.frame3 += '		<input type="radio" name="beoordeling" id="beoordelingJa" value="Ja" onClick="aise.changeBeoordeling(0)" />Ja<br />';
//aise.frame3 += '		<input type="radio" name="beoordeling" id="beoordelingNee" value="Nee" onClick="aise.changeBeoordeling(1)" />Nee<br /><br />';
//aise.frame3 += '	</div>';
//aise.frame3 += '	<div id="waarombg">';
//aise.frame3 += '		<div class="waarom">Waarom:</div><div class="optioneel">(optioneel)</div><br />';
//aise.frame3 += '			<div id="tekstvak"><textarea id="invoerOpmerking" name="invoer" cols="20" rows="4" value=""></textarea></div>';
//aise.frame3 += '	</div>';
//aise.frame3 += '	<div id="opslaan"><a href="#" onClick="aise.SendOpmerking();" title="Versturen"><img src="' + basicurl + '/img/versturen.gif" border="0" /></a></div>';
//aise.frame3 += '	<div id="div_bedankt" style="display:none;"><strong>Bedankt!</strong></div>';
aise.frame3 += '</div>';

aise.frame4 += '	<div id="et_alles2">';
aise.frame4 += '		<div id="et_header2"><div id="et_close"><a href="javascript:void(0);" onclick="javascript:et_Collapse();et_ShowEnd();return false;" title="sluit venster">sluit venster x</a></div></div>';
aise.frame4 += '		<div id="et_bgborder2">';
aise.frame4 += '			<div id="et_padding">';
aise.frame4 += '				<div id="et_divhuidig">';
aise.frame4 += '					<div id="et_bgwolkf3" style="display:block;"></div>';
aise.frame4 += '					<div id="et_bgstretchf3" style="display:block;"><img src="' + basicurl + '/img/bgtopf3.gif" border="0" alt="Stel uw vraag aan Kim" />';
aise.frame4 += '						<div id="et_aiseResponseDiv"></div>';
aise.frame4 += '					</div>';
aise.frame4 += '					<div id="et_bgbtmf3"></div>';
aise.frame4 += '					<div id="et_antwdiv">';
aise.frame4 += '						<div id="et_bgvraagf3"><div id="et_toonvraagf3"></div></div>';
aise.frame4 += '						<div id="et_maxchar">(max aantal karakters <span id="et_char">0</span> / 160)</div>';
aise.frame4 += '						<div id="et_bgquestionf3"><textarea cols="10" rows="2" type="text" id="et_questionf3" name="et_questionf3" value="" onKeyPress="return checkEnter(event)" onkeydown="javascript:CharTeller(document.getElementById(&#34;et_questionf3&#34;),document.getElementById(&#34;et_char&#34;),160);" onkeyup="javascript:CharTeller(document.getElementById(&#34;et_questionf3&#34;),document.getElementById(&#34;et_char&#34;),160);" /></textarea></div>';
aise.frame4 += '						<div id="et_stelvraag2"><a href="javascript:void(0);" title="Stel uw vraag aan Kim" class="et_stelvraag2" onClick="javascript:aise.sendQuestion();return false;"><img src="' + basicurl + '/img/stelvraag.gif" border="0" alt="Stel uw vraag aan Kim" /></a></div>';
aise.frame4 += '						<div id="et_history"><span class="et_historyurl"><img src="' + basicurl + '/img/pijltje.gif" class="et_historyimg" border="0" /> <a href="javascript:void(0);" title="Bekijk eerder gestelde vragen" class="et_history" onClick="javascript:et_ShowHistory();return false;">Bekijk eerder gestelde vragen</a></span></div>';
aise.frame4 += '					</div>';
aise.frame4 += '				</div>';

//HISTORY DIV
aise.frame4 += '				<div id="et_diveerdergestvr" style="visibility:hidden;display:none;">';
aise.frame4 += '					<div id="et_titel2"><img src="' + basicurl + '/img/eerdergesteldevragen.gif" border="0" alt="Eerder gestelde vragen" /></div>';
aise.frame4 += '					<div id="et_bghistoryf3">';
aise.frame4 += '						<div id="et_eerdergestvragen"></div>';
aise.frame4 += '					</div>';
aise.frame4 += '					<div id="et_stelvraag3"><a href="javascript:void(0);" title="Stel uw vraag aan Kim" class="et_stelvraag2" onClick="javascript:et_HideHistory();return false;"><img src="' + basicurl + '/img/stelvraag.gif" border="0" alt="Stel uw vraag aan Kim" /></a></div>';
aise.frame4 += '				</div>';
//END HISTORY DIV

aise.frame4 += '			</div>';
aise.frame4 += '			<div id="et_kim2"><div id="flashContent"><img src="' + basicurl + '/img/ajax-loader.gif" alt=" " /></div></div>';
aise.frame4 += '		</div>';
aise.frame4 += '	</div>';

// TESTING DIV
aise.frame4 += '		<div id="et_testing" style="position:relative;z-index:0;top:0px;left:0px;width:602px;height:147px;visibility:hidden;display:none;">'; //top:336
aise.frame4 += '			<div id="et_beoordeling">';
aise.frame4 += '				<span class="et_geholpen">Bent u goed geholpen?</span>';
aise.frame4 += '				<p><input type="radio" name="et_radio" id="et_radioJa" value="Ja" onClick="aise.changeBeoordeling(0)" /> ja<br />';
aise.frame4 += '				<input type="radio" name="et_radio" id="et_radioNee" value="Nee" onClick="aise.changeBeoordeling(1)" /> nee<br /></p>';
aise.frame4 += '				<a href="#" onClick="aise.SendOpmerking();" title="Versturen"><img src="' + basicurl + '/img/versturen.gif" border="0" /></a>';
aise.frame4 += '			</div>';
aise.frame4 += '			<div id="et_opmerking">';
aise.frame4 += '				<div id="et_maxchar">(max aantal karakters <span id="et_char2">0</span> / 300)</div>';
aise.frame4 += '				<div id="et_bginvoerf3"><textarea cols="10" rows="2" type="text" id="et_invoerOpmerking" name="et_invoerOpmerking" value="" onKeyPress="return checkEnter(event)" onkeydown="javascript:CharTeller2(document.getElementById(&#34;et_invoerOpmerking&#34;),document.getElementById(&#34;et_char2&#34;),300);" onkeyup="javascript:CharTeller2(document.getElementById(&#34;et_invoerOpmerking&#34;),document.getElementById(&#34;et_char2&#34;),300);" />Toelichting, </textarea></div>';
aise.frame4 += '			</div>';
aise.frame4 += '			<div id="et_bedankt" style="display:none;"><strong>Bedankt!</strong></div>';
aise.frame4 += '		</div>';

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



/**********************************************************************/
/**********************************************************************/
/************** zie ook aise.frame1/2/3 variabelen ********************/
/**********************************************************************/

function isIE50()
{
    return isIE5() && !isIE55();
}
function isFF()
{
    return navigator.userAgent.indexOf("Firefox") > -1;
}
function isFF15()
{
    return navigator.userAgent.indexOf("Firefox/1.5") > -1;
}
function isFF20()
{
    return navigator.userAgent.indexOf("Firefox/2.0") > -1;
}
function isIE55()
{
    return navigator.userAgent.indexOf("MSIE 5.5") > -1;
}
function isIE()
{
    return navigator.userAgent.indexOf("MSIE") > -1;
}
function isIE5()
{
    return navigator.userAgent.indexOf("MSIE 5") > -1;
}
function isIE6()
{
    return navigator.userAgent.indexOf("MSIE 6") > -1 && navigator.userAgent.indexOf("Opera") == -1;
}
function isIE7()
{
    return navigator.userAgent.indexOf("MSIE 7") > -1;
}
function isGeldigeIE()
{
    return isIE55() || isIE6() || isIE7();
}
function isSAFARI()
{
    return navigator.userAgent.indexOf("Safari") > -1;
}
function isWinXP()
{
    if (navigator.userAgent.indexOf('NT 5.1') > 0)
    {
        return true;
    }
    else
    {
        return false;
    }
}

function checkEnter(e)
{
    /*versturen van de vraag indien op enter toets wordt gedrukt*/
    var key;

    document.getElementById('et_question').className = "tekstinput";

    if (window.event)
    {
        key = window.event.keyCode; //IE
    } else
    {
        key = e.which;              //firefox
    }
    if (key == 13)
    {
        aise.sendQuestion();
        return false;
    }

}
function move_up()
{
    /* omhoog scrollen in de Faq div */
    document.getElementById('faq').scrollTop = document.getElementById('faq').scrollTop - 15;
}
function move_down()
{
    /* omlaag scrollen in de Faq div */
    document.getElementById('faq').scrollTop = document.getElementById('faq').scrollTop + 15;
}

//verzendon = new Image();  verzendon.src = basicurl + "/img/verzenden_on.jpg";
//verzendoff = new Image(); verzendoff.src = basicurl + "/img/verzenden_off.jpg";
//minimizeon = new Image();  minimizeon.src = basicurl + "/img/minimize_on.gif";
//minimizeoff = new Image(); minimizeoff.src = basicurl + "/img/minimize_off.gif";
//maximizeon = new Image();  maximizeon.src = basicurl + "/img/maximize_on.gif";
//maximizeoff = new Image(); maximizeoff.src = basicurl + "/img/maximize_off.gif";
//close2on = new Image();  close2on.src = basicurl + "/img/close_on.gif";
//close2off = new Image(); close2off.src = basicurl + "/img/close_off.gif";
//close3on = new Image();  close3on.src = basicurl + "/img/close_on.gif";
//close3off = new Image(); close3off.src = basicurl + "/img/close_off.gif";

// character aanpassingen
//char_start            = new Image(); char_start.src = basicurl + "/img/start.jpg";
//char_onzekerheid      = new Image(); char_onzekerheid.src = basicurl + "/img/onzekerheid.jpg";
//char_zekerheid        = new Image(); char_zekerheid.src = basicurl + "/img/zekerheid.jpg";
//char_nietwenselijk    = new Image(); char_nietwenselijk.src = basicurl + "/img/nietwenselijk.jpg";


function swap()
{
    if (document.images)
    {
        for (var x = 0; x < swap.arguments.length; x += 2)
        {
            document[swap.arguments[x]].src = eval(swap.arguments[x + 1] + ".src");
        }
    }
}

function et_ShowInfo()
{
    if (document.getElementById('et_info'))
    {
        document.getElementById('et_info').style.visibility = "visible";
        document.body.focus(); // om ervoor te zorgen dat de cursor niet door de infobox te zien is.
    }
}
function et_HideInfo()
{
    if (document.getElementById('et_info'))
    {
        document.getElementById('et_info').style.visibility = "hidden";
    }
}
function et_ShowHistory()
{
    document.getElementById('et_divhuidig').style.visibility = "hidden";
    document.getElementById('et_divhuidig').style.display = "none";
    document.getElementById('et_diveerdergestvr').style.display = "block";
    document.getElementById('et_diveerdergestvr').style.visibility = "visible";
}
function et_HideHistory()
{
    document.getElementById('et_diveerdergestvr').style.visibility = "hidden";
    document.getElementById('et_diveerdergestvr').style.display = "none";
    document.getElementById('et_divhuidig').style.display = "block";
    document.getElementById('et_divhuidig').style.visibility = "visible";
    try
    {
        document.getElementById('et_questionf3').focus();
        document.getElementById('et_questionf3').select();
    } catch (e) { }
}
function et_ShowEnd()
{
    document.getElementById('et_kim').style.display = "none";
//    document.getElementById('et_bgborder').style.display = "none";
    document.getElementById('et_bgborder3').style.display = "block";
    document.getElementById('et_bgborder3').style.visibility = "visible";
    document.getElementById('et_aiseResponseDiv2').innerHTML = "<p class='contenttext'><strong>Chatten met Kim</strong></p>";
    document.getElementById('et_aiseResponseDiv2').innerHTML += "<div class='boxrow clearBoth boxrowdivider'></div>";
    document.getElementById('et_aiseResponseDiv2').innerHTML += "<p><strong>Je zei:</strong> <span class='subtext'>" + aise.lastQuestion + "</span></p><p><strong class='datatext'>Kim zei:</strong> <span class='subtext'>" + aise.lastReceived_antwoord + "</span>";
}

function et_Collapse()
{
    //flash weg
    disableFlash();

    // verwijder chatFrame indien het bestaat ( er wordt een nieuw frame geopend voor de chatsessie)
    CloseChatSession();
    /*
    var chatFrame = document.getElementById('chatFrame');
    if (chatFrame) {
    var et_bgborder2 = document.getElementById('et_bgborder2');
    et_bgborder2.style.visibility = 'visible';
    et_bgborder2.style.display = 'block';
    etAlles.removeChild(chatFrame);
    }
    */

    // verberg popup
    var etAlles = document.getElementById('et_alles2')
    etAlles.style.visibility = "hidden";
    etAlles.style.display = "none";

    if (document.getElementById('et_testing'))
    {
        var testdiv = document.getElementById('et_testing');
        testdiv.style.visibility = "hidden";
        testdiv.style.display = "none";
    }


    //	document.getElementById('et_alles3').style.visibility = "hidden";
    //	document.getElementById('et_alles3').style.display = "none";
    /*if (document.getElementById("et_floatablediv")) {
    document.getElementById("et_floatablediv").style.visibility = "hidden";
    document.getElementById("et_floatablediv").style.display = "none";
    }*/
    modal.hide();
    aise.view = "0";
    // window.setTimeout("document.getElementById('et_question').focus();",500);
}
/*
function et_DoMaximizeAfterReload() {
if (aise.frame4loaded == 1) {
et_Maximize();
} else {
window.setTimeout("et_DoMaximizeAfterReload()",500);
}
}
*/
/*
function et_DoMinimizeAfterReload() {
if (aise.frame4loaded == 1) {
et_Minimize();
} else {
window.setTimeout("et_DoMinimizeAfterReload()",500);
}
}
*/
function et_Maximize()
{
    //	document.getElementById('et_alles3').style.visibility = "hidden";
    //	document.getElementById('et_alles3').style.display = "none";
    document.getElementById('et_alles2').style.visibility = "visible";
    document.getElementById('et_alles2').style.display = "block";

    parseFlash();

    /*if (document.getElementById("et_floatablediv")) {
    document.getElementById("et_floatablediv").style.visibility = "visible";
    document.getElementById("et_floatablediv").style.display = "block";
    }*/
    modal.show();
    aise.view = "1";
    window.setTimeout("document.getElementById('et_questionf3').focus();", 500);
}

function et_Minimize()
{
    //	document.getElementById('et_alles2').style.visibility = "hidden";
    //	document.getElementById('et_alles2').style.display = "none";
    //	document.getElementById('et_alles3').style.visibility = "visible";
    //	document.getElementById('et_alles3').style.display = "block";
    //	if (document.getElementById("et_floatablediv")) {
    //		document.getElementById("et_floatablediv").style.visibility = "hidden";
    //		document.getElementById("et_floatablediv").style.display = "none";
    //	}
    //	aise.view = "2";
    //	window.setTimeout("document.getElementById('et_question3').focus();",500);
}
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 doTextClick()
{
    if (document.getElementById('et_question').innerHTML == aise.StandaardTekst)
    {
        document.getElementById('et_question').innerHTML = "";
        document.getElementById('et_question').focus();
    }
}
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 <= 153) { cntdiv.style.color = "#93ca7a"; }
        if (tel >= 154 && tel <= 155) { cntdiv.style.color = "#67b54b"; }
        if (tel >= 156 && tel <= 157) { cntdiv.style.color = "#45a528"; }
        if (tel >= 158 && tel <= 159) { cntdiv.style.color = "#390"; }
        if (tel == 160) { cntdiv.style.color = "#f00"; }
    }
}

function CharTeller2(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 <= 293) { cntdiv.style.color = "#93ca7a"; }
        if (tel >= 294 && tel <= 295) { cntdiv.style.color = "#67b54b"; }
        if (tel >= 296 && tel <= 297) { cntdiv.style.color = "#45a528"; }
        if (tel >= 298 && tel <= 299) { cntdiv.style.color = "#390"; }
        if (tel == 300) { cntdiv.style.color = "#f00"; }
    }
}

// FLASH COMMUNICATIE //
function actionScriptReady()
{
    asReady = true;
}
function setState(state)
{
    if (asReady)
    {
        //flash = getElementById("flashContent");
        flash = getElementById("chatbot");
        flash.setCharacterState(state);
    }
}

/* TSCS: Peter Derwa 20-11-2008 -----------------------------------------------------------  *
* indien er 3 maal een vraag niet begrepen wordt, wordt de link naar de chatsessie vermeld. *
* bij onclick van deze link, wordt er een IFrame geopend over de dimmed layer               *
* een link wordt gecreëerd als antwoord, met deze functie als onclick                       *
* bij het sluiten van de popup, moet ook de IFrame gewist worden                            *
* ----------------------------------------------------------------------------------------- */
var CheckChatSessionTimer;

function OpenChatSession()
{
    var content = document.getElementById('et_bgborder2');
    if (content)
    { // if the et_bgborder2 box exists
        var et_alles2 = document.getElementById('et_alles2'); // if the et_alles2 box exists
        if (et_alles2)
        {
            if (document.getElementById('et_testing'))
            {
                document.getElementById('et_testing').style.visibility = "hidden";
                document.getElementById('et_testing').style.display = "none";
            }
            var chatFrame = document.createElement("iframe");
            chatFrame.setAttribute('src', et_loc + '://chat.kpn.com/chat/kpn_vast?UID=' + aise.lastReceived_uid + "&cat=" + escape(categoryName)); // + "&group=" + aise.wantedChatGroup
            chatFrame.setAttribute('id', 'chatFrame');
            chatFrame.setAttribute('name', 'chatFrame');
            chatFrame.setAttribute('frameborder', '0');
            chatFrame.setAttribute('border', '0');
            chatFrame.setAttribute('scrolling', 'no');
            chatFrame.style.width = 602 + 'px';
            chatFrame.style.height = 413 + 'px'; //381

            content.style.visibility = 'hidden';
            content.style.display = 'none';
            et_alles2.appendChild(chatFrame);
            //CheckChatSessionTimer = window.setTimeout(CheckCloseChatSession, 500);
        }
    }
}
function CloseChatSession()
{
    var content = document.getElementById('et_bgborder2');
    var et_alles2 = document.getElementById('et_alles2');
    var chatframe = document.getElementById('chatFrame');
    if (content && et_alles2 && chatframe)
    { // all the right elements exist
        try
        {
            //window.clearTimeout(CheckChatSessionTimer);
            // remove chatframe
            et_alles2.removeChild(chatframe);
            // show VA
            content.style.display = 'block';
            content.style.visibility = 'visible';
        } catch (e)
        {
            //alert(e);
        }
    }
}

function CheckCloseChatSession()
{
    try
    {
        //alert(document.getElementById('chatFrame').document.GetUserExitStatus());
        //alert(top.frames['chatFrame'].GetUserExitStatus());
        CheckChatSessionTimer = window.setTimeout(CheckCloseChatSession, 500);
    } catch (e)
    {
        //alert(e);
    }
}

function aiseOpenLink(url)
{
    var linkwin = window.open(url, 'KPN', 'left=0,top=0,width=610,height=700,menubar=yes,location=no,status=no,resizable=yes,scrollbars=yes');
}
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;
}