var Thommes_Menu;
var winW = 800; 
var winH = 600;
var SubMenuBreedte = 200;
var BrwIE = false;
var HoofdMenuItems = new Array();
var MainTop;
var HoofdMenu;
var SubMenu;
var MainContent;
var BeheerWindow;
var Huidige_Pad_voor_Plaatjes = "images/Plaatjes";
var HuidigActiefSchermNummer = -1;
var HuidigSubMenuItemId = "";
var SubMenuUitlijningRechts = false;
var SubMenus = new Array();
var KopImages = new Array();
var Achtergrond;
var LogoThommes;
var WelkomThommes;
var KnopHMImg;
var KnopSMImg;
var HuidigeLijst;
var HuidigeLijstBg = null;
var HuidigeLijstObj = null;
var HuidigeBijlage = null;
var HuidigeBijlageBg = null;
var BezigMetVersturen = false;
var IkBenAdministrator = false;
var KoekiesStaatAan = false;
var TMCEEditorData = new Array();
var BewerkenActief = false;
var ImageKop = new Image();
var KontroleGetal;

var Inloggen;
     var PanelLogin;
          var Label4;
          var Label50;
          var Label11;
          var Label8;
          var InlogGebruiker;
          var InlogWachtwoord;
          var KnopInloggen;
          var RememberP;


function ToonInloggenScherm(MaakNieuweControls)
{

     if (MaakNieuweControls)
     {    PanelLogin = new SchermElement(305, 210, new AW.HTML.DIV,  "PanelLogin");
     };
     if (MaakNieuweControls)
     {    Label4 = new SchermElement(83, 16, new AW.UI.Label,  "Label4");
     };
     Label4.Aw.setControlText("Ferienhof Thommes");
     Label4.Positioneer(22, 9);
     Label4.Aw.refresh();
     if (MaakNieuweControls)
     {    Label50 = new SchermElement(83, 16, new AW.UI.Label,  "Label50");
     };
     Vul_Control(Label50, "Inloggen");
     Label50.Positioneer(127, 9);
     Label50.Aw.refresh();
     if (MaakNieuweControls)
     {    Label11 = new SchermElement(63, 16, new AW.UI.Label,  "Label11");
     };
     Vul_Control(Label11, "Gebruikersnaam");
     Label11.Positioneer(22, 49);
     Label11.Aw.refresh();
     if (MaakNieuweControls)
     {    Label8 = new SchermElement(60, 16, new AW.UI.Label,  "Label8");
     };
     Vul_Control(Label8, "Wachtwoord");
     Label8.Positioneer(22, 84);
     Label8.Aw.refresh();
     if (MaakNieuweControls)
     {    InlogGebruiker = new SchermElement(131, 24, new AW.UI.Input,  "InlogGebruiker");
     };
     InlogGebruiker.Aw.setTabIndex(1);
     InlogGebruiker.Positioneer(127, 49);
     InlogGebruiker.Aw.refresh();
     if (MaakNieuweControls)
     {    InlogWachtwoord = new SchermElement(131, 24, new AW.UI.Input,  "InlogWachtwoord");
     };
     InlogWachtwoord.Aw.getContent("box/text").setAttribute("type", "password");
     InlogWachtwoord.Aw.setTabIndex(2);
     InlogWachtwoord.Positioneer(127, 84);
     InlogWachtwoord.Aw.refresh();
     if (MaakNieuweControls)
     {    KnopInloggen = new SchermElement(130, 25, new AW.UI.Button,  "KnopInloggen");
     };
     Vul_Control(KnopInloggen, "Inloggen");
     KnopInloggen.Aw.setTabIndex(3);
     KnopInloggen.Aw.onClick = KnopInloggenClick;
     KnopInloggen.Positioneer(127, 172);
     KnopInloggen.Aw.refresh();
     if (MaakNieuweControls)
     {    RememberP = new SchermElement(137, 34, new AW.UI.CheckBox,  "RememberP");
     };
     Vul_Control(RememberP, "Wachtwoord onthouden");
     RememberP.Aw.setControlValue(false);
     RememberP.Positioneer(127, 119);
     RememberP.Aw.refresh();
     PanelLogin.Aw.setContent("text", Label4.Aw + 
                    Label50.Aw + 
                    Label11.Aw + 
                    Label8.Aw + 
                    InlogGebruiker.Aw + 
                    InlogWachtwoord.Aw + 
                    KnopInloggen.Aw + 
                    RememberP.Aw);
     PanelLogin.Aw.refresh();
     PanelLogin.Positioneer(0, 0);
     PanelLogin.Aw.refresh();
     if (MaakNieuweControls)
     {    Inloggen = new SchermElement(400, 300, new AW.HTML.DIV,  "Inloggen");
     };     
	Inloggen.Positioneer(4, 4);
     Inloggen.Aw.refresh();
     Inloggen.Aw.setContent("text", PanelLogin.Aw);
     Inloggen.Aw.refresh();

     MainContent.Aw.setContent("text", Inloggen.Aw);
     MainContent.Aw.refresh();
}

function KnopInloggenClick()
{    // Maar wwer 'ns een onzinnig IE extraatje....
	Vul_Control(InlogWachtwoord, InlogWachtwoord.Aw.getContent("box/text").element().value);
	Vul_Control(InlogGebruiker, InlogGebruiker.Aw.getContent("box/text").element().value);
	// Zo nu snapt IE het ook....
	AJAX("scripts/loginadm.php", "GNaam=" + Fatsoeneer(Waarde_Van(InlogGebruiker), "'", "''") + 
			                   "&WWoord=" + Fatsoeneer(Waarde_Van(InlogWachtwoord), "'", "''"), VerwerkInloggenAdmin);
};

function Waarde_Van(Elm)
{    return Elm.Aw.getControlText();
}

function MaakPWStatusKoekie(KNaam)
{    var s = "RPswrd_" + IkBenAdministrator + "_" + KNaam;
	if ((RememberP.Aw.getControlValue()) && (Waarde_Van(InlogWachtwoord) != ""))
	     MaakKoekie(s + "=" + Waarde_Van(InlogWachtwoord))
     else VerwijderKoekie(s)		
};


function VerwerkInloggenAdmin(xml)
{	var x = xml.split("::ssp::");
	// Velden "JeBentIngelogd" of "NOK", ID, Gebruiker, Wachtwoord
	if (x[0] == "JeBentIngelogd")
	{    if (KoekiesStaatAan)
		     MaakPWStatusKoekie(x[2]);
		Starten();
	}
	else 
	{    alert("Onjuiste gebruikersnaam / wachtwoord combinatie");  
		Vul_Control(InlogWachtwoord, "");
		document.getElementById("InlogGebruiker").focus();
	};
};


function Vul_Control(Elm, Tekst)
{    Elm.Aw.setControlText(Tekst);
	Elm.Aw.refresh();
}

function ImageElement(TargetId,   // Het id van het image-element wat (vertraagd) wordt gevuld
				  ImgPad,     // Het pad van het image
				  NaGeladen)  // Afwijkende afterload   
{    this.TargetId = TargetId;
	this.ImgPad = ImgPad;
	this.NaGeladen = ((NaGeladen) ? NaGeladen : ImageGeladen);
	this.img = new Image();
	this.img.alt = 0;
	this.Inhoud = function()
			    {    var st = parseInt(this.img.alt);
				    var s = "";
				    switch(st)
				    {    case 0: 
						    {    var IMG = this.img;
							    var TID = this.TargetId;
							    var LOF = this.NaGeladen;
							    this.img.alt++;
							    this.img.onload = function()
							    				  {    LOF(IMG, TID);
											  }
							    this.img.src = this.ImgPad;  // Hierdoor start het laden van het plaatje
							    break;
						    }
					    case 1:
						    {
							    break;
						    }
					    case 2:
						    {    s = this.img.src;
							    break;
						    }
			         };
				    if (this.img.alt > 1)
					    s = this.img.src; // Het kan zijn dat de onload inmiddels is voltooid
				    return s;
			    };
}

function SchermElement(EBreedte, 
                       EHoogte, 
                       Aw,
                       ElmId)
{    this.EBreedte = EBreedte;
     this.EHoogte = EHoogte;
     this.WerkB = -1;
     this.WerkH = -1;
     this.Aw = Aw;
     this.Aw.setId(ElmId);
     this.Positioneer = Positioneer;
     this.ZetAfmetingen = ZetAfmetingen;
     this.x = -1;
     this.y = -1;
     this.Data = null;
     this.Huidig = null; // Voor het automatisch muteren
}

function ZetAfmetingen(Breedte, Hoogte)
{    this.EBreedte = Breedte;
     this.EHoogte = Hoogte;
};     

function Positioneer(xPos, yPos)
{    if (xPos == -1)
	{    // Onzichtbaar maken
		this.Aw.setPosition(-this.EBreedte - winW, yPos);
		this.Aw.refresh();
		return;
	}

	var y = 0;
     var x = 0;
	if (this.EHoogte == -1) // Uitvullen tot onderaan scherm
	{    y = winH - yPos;
	}
	else
	{    y = this.EHoogte;
	};
	
	if (this.EBreedte == -1) // Uitvullen tot rechts van scherm
	{    x = winW - xPos;
	}
	else
	{    x = this.EBreedte;
	};
     x = ((x < 0) ? 0 : x);
	y = ((y < 0) ? 0 : y);
	this.Aw.setPosition(xPos, yPos);
	this.x = xPos;
	this.y = yPos;
	this.Aw.setSize(x, y);
	this.WerkB = x;
	this.WerkH = y;
	this.Aw.refresh();
}

function Vul_Element(Elm, Tekst)
{    Tekst = (Tekst || "");
	Elm.Aw.setContent("text", Tekst);
	Elm.Aw.refresh();
}

function MetQuotes(s)
{    return "'" +  Fatsoeneer(s, "'", "''") + "'";
}

function AJAXRequestObject()
{	var h;
	try
     {    h = new XMLHttpRequest(); // Firefox, Opera 8.0+, Safari
     }
     catch (e)
     {    try
          {    h = new ActiveXObject("Msxml2.XMLHTTP");// Internet Explorer
          }
          catch (e)
          {    try
               {    h = new ActiveXObject("Microsoft.XMLHTTP");
               }
               catch (e)
               {    alert("You are using an obsolete browser!");   // "U gebruikt een verouderde browser!"
                    return false;
               }
          }
     };
     return h;
};

function StripEnters(s)
{ // Maar weer 'ns een lekkere Windows-bugje wegwerken
     while ((s.charCodeAt(0) == 13) &&
	 	  (s.charCodeAt(1) == 10))
	    s = s.substr(2);
     var t = s.length;
     while ((s.charCodeAt(t - 2) == 13) &&
		  (s.charCodeAt(t - 1) == 10))
     {   s = s.substr(0, t - 2);
	    t = s.length;
     };
	return s;
};

function AJAX(URL, Parameters, VerwerkFunctie)
{    var s = "";
	var u = URL;
	var t = 0;
     var d = new Date();
	var GOP = "";
	var xmlHttp = AJAXRequestObject();
	if (!xmlHttp) 
		return;
     xmlHttp.onreadystatechange = function()
                                  {    if(xmlHttp.readyState==4)
                                       {    VerwerkFunctie(StripEnters(xmlHttp.responseText));
							    };
                                  };
     s = "IEbug=" + d.getTime();
     if (URL.indexOf("?") == -1)
     {     URL += "?" + s;
     }
     else
     {    URL += "&" + s;
     };
	if (Parameters == "")
	     GOP = "GET"
	else GOP = "POST";
     xmlHttp.open(GOP, URL, true);
     if (GOP == "POST")
     {    
		xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
          xmlHttp.setRequestHeader("Content-length", Parameters.length);
          xmlHttp.setRequestHeader("Connection", "close"); 
          xmlHttp.send(Parameters);
     }
     else
     {    xmlHttp.send(null);
     }
}

function Fatsoeneer(s, zoek, vervang)
{    var a = s.split(zoek);
	return a.join(vervang);
};

function SubMenuUit(Nivo)
{    var obj;
	for (var i = Nivo; i < (SubMenus.length + 1); i++)
	{    obj = AW.object("SubMenu_" + (i));
		obj.setPosition(-winW);
		obj.refresh();
	}
}

function HoofdMenuItemx(idx)
{    index = parseInt(idx);
	var n = HoofdMenu.Aw.getItemCount();
	var x = 0;
     for (var i = 0; i < index; i++)
     {    x += HoofdMenu.Aw.getItemTemplate(i).getStyle('width');
          if (i > 0)
               x++;
	};
	
	if (index > (n / 2))
	{	x += HoofdMenu.Aw.getItemTemplate(i).getStyle('width') - SubMenuBreedte - 1; // Submenu rechts uitlijnen
		SubMenuUitlijningRechts = true;
	}
	else 
		SubMenuUitlijningRechts = false;
	
	return 1 * x;
}

function SubMenuTonen(MTabel, idx, Nivo)
{   HuidigSubMenuItemId = Nivo + "*" + idx;
	
	SubMenuUit(Nivo);
	var m = MTabel[idx]; // De submenuitems (en onderliggende submenus)
	if (!m) // Geen submenu(s) voor dit item
		return;
	var n = m.length;
	if (n < 1)
		return;  // Geen submenu(s) voor dit item
	
	var ni = Nivo - 1;
	if (Nivo > SubMenus.length)
	{	SubMenus.push(false);
		var sm = new SchermElement(100, 100, new AW.UI.List, "SubMenu_" + Nivo); 
		sm.Aw.setClass("Sub", "Menu");
		SubMenus[ni] = sm;
		var E = document.getElementById("SubMenus");
	     var s = E.innerHTML || "";
		s += "<span id='SubMenu_" + Nivo + "'></span>";
		E.innerHTML = s;
	};
	var s;
	SubMenus[ni].Aw.getItemTemplate().setStyle('height', 45);
	var submns = new Array();
	for (var i = 0; i < n; i++)
	{    s = m[i][0];
		s = s.split("==");
		SubMenus[ni].Aw.setItemText(s[0], i);
		SubMenus[ni].Aw.setItemValue(((s[1]) ? s[1] : "--"), i);
		submns.push(m[i][1]);
	};
	SubMenus[ni].Aw.setItemCount(n);
	SubMenus[ni].Aw.setSelectedItems([]);
	SubMenus[ni].EBreedte = SubMenuBreedte;
	SubMenus[ni].EHoogte = (75 * n) + 3;
	SubMenus[ni].Aw.onItemMouseOver = function(event, index)
					              {    SubMenuTonen(submns, index, 1 + Nivo)
							    };
	SubMenus[ni].Aw.onItemClicked = function(event, index)
							  {    SubMenuDoen(this, index);
							  };
	var x = 0;
	var y = 0;
	if (Nivo < 2) 
	{ // Hoodmenusubitems
	     x = HoofdMenu.x + HoofdMenuItemx(idx);
	     y = 225;
	}
	else
	{ // Sub-subitems
		m = AW.object("SubMenu_" + (Nivo - 1));
		x = parseInt(m.getStyle("left")) + ((SubMenuUitlijningRechts) ? -SubMenuBreedte : SubMenuBreedte);
		y = parseInt(m.getStyle("top")) + (idx * 75);
	}
	SubMenus[ni].Positioneer(x, y);
	SubMenus[ni].Aw.refresh();
	ZetMenuStyle(SubMenus[ni], KnopSMImg.Inhoud(), "none");
}


function ToonPagina(p)
{    if (p != "--")
	{    document.getElementById("PaginaFrame").src = "apag.php?P=" + p;
	};
	SubMenuUit(1);
}

function ToonPaginaAdmin(p)
{    BeheerWindow.Aw.setStyle("left", "-1000");
	ToonPagina(p);
}

function SubMenuDoen(obj, idx)
{    if (!IkBenAdministrator)
	{	ToonPagina(obj.getItemValue(idx));
		return;
	}
	
	if (BewerkenActief)
	{    BewerkenActief = false;
		return;
	}
	
	if (!IsEditorGewijzigd())
	{    ToonPaginaAdmin(obj.getItemValue(idx));
		return;
	};
	
	var p = obj.getItemValue(idx);

	// Wijzigingen bewaren?
	var i = TMCEEditorIndex(tinyMCE.activeEditor.id);
	if (i < 0)
	     return;  // Kan eigenlijk niet.
	ph = TMCEEditorData[i].EdKey;
	
 
		
	Vraag({
	  Tekst:   "De wijzigingen bewaren?",
	  Titel:   "Beheer Ferienhof Thommes",
	  Knoppen: new Array({
					 KnopTekst: "Ja",
					 Akties: [1, 0]
					 },
					 {
					 KnopTekst: "Nee",
					 Akties: [2, 0]
					 },
					 {
					 KnopTekst: "Annuleren",
					 Akties: []
					 }),
	  MAkties: new Array("ToonPaginaAdmin('" + p + "')",
					 "BewaarPagina('" + ph + "')",
					 "ResetEditor('" + ph + "')"
					)
	 });
};


function HaalWindowSizes()
{    winW = 788; // ongeveer o.b.v. 800 x 600
     winH = 360;
     if (BrwIE)
     {    winW = document.body.offsetWidth - 4;
          winH = document.body.offsetHeight - 4;
     }
     else
     { // FF of NS
		winW = window.innerWidth - 0;
		winH = window.innerHeight - 2;
	};
	winW = (winW < 788) ? 784 : winW;
	winH = (winH < 360) ? 360 : winH;
}

function SchikMenu(Elm)
{return;    var n = Elm.Aw.getItemCount();
	var netto = Elm.WerkB - n + 1;
     var ir = netto % n;
     var iw = (netto - ir) / n;
     for (var i = 0; i < n; i++)
     {    Elm.Aw.getItemTemplate(i).setStyle('width', iw + ((ir > 0) ? 1 : 0)); // de eersten 1 px groter totdat Rest op is
          ir--;		
	};
	Elm.Aw.refresh();
}

function MaakSubMenu(nivo)
{    var n = new Array();
	for (var i = 0; i < Thommes_Menu.length; i++)
	{    if ((Thommes_Menu[i][0].indexOf(nivo) == 0) &&
		    ((Thommes_Menu[i][0].length - nivo.length == 1)) &&
		    (Thommes_Menu[i][0] != nivo))
	     {    n.push(new Array(Thommes_Menu[i][1], MaakSubMenu(Thommes_Menu[i][0] + "*")));
		}
	}
	return n;
};

function ImageGeladen(Image, TID)
{    Image.alt++; // Ivm status;
	var elm = document.getElementById(TID);
	if (elm)
		elm.src = Image.src;
};

function ZetMenuStyle(Elm, Url, Kleur)
{    for (var i = 0; i < Elm.Aw.getItemCount(); i++)
	{    Elm.Aw.getItemTemplate(i).setStyle('background', ' url(' + Url + ')');
		Elm.Aw.getItemTemplate(i).setStyle('background-repeat', 'no-repeat');
		Elm.Aw.getItemTemplate(i).setStyle('background-position', 'center center');
	}
	Elm.Aw.refresh();
}

function AchtergrondGeladen(Image, TID)
{	Image.alt++; // Ivm status;
	document.getElementById("Achtergrond").innerHTML = '<img id="Achtergrond_Thommes" style="width:100%; height:100%" ' +
	                                                   'src="' + Achtergrond.Inhoud() + '">';
}

function HoofdMenuKnopGeladen(Image, TID)
{    Image.alt++; // Ivm status;
	ZetMenuStyle(HoofdMenu, Image.src, "none");
};

function SubMenuKnopGeladen(Image, TID)
{    Image.alt++; // Ivm status;
	var s = HuidigSubMenuItemId.split("*");
	ZetMenuStyle(SubMenus[1 - s[0]], Image.src, "none");
};

function VulImages(Src, Pad)
{    var f;
	var p;
	KopImages = new Array();
	for (var i = 0; i < Src.length; i++)
	{    f = Src[i].split("*"); // 0: Imagenaam, 1: Breedte, 2: Hoogte, 3: Geladen
		p = new Image();
		KopImages[i] = new Array();
		p.id = "KopImage_" + i;
		p.alt = 0;
		p.onload = function()
				 {    ImageGeladen(p, p.id); // Moet in IE met deze hulpvariabele (....)
				 };
		p.src = Pad + "/" + f[0];
		KopImages[i][0] = p;
		KopImages[i][1] = f[1];
		KopImages[i][2] = f[2];
	};
}

function VulImageKop()
{    var x = document.getElementById("KopIMG");
	if (x)
	     x.src = ImageKop.src;
}

function MaakMainTop()	
{    
	var s = "<img id='KopIMG' src='scripts/images/Kop.png' alt='Bezig met laden.....'>";
/*	if (IkBenAdministrator)
	{    var oc = '"Extramelding"';
		s += "<img id='BeheerKnopEM' src='scripts/images/file_edit.PNG' onclick='" + "Bewerk(" + ", true);BewerkenActief=false;" + "'>";
	}
*/
	Vul_Element(MainTop, s);
//	document.getElementById("KopIMG").src = ImageKop.src;
	
//	AJAX("scripts/Haalgegevens.php", 
//	     "SQL=Select PGINHD from paginas") // where PGNAAM = 'Extramelding'", ToonExtraMelding);
	return;
}

function MaakScherm()
{    if (BrwIE)
	     document.body.scroll = "no";
	SubMenus = new Array();
	Achtergrond = new ImageElement("Achtergrond_Thommes", "scripts/images/Achtergrond.gif", AchtergrondGeladen); 
	var x = Achtergrond.Inhoud(); // Forceer laden
	
	KnopHMImg = new ImageElement("KnopHMImg", "scripts/images/Knop.png", HoofdMenuKnopGeladen); 
	KnopSMImg = new ImageElement("KnopSMImg", "scripts/images/Knopsub.png", SubMenuKnopGeladen);

	var tabel = Thommes_Menu.split("::vld::");
	var n = 0;
	var vn = -1;
	var nteller = new Array();
	for (var i = 0; i < tabel.length; i++)
	{    n = 0;
		for (var j = 0; j < tabel[i].length; j++)
		{    if (tabel[i].substr(j, 1) != " ")
			{    n = j;
				break;
			};
		};
		while (nteller.length < (n + 1))
			nteller.push(0);
		nteller[n]++;
		if (n < vn)
			nteller.length = n + 1;
		vn = n;
		n = "";
		for (var j = 0; j < nteller.length; j++)
		{    if (nteller[j] > 0)
			     n += nteller[j];
		}
		tabel[i] = new Array(nteller.join("*") , tabel[i]);
	};
	Thommes_Menu = tabel;
	// Hoofdmenuitems maken
	var subitems = new Array();
	var links = new Array();
	var x;
	var s;
	for (i = 0; i < Thommes_Menu.length; i++)
	{    x = Thommes_Menu[i][0].split("*");
		if (x.length == 1)
		{ // Hoofdnivo
			s = Thommes_Menu[i][1];
			s = s.split("==");
			HoofdMenuItems.push(s[0]);
			links.push(((s[1]) ? s[1] : "--"));
			subitems.push(MaakSubMenu(Thommes_Menu[i][0] + "*"));
		}
	};
	if (IkBenAdministrator)
	{    var oc = "Bewerk('PGNM');"
		var xt = '<img class="BeheerKnop" src="scripts/images/file_edit.PNG" onclick="' + oc + '">&nbsp;&nbsp;';
		for (i = 0; i < HoofdMenuItems.length; i++)
			HoofdMenuItems[i] = Fatsoeneer(xt, "PGNM", links[i]) + HoofdMenuItems[i];
	}
	
	HaalWindowSizes();

	MainTop = new SchermElement(990, 225, new AW.HTML.DIV,  "MainTop");
	var x = Math.max(Math.round(0.5 * (winW - 990)), 0);

	MaakMainTop();
	MainTop.Aw.setEvent("onmouseover", "SubMenuUit(1);");
	MainTop.Positioneer(x, 0);

	HoofdMenu = new SchermElement(160,  400, new AW.UI.List, "HoofdMenu"); 
	HoofdMenu.Aw.setClass("flow", "vertical");
	
	HoofdMenu.Aw.setItemText(HoofdMenuItems);
	HoofdMenu.Aw.setItemValue(links);
	HoofdMenu.Aw.setItemCount(HoofdMenuItems.length);
	HoofdMenu.Aw.onItemClicked = function(event, index)
	                             {    SubMenuDoen(this, index);
							    MaakMainTop();
						    };
	HoofdMenu.Aw.onItemMouseOver = function(event, index)
 	                               {    SubMenuTonen(HoofdMenu.Huidig, index, 1); 
						      };
	HoofdMenu.Aw.setCurrentItem(0);
	HoofdMenu.Aw.setItemState("selected", 0); 
	HoofdMenu.Huidig = subitems;
	HoofdMenu.Positioneer(x, 230);
	//SchikMenu(HoofdMenu);
	
	ZetMenuStyle(HoofdMenu, KnopHMImg.Inhoud(), "");
	MainContent = new SchermElement(990, winH - 225, new AW.HTML.DIV,  "MainContent");
	MainContent.x = x;
	MainContent.y = 225;
	MainContent.EHoogte = winH - 225;
	Vul_Element(MainContent, '<iframe id="PaginaFrame" onload="StartPag(this)" onmouseover="SubMenuUit(1);" src="apag.php?P=Home" frameborder="0" allowtransparency="true" SCROLLING="auto"' +
			               'style="width:100%;height:98%;border:0;margin:0;padding:0;"></iframe>' + 
						   '<div id="CopyRRH">Copyright © 2010 Rianne Heineke</div>');
	//Dat was : '<div           style="position:absolute;width:90%;left:5%;top:97%;height:3%;font-size:10px;color:green;text-align:right;overflow:none;border:0;margin:0;padding:0;">Copyright © 2009 Rianne Heineke</div>');

	Herplaats(MainContent);
};

function Herplaats(Elm)
{    Elm.Positioneer(Elm.x, Elm.y);
}

function Herschikken()
{    HaalWindowSizes();
	var kophoogte = 225;
	var x = Math.max(Math.round(0.5 * (winW - 990)), 0) + ((BrwIE) ? 0 : 2);
	MainTop.x = x;
	HoofdMenu.x = MainTop.x;
	MainContent.EHoogte = winH - MainTop.EHoogte - ((winW > MainTop.EBreedte) ? 0 : 21) - ((BrwIE) ? 4 : 0);
	MainContent.x = HoofdMenu.x + HoofdMenu.EBreedte + 10;
	MainContent.EBreedte = MainTop.EBreedte - HoofdMenu.EBreedte - ((winW > MainTop.EBreedte) ? 8 : 12);
	HoofdMenu.y = MainContent.y;
	HoofdMenu.EHoogte = MainContent.EHoogte;
	var c = document.getElementById("MainContent").innerHTML;
	Herplaats(HoofdMenu);
	Herplaats(MainTop);
	Herplaats(MainContent);
	Vul_Element(MainContent, c);
	document.getElementById("Achtergrond").style.width = Math.max(winW, MainTop.EBreedte);
	document.getElementById("Achtergrond").style.height = Math.max(winH, MainContent.y + MainContent.EHoogte + 1);
	x = Math.round(0.5 * (MainContent.EBreedte));
	document.getElementById("CopyRRH").style.width = x;
	document.getElementById("CopyRRH").style.top = MainContent.EHoogte - 12;
	document.getElementById("CopyRRH").style.left = MainContent.EBreedte - x;
	
	document.getElementById("AfdekDiv").style.width = MainTop.EBreedte;
	document.getElementById("AfdekDiv").style.height = MainTop.EHoogte;
	document.getElementById("AfdekDiv").style.top = MainTop.y;
	document.getElementById("AfdekDiv").style.left = MainTop.x;

}

function WelkeBrowser()
{    BrwIE = (navigator.appName.toUpperCase().indexOf("MICRO") == 0);
};

function Starten()
{	WelkeBrowser();
	ImageKop.onload = VulImageKop;
	ImageKop.src = 'scripts/images/Kop.png';
     MaakScherm();
	Herschikken();
};

function StartPag(w)
{    var pn = w.src.split("?");
	var p = App.getPagIndex(pn[1]);
	if (p < 0)
	{    App.AddPag(new PagObject(w.src)); // Pagina is er nog niet
	}
}

function KoekiesIsAan()
{    var t = new Date().getTime();
	MaakKoekie("TempCheckCookie=" + t);
	return (LeesKoekie("TempCheckCookie") != ""); 
};

function MaakKoekie(Inhoud, Aantalsec) 
{    var date = new Date();
	Aantalsec = (Aantalsec) || (1576800000); 
	date.setTime(date.getTime() + (Aantalsec * 1000));
	var expires = "; expires=" + date.toUTCString();
	document.cookie = Inhoud + expires + "; path=/";
}

function LeesKoekie(Naam) 
{	var nameEQ = Naam + "=";
	var ca = document.cookie.split(';');
	for(var i = 0; i < ca.length; i++) 
	{	var c = ca[i];
		while (c.charAt(0) == ' ') 
			c = c.substring(1, c.length);
		if (c.indexOf(nameEQ) == 0)  
			return c.substring(nameEQ.length, c.length);
	}
	return "";
}

function VerwijderKoekie(Naam) 
{	MaakKoekie(Naam + '=""', -1);
};

function StartenAdmin()
{	window.onbeforeunload = EindeAdmin;
	IkBenAdministrator = true;
	WelkeBrowser();
	KoekiesStaatAan = KoekiesIsAan();
	MainContent = new SchermElement(10, 10, new AW.HTML.DIV, "MainContent");
	MainContent.Positioneer(0, 0);
	BeheerWindow = new SchermElement(100, 100, new AW.HTML.DIV, "BeheerWindow");
	BeheerWindow.Positioneer(-1);
	LaatInlogSchermZien();
};

function ToonHetWachtwoord(text)
{	RememberP.Positioneer(RememberP.x);
     if (!KoekiesStaatAan)
	    return;
	var s = LeesKoekie("RPswrd_" + IkBenAdministrator + "_" + text);
	
	var z = (s != "");
	RememberP.Aw.setControlValue(z); // Het vinkje aan/uit zetten
	Vul_Control(InlogWachtwoord, (z ? s : "")); // Het bewaarde wachtwoord invullen
	if (z)
	     KnopInloggen.Aw.focus()
	else 
		InlogWachtwoord.Aw.getContent('box/text').element().focus();
	return;
};

function UitInlogGebruiker()
{    ToonHetWachtwoord(Waarde_Van(InlogGebruiker));
};

function LaatInlogSchermZien()
{    ToonInloggenScherm(true);
	InlogGebruiker.Aw.onControlValidated = ToonHetWachtwoord;
     // Let op, alleen de Enter/Tab toets wordt afgevangen!!!!!
	InlogGebruiker.Aw.onKeyEnter = function(e) 
							  {    setTimeout("UitInlogGebruiker();", 100);
								  return true; // cancel, de onControlValidated wordt nu NIET uitgevoerd. 
							  }; 
	InlogGebruiker.Aw.onKeyTab = function(e) 
						    {    setTimeout("UitInlogGebruiker();", 100);
							    return true; // cancel, de onControlValidated wordt nu NIET uitgevoerd. 
						    }; 
	InlogWachtwoord.Aw.onKeyEnter = function(e)
							  {    setTimeout("KnopInloggen.Aw.focus();", 100);
								  return true; // cancel 
							  };
	RememberP.Positioneer(-1); // Verbergen totdat gebruikersnaam is ingevuld.
	InlogGebruiker.Aw.getContent('box/text').element().focus();
};

function IsEditorGewijzigd()
{    if (!tinyMCE)
	    return false;
	    
	if (!tinyMCE.activeEditor)
	    return false;
    
	if (tinyMCE.activeEditor.isDirty())
		return true
		else return false;
};

function ResetTMCEDirty(ed)
{	if (!ed)
	{    if (!tinyMCE.activeEditor)
		    return;
		    
	     ed = tinyMCE.activeEditor;
     }
	ed.undoManager.clear();
	ed.isNotDirty = 1;
}

function StyleWaarde(theClass, element) 
{	var cssRules;
	if (document.all) 
	     cssRules = 'rules';
	else 
	     if (document.getElementById) 
		     cssRules = 'cssRules';
	for (var S = 0; S < document.styleSheets.length; S++)
	     for (var R = 0; R < document.styleSheets[S][cssRules].length; R++) 
		     if (document.styleSheets[S][cssRules][R].selectorText == theClass)
		          return eval("document.styleSheets[S][cssRules][R].style." + element);
	return "";
}

function SluitVraag(n)
{    document.getElementById("VraagWindow").style.visibility = "hidden";
	document.getElementById("AfdekWindow").style.visibility = "hidden";
}

function TMCEEditorIndex(EID)
{	var ni = -1;
	for (var i = 0; i < TMCEEditorData.length; i++)
	{    if (TMCEEditorData[i].EditorID == EID)
		{    ni = i;
			break;
		}
	};
	return ni;
}

function VulEditor(Element, Inhoud, EKey)
{    var Inh = ((Inhoud) ? Inhoud : "");
	// Bewaar <iframe en <?php tijdelijk
	var ted = '<div id="TempEditDiv_#" style="background:white;color:black;border:4px solid red;font-size:14px;font-weight: bold; ">Dit gedeelte niet wijzigen</div>'
	var strps = new Array();
	var h = Inh.toUpperCase();
	var p = -1;
	var p1 = -1;
	var s = "";
	var n = 0;
	p = h.indexOf("<IFRAME");
	while (p > -1)
	{    p1 = h.indexOf("</IFRAME>");
		s = Inh.substring(p, p1 + 9);
		Inh = Fatsoeneer(Inh, s, Fatsoeneer(ted, "#", n));
		strps.push(s);
		n++;
		p = h.indexOf("<IFRAME", p + 1);
	};
	
	p = -1;
	p1 = -1;
	s = "";
	h = Inh.toUpperCase();
	p = h.indexOf("<?PHP");
	while (p > -1)
	{    p1 = h.indexOf("?>");
		s = Inh.substring(p, p1 + 2);
		Inh = Fatsoeneer(Inh, s, Fatsoeneer(ted, "#", n));
		strps.push(s);
		n++;
		p = h.indexOf("<?PHP", p + 1);
	};
	
	var ElmId = Element.Aw.getId() + "X";
	var ni = TMCEEditorIndex(ElmId);
	if (ni > -1)
	{ // EditorID gevonden
		var ed = tinyMCE.get(ElmId);
		TMCEEditorData[ni].Inhoud = Inh;
		TMCEEditorData[ni].EdKey = EKey;
		TMCEEditorData[ni].Strips = strps;
		ed.setContent(Inh);
		ed.undoManager.clear();
		ed.isNotDirty = 1;
	}
	else
	{ // Nieuwe Editor maken
		Vul_Element(Element, '<div id="' + ElmId + '" style="width:100%;height:100%;border:0;margin:0;padding:0;overflow:auto;"></div>');
		TMCEEditorData.push({
						  EditorID: ElmId,
						  Inhoud: Inh,
						  EdKey: EKey,
						  Strips: strps,
						  Geladen: false
						}); 
		tinyMCE.execCommand('mceAddControl', false, ElmId);
	}
};

function TMCEInhoud(EditorID)
{    var ed = null;
	if (EditorID)
		ed = tinyMCE.get(EditorID + "X")
	else ed = tinyMCE.activeEditor;
	
	if (!ed)
	     return ""
	else return ed.getContent();
};

function ToonEditor(xml)
{	var x = xml.split("::ssp::");
	if (x[0] != "OK")
	{    alert("ToonEditor - Error:\n\n" + xml);
		return;
	};
	var p = x[1] || "-1::vld::";
	var p = p.split("::vld::");
	if (p[2])
	{ // Aparte beheerpagina
		document.getElementById("PaginaFrame").src = p[2];
		BeheerWindow.Aw.setStyle("left", "-1000");
	}
	else
	{    VulEditor(BeheerWindow, p[1] || "", p[0]);
		BeheerWindowZichtbaar();
	}
}

function TMCEEditorIndexfromKey(Key)
{	var ni = -1;
	for (var i = 0; i < TMCEEditorData.length; i++)
	{    if (TMCEEditorData[i].EdKey == Key)
		{    ni = i;
			break;
		}
	};
	return ni;
}

function Vraag(VObj)
{    var el = document.getElementById("AfdekWindow");
	el.style.left = 0;
	el.style.top = 0;
	el.style.visibility = "visible";
	
	var el = document.getElementById("VraagWindow");
	el.style.left = parseInt((winW - parseInt(StyleWaarde("#VraagWindow", "width"))) / 2) + "px";
	el.style.top = parseInt((winH - parseInt(StyleWaarde("#VraagWindow", "height"))) / 2) + "px";
	
	var s = '<div class="TitelbalkVraag">' + VObj.Titel + '</div>' +
		   '<div class="TekstVraag">' + VObj.Tekst + '</div>' +
		   '<div class="KnoppenbalkVraag">';
	var a;
     for (var i = 0; i < VObj.Knoppen.length; i++)
	{    var sa = "";
		for (a = 0; a < VObj.Knoppen[i].Akties.length; a++)
		     sa += VObj.MAkties[VObj.Knoppen[i].Akties[a]] + ";";
		s += '<input type="button" onclick="SluitVraag();' + sa + '" class="VraagKnop" value="' + VObj.Knoppen[i].KnopTekst + '">';
	};
	s += '</div>';
	el.innerHTML = s;
	el.style.visibility = "visible";
}

function Bewerk(p)
{    if (TMCEEditorIndexfromKey(p) > -1)
	{    BewerkPagina(p, false);
	     return; // Dat is dezelfde pagina
	}
		
     if (!IsEditorGewijzigd())
	{    BewerkPagina(p, true);
	     return;
	}
	// Wijzigingen bewaren?
	var i = TMCEEditorIndex(tinyMCE.activeEditor.id);
	if (i < 0)
	     return;  // Kan eigenlijk niet.
	
	ph = TMCEEditorData[i].EdKey;
	
	Vraag({
		  Tekst:   "De wijzigingen bewaren?",
		  Titel:   "Beheer Ferienhof Thommes",
		  Knoppen: new Array({
						 KnopTekst: "Ja",
						 Akties: [1, 0]
		  				 },
						 {
						 KnopTekst: "Nee",
						 Akties: [2, 0]
		  				 },
						 {
						 KnopTekst: "Annuleren",
						 Akties: []
		  				 }),
		  MAkties: new Array("BewerkPagina('" + p + ", true')",
		                     "BewaarPagina('" + ph + "')",
					      "ResetEditor('" + ph + "')"
						)
	      })
}

function BeheerWindowZichtbaar()
{    BeheerWindow.Aw.setStyle("width", MainContent.EBreedte + "px");
	BeheerWindow.Aw.setStyle("height", MainContent.EHoogte + "px");
	BeheerWindow.Aw.setStyle("left", MainContent.x + "px");
	BeheerWindow.Aw.setStyle("top", MainContent.y + "px");
}

function BewerkPagina(p, Ophalen)
{	BewerkenActief = true;
	if (Ophalen)
		AJAX("scripts/Haalgegevens.php", 
			"SQL=Select PGNAAM, PGINHD, BEHEERPAGINA from paginas where PGNAAM = '" + p + "'", ToonEditor)
	else BeheerWindowZichtbaar();
}

function LadenKlaar(editor_id, body, doc) 
{    var x = document.URL.split("/");
	var x1 = new Array();
	for (var i = 0; i < x.length - 1; i++)
	    x1.push(x[i]);
     x = x1.join("/");
	var ed = tinyMCE.get(editor_id);
	ed.settings.content_css = x + "/css/admin.css ";
	ed.settings.external_image_list_url = x + "/scripts/plaatjeslijst.php?Map=../images";
	
	var ni = TMCEEditorIndex(editor_id);
	if (ni > -1)
	{ // EditorID gevonden
		ed.setContent(TMCEEditorData[ni].Inhoud);
		TMCEEditorData[ni].Geladen = true;
		ed.undoManager.clear();
		ed.isNotDirty = 1;
	}
}

function ResBewaarContent(xml)
{    var x = xml.split("::ssp::");
	if (x[0] != "OK")
	{    alert("ResBewaarContent - Error:\n\n" + xml);
	};
	MaakMainTop();
}

function UpdatePagina(PKey, Inhoud)
{    AJAX("scripts/UpdateDB.php", "SQL=Update paginas set PGINHD = " + Inhoud + 
		" where PGNAAM = '" + PKey + "'", ResBewaarContent);
     
};

function BewaarContent(ed) 
{    var i = TMCEEditorIndex(ed.id);
	if (i < 0)
	     return;  // Kan eigenlijk niet.

	// iframe en <?php terugzetten
	var h = ed.getContent();
	var p = -1;
	var p1 = -1;
	var s = "";
	for (var j = 0; j < TMCEEditorData[i].Strips.length; j++)
	{    p = h.indexOf('<div id="TempEditDiv_' + j + '"');
		if (p > -1)
		{ // Kan eigenlijk niet anders
			p1 = h.indexOf("Dit gedeelte niet wijzigen</div>");
			if (p1 > -1)
			{ // Kan eigenlijk niet anders
			     s = h.substring(p, p1 + 32);
				h = Fatsoeneer(h, s, TMCEEditorData[i].Strips[j]);
			}
		}
	};
	UpdatePagina(TMCEEditorData[i].EdKey, KodeerURL(MetQuotes(h)));
	ResetTMCEDirty(ed);
}

function BewaarPagina(p)
{    var i = TMCEEditorIndexfromKey(p);
	if (i < 0)
	     return;  // Kan eigenlijk niet.
	var EID = TMCEEditorData[i].EditorID;
	var ed = tinyMCE.get(EID);
	BewaarContent(ed);
}

function ResetEditor(p)
{    var i = TMCEEditorIndexfromKey(p);
	if (i < 0)
	     return;  // Kan eigenlijk niet.
	var EID = TMCEEditorData[i].EditorID;
	var ed = tinyMCE.get(EID);
	ed.setContent(TMCEEditorData[i].Inhoud);
	ResetTMCEDirty(ed);
}

function EindeAdmin()
{	if (IsEditorGewijzigd())
	     return "De niet-opgeslagen gegevens gaan dan verloren!";
}

function Volledige_Tekst(elm)
{    document.getElementById("thommes_GB_Tekst").innerHTML = elm.innerHTML;
}

function UpdateGB_Resultaat(xml)
{    var x = xml.split("::ssp::");
	if (x[0] != "OK")
	{    alert("Fout bij het bewaren van uw gastenboekbericht\n\nError:\n\n" + xml);
		return;
	};
	MaakGastenboek();

}

function Save_GB(elm)
{	if (elm.innerHTML.search("</s>") != -1)
	{    alert("U heeft uw naam niet ingevuld,\ngeen bericht ingetikt of \nde controlecode is onjuist!");
		MaakControle();
	}
	else
	{    var ed = tinyMCE.get("thommes_Vul_In_ED");
		var s1 = PrepareerParam(ed.getContent());
		var s = PrepareerParam(document.getElementById("GB_Naam").value);
		AJAX("scripts/UpdateGB.php", "NAAM=" + s + "&INHOUD=" + s1, UpdateGB_Resultaat);
		ed.setContent("");
		ed.undoManager.clear();
		ed.isNotDirty = 1;
     }
}

function PrepareerParam(p)
{   return KodeerURL(LeegNaarNull(p));
}

function LeegNaarNull(s)
{    return ((s == "") ? "null" : s);
}

function KodeerURL(s)
{	return Fatsoeneer(Fatsoeneer(Fatsoeneer(Fatsoeneer(s, "=", "::eQ::"), "?", "::qM::"), "@", "::aP::"), "&", "::aS::");
}

function MaakControle()
{    var s = "";
	KontroleGetal = new Array();
	for (var i = 0; i < 4; i++)
	{	KontroleGetal.push(Math.floor(Math.random() * 10));
		s += "<img class='thommes_Check' style='left:" + (i * 27) + "px;' src='scripts/images/Controle/" + 
	          KontroleGetal[i] + ".jpg'>";
	}
     document.getElementById("thommes_GB_Save_Top_Left").innerHTML = s;
	document.getElementById("thommes_GB_Save_Top_Right").innerHTML = 
	         'Controlecode: <input id="GB_Code" type="text" onkeyup="Kontroleer()"></input>';
}

function KontroleerOpInhoud(inst)
{    Kontroleer(inst.getContent() != "");
}

function Kontroleer(EditorStatus)
{    var t = "<s>Versturen</s>";
	var e1 = document.getElementById("GB_Code");
	var e2 = document.getElementById("GB_Naam");
	if (!EditorStatus)
	{    var ed = tinyMCE.get("thommes_Vul_In_ED");
	     var e3 = ed.getContent();
	}
	else
		e3 = "*";
	if ((e1.value == KontroleGetal.join("")) &&
	    (e2.value != "") &&
         (e3 != ""))
	     t = "Versturen";
	document.getElementById("KnopSave").innerHTML = t;
}

function VulControleElementen()
{    MaakControle();
	document.getElementById("thommes_GB_Save_Bottom_Naam").innerHTML = 
	         'Naam: <input id="GB_Naam" type="text" onkeyup="Kontroleer()"></input>';
	
};

function Vul_Gastenboek(xml)
{    var x = xml.split("::ssp::");
	if (x[0] != "OK")
	{    alert("Vul_Gastenboek - Error:\n\n" + xml);
		return;
	};
	var s = new Array();
	var t = "";
	if (x[1])
	{ // Velden Naam, Inhoud, Datum
		var tabel = x[1].split('::rec::');
		var rcount = tabel.length;
		var rgl;
		for (var i = 0; i < rcount; i++)
		{    s.push('<div class="GBItem" style="top:' + i * 65 + 'px;">');
			rgl = tabel[i].split('::vld::');
			s.push('<div class="GBNaam">' + rgl[0] + '</div>' + 
				  '<div class="GBDatum">' + rgl[2] + '</div>' +
				  '<div class="GBInhoud" onclick="Volledige_Tekst(this)">' + rgl[1] + '</div>');
			s.push('</div>');
			if (i == 0)
			     t = rgl[1];
		};
		
	}
	document.getElementById("thommes_GB_Tekst").innerHTML = t;
	document.getElementById("thommes_GB").innerHTML = s.join("");
	VulControleElementen();
}

function LadenKlaarED(editor_id, body, doc) 
{    var ed = tinyMCE.get(editor_id);
	ed.setContent(HuidigeGBEditor_Inhoud);
}

function HerschikGB()
{    MaakGBEditor(true)
}

function MaakGBEditor(Herladen)
{	if (Herladen)
	{    var ed = tinyMCE.get("thommes_Vul_In_ED");
		HuidigeGBEditor_Inhoud = ed.getContent();
		tinyMCE.execCommand('mceRemoveControl', false, "thommes_Vul_In_ED");
	}
	var z = document.getElementById("thommes_Vul_In"); 
	z.innerHTML = '<div id="thommes_Vul_In_ED" ' + 
	              'style="border:0;margin:0;height:' + (0.90 * z.offsetHeight - 4) + 'px;' +
			    'padding:0;overflow:hidden"></div>';
	tinyMCE.execCommand('mceAddControl', false, "thommes_Vul_In_ED");
}

function StartGastenboek()
{   HuidigeGBEditor_Inhoud = "";
	MaakGastenboek();
	MaakGBEditor(false);
	window.onresize = HerschikGB;
}

function MaakGastenboek()
{	AJAX("scripts/Haalgegevens.php", "SQL=Select Naam, Inhoud, Datum from gastenboek order by Datum DESC", 
		Vul_Gastenboek);
}

function LaadOpnieuw(Url)
{    window.location.replace(Url)
}