// menuafhandeling
function PageInit(status) {
/*
  In deze functie moeten een aantal handelingen worden verricht om de pagina te tonen zoals we het willen

  In de eerste plaats moeten het menu worden verbogen
-------------------------------------------------------------------------------------------------------- */
   MenuInit();

   if(status == "INIT") {
      delCookie("bg1");
      delCookie("dr1");
      delCookie("bg2");
      delCookie("dr2");
      delCookie("bg3");
      delCookie("dr3");
      delCookie("ag0");
      delCookie("ag1");
      delCookie("end");

      setCookie("bg1","100", 1);
      setCookie("dr1","-1", 1);
      setCookie("bg2","0", 1);
      setCookie("dr2","1", 1);
      setCookie("bg3","0", 1);
      setCookie("dr3","0", 1);
      setCookie("ag0","1", 1);
      setCookie("ag1","2", 1);
   }
   setCookie("chg","0", 1);
   setCookie("end","X", 1);

   InitCaroussel();
   WriteBalls();
}

function setCookie(CookieName, value, expirehours) {
   var ExpireDate = new Date ();
   ExpireDate.setTime(ExpireDate.getTime() + (expirehours * 3600 * 1000));
   document.cookie = CookieName + "=" + escape(value) + ((expirehours == null) ? "" : "; expires=" + ExpireDate.toGMTString());
   return true;
}

function delCookie(CookieName) {
   document.cookie = CookieName + "=" + "; expires= , Fri 11 Aug 2007 00:00:01 GMT";
   return true;
}

function getCookie(CookieName) {
   if(document.cookie.length > 0) {
      begin = document.cookie.indexOf(CookieName+"=");
      if(begin != -1) {
         begin += 4;
         end = document.cookie.indexOf(";", begin);
         if(end == -1) {
            end = document.cookie.lenght;
         }
         return unescape(document.cookie.substring(begin, end));
      }
   }
   return null;
}

// afhandeling van de fading van de achtergrond. Eerste begin, moet nog ernstig worden uigebreid
function InitCaroussel() {
   /* haal het cookie op waarin de waarden van de achtergronden staan */
   var dr1 = getCookie('dr1');
   if(dr1 == null) {
      var bg1 = 100;
      var dr1 = -1;
      var bg2 = 0;
      var dr2 = 1;
      var bg3 = 0;
      var dr3 = 0;
      var ag0 = 1;
      var ag1 = 2;
      setCookie("bg1",bg1, 1);
      setCookie("dr1",dr1, 1);
      setCookie("bg2",bg2, 1);
      setCookie("dr2",dr2, 1);
      setCookie("bg3",bg3, 1);
      setCookie("dr3",dr3, 1);
      setCookie("ag0",ag0, 1);
      setCookie("ag1",ag1, 1);
   } else {
      var bg1 = getCookie('bg1');
      var dr1 = getCookie('dr1');
      var bg2 = getCookie('bg2');
      var dr2 = getCookie('dr2');
      var bg3 = getCookie('bg3');
      var dr3 = getCookie('dr3');
      var ag0 = getCookie('ag0');
      var ag1 = getCookie('ag1');
   }

   bg1 = bg1 / 1;
   dr1 = dr1 / 1;
   bg2 = bg2 / 1;
   dr2 = dr2 / 1;
   bg3 = bg3 / 1;
   dr3 = dr3 / 1;
   ag0 = ag0 / 1;
   ag1 = ag1 / 1;
   
   if(ag0 == 1 || ag1 == 1) {
      opacity = bg1 + dr1;                                        /* de nieuwe opacitywaarde*/
      setCookie("bg1",opacity, 1);                                 /* plaats een cookie*/
      obj = document.getElementById("bg1");                       /* zoek het element*/
      setOpacity(obj, opacity);                                   /* pas de opacity aan*/
      obj.style.display = 'block';
      if(opacity == 100) {
         dr1 = -1;
         setCookie("dr1",dr1, 1)
      }
   }

   if(ag0 == 2 || ag1 == 2) {
      opacity = bg2 + dr2;
      setCookie("bg2",opacity, 1);                                 /* plaats een cookie*/
      obj = document.getElementById("bg2");                       /* zoek het element*/
      setOpacity(obj, opacity);                                   /* pas de opacity aan*/
      obj.style.display = 'block';
      if(opacity == 100) {
         dr2 = -1;
         setCookie("dr2", dr2, 1)
      }
   }

   if(ag0 == 3 || ag1 == 3) {
      opacity = bg3 + dr3;                                        /* de nieuwe opacitywaarde*/
      setCookie("bg3",opacity, 1);                                 /* plaats een cookie*/
      obj = document.getElementById("bg3");                       /* zoek het element*/
      setOpacity(obj, opacity);                                   /* pas de opacity aan*/
      obj.style.display = 'block';
      if(opacity == 100) {
         dr3 = -1;
         setCookie("dr3", dr3, 1)
      }
   }

   if(bg1 < 0) {
      setCookie("chg", "1", 1);
      setCookie("bg1", 0, 1);
      setCookie("dr1", 0, 1);
      if(ag0 == 1) {
         setCookie("ag0", 3, 1);
      } else {
         setCookie("ag1", 3, 1);
      }
      setCookie("bg3", 0, 1);
      setCookie("dr3", 1, 1);
   }
   
   if(bg2 < 0) {
      setCookie("chg", "2", 1);
      setCookie("bg2", 0, 1);
      setCookie("dr2", 0, 1);
      if(ag0 == 2) {
         setCookie("ag0", 1, 1);
      } else {
         setCookie("ag1", 1, 1);
      }
      setCookie("bg1", 0, 1);
      setCookie("dr1", 1, 1);
   }

   if(bg3 < 0) {
      setCookie("chg", "3", 1);
      setCookie("bg3", 0, 1);
      setCookie("dr3", 0, 1);
      if(ag0 == 3) {
         setCookie("ag0", 2, 1);
      } else {
         setCookie("ag1", 2, 1);
      }
      setCookie("bg2", 0, 1);
      setCookie("dr2", 1, 1);
   }

   if(bg1 == 99 || bg2 == 99 || bg3 == 99) {
      setTimeout("InitCaroussel()", 10000);
   } else {
      setTimeout("InitCaroussel()", 800);
   }
}

function setOpacity(obj, opacity) {

   if(!obj) { return };
   opacity = (opacity == 100)?99.999:opacity;
   obj.style.filter = "alpha(opacity:"+opacity+")";
   obj.style.KHTMLopacity = opacity / 100;
   obj.style.MozOpacity = opacity / 100;
   obj.style.opacity = opacity / 100;
}


function MenuInit() {
   HideMenu('MediaLine');
   HideMenu('ThemaTitleMedia');
   HideMenu('BaseLine');
   HideMenu('ServLine');
   HideMenu('sub1');
   HideMenu('sub2');
   HideMenu('sub3');
   HideMenu('sub4');
   HideMenu('sub6');
}

function ShowMenu(id) {
   if(id == 'BaseLine') {
      var objItem = document.getElementById(id);
      objItem.style.display = 'block';
      if(document.getElementById("ServLine")) {
         var objItem = document.getElementById("ServLine");
         objItem.style.display = 'none';
      }
      if(document.getElementById("MediaLine")) {
         var objItem = document.getElementById("MediaLine");
         objItem.style.display = 'none';
         var objItem = document.getElementById("ThemaTitleMedia");
         objItem.style.display = 'none';
      }
      return;
   }

   if(id == 'ServLine') {
      var objItem = document.getElementById(id);
      objItem.style.display = 'block';
      if(document.getElementById("ServLine")) {
         var objItem = document.getElementById("BaseLine");
         objItem.style.display = 'none';
      }
      if(document.getElementById("MediaLine")) {
         var objItem = document.getElementById("MediaLine");
         objItem.style.display = 'none';
         var objItem = document.getElementById("ThemaTitleMedia");
         objItem.style.display = 'none';
      }
      return;
   }

   if(id == 'MediaLine') {
      var objItem = document.getElementById(id);
      objItem.style.display = 'block';
      var objItem = document.getElementById("ThemaTitleMedia");
      objItem.style.display = 'block';
      if(document.getElementById("ServLine")) {
         var objItem = document.getElementById("BaseLine");
         objItem.style.display = 'none';
      }
      if(document.getElementById("MediaLine")) {
         var objItem = document.getElementById("ServLine");
         objItem.style.display = 'none';
      }
      return;
   }


   var p_sMenuStam = 'sub';
   var p_nMenuTell = 0;

   while (p_nMenuTell <= 6) {
     var p_sobjNaam = p_sMenuStam + p_nMenuTell;
     var objItem = document.getElementById(p_sobjNaam);
     if(objItem) {
        if(p_sobjNaam == id) {
           objItem.style.display = 'block';
        } else {
           objItem.style.display = 'none';
        }
     }
     p_nMenuTell += 1;
   }

}

function HideMenu(id) {
   if(document.getElementById(id)) {
      var objItem = document.getElementById(id);
      objItem.style.display='none';
   }
}

function HideSMSG() {
   p_oLoginForm = document.getElementById("SystemMessage");
   p_oLoginForm.style.display = "none";
}

function delRequest(Smsg) {
   Antwoord = confirm(Smsg);
   return Antwoord;
}

function ShowSwitch(id) {
   var objItem = document.getElementById(id);
   if(objItem.style.display == 'none') {
      objItem.style.display = 'block';
   } else {
      objItem.style.display = 'none';
   }
   return;
}

function ShowSwitchOff(id) {
   var objItem = document.getElementById(id);
   if(objItem.style.display != 'none') {
      objItem.style.display = 'none';
   }
   return;
}

function PrintPage() {
   HideMenu('ServLine');
   window.print();
}

// open een screen, afhankelijk van de gewenste omvang op
// ergens in het midden van het scherm
function openscrn(fn,br,le,wdw)
{
hor = ((screen.width/2)-(br/2))
ver = 10
if ((le + ver) >= screen.height)
	{
	tpp = ",top=0"
	}
else
	{
	tpp = ",top=" + (((screen.height-(screen.height / 10))/2)-(le/2))
	}
res = ",resizable=no"
wid = ",width=" + br
hei = ",height=" + le
lef = ",left=" + hor
s ="'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no" + res + wid + hei + lef + tpp + "'"

window.open(fn,wdw,s)
}

function openscroll(fn) {
   MenuInit();

   res = ",resizable=no";
   wid = ",width=1024";
   hei = ",height=600";
   lef = ",left=10";
   tpp = ",top=0"
   s ="'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes" + res + wid + hei + lef + tpp + "'"

   window.open(fn, "BLANK", s)
}

function OpenExternalLink(url) {
   MenuInit();

   var thisdate = new Date();
   xrl = "EXTERNAL" +  thisdate.getTime();

   res = ",resizable=yes";
   wid = ",width=1024";
   hei = ",height=763";
   lef = ",left=0";
   tpp = ",top=0"
   s ="'toolbar=yes,location=yes,directories=yes,status=no,menubar=no,scrollbars=yes" + res + wid + hei + lef + tpp + "'"

   window.open(url, xrl, s)
}

function fullscrn()
{
self.moveTo(0,0);
self.resizeTo(screen.width,screen.height);
}

function delete_id(url){
   var WinConfirm = window.confirm("wilt u deze link echt verwijderen?");
   if(WinConfirm){
      url = 'delete.php'+url
      location.href=url;
   }
   return true;
}

/* ----------------------------------------------------------------------------------------
Javascript voor het tonen van extra informatie in vast gedefinieerd onderdeel op de pagina.

Vast onderdeel 
#MsGBox
Dit onderdeel moet in de css stylesheet worden beschreven in termen van 
Grootte           : kan relatief zijn wanneer het binnen een td valt
Achtergrondkleur  : welke achtergrondkleur kan worden gebruikt.
   GenInfo        : achtergrondkleur = lichtgroen, donkergroene letters, gewoon
   AllertInfo     : achtergrondkleur = rood, zwarte letters, bold
Borderstyle       : meestal 1px solid black

Twee functies:
   Create_MsGBox : met als variabele de tekst (HTML) die moet worden getoond op het scherm

In de HTML moet de volgende aanroep worden gebruikt:
   <TAG id="elementnaam" DispText="De te gebruiken tekst" onmouseover="Create_MsGBox('p_sId', 'MsGBox')" onmouseout="Remove_MsGBox('MsGBox')">
------------------------------------------------------------------------------------------- */

function Create_MsGBox(p_sId, p_sBox) {
/* In het bovenstaande wordt dat:
variabelen:

   p_sId = elementnaam   - Kan in principe op elk element van toepassing worden gebracht
   p_sBox = MsGBox       - Dit geeft de mogelijkheid meerdere pop-ups op een pagina te definieren in css
   p_sDispText =         - initieel leeg; wordt opgehaald uit de pagina


*/

   if(!document.getElementById) {
   /* Browser ken geen DOM indeling (?)*/
      return;
   }

/* Over welk element uit de pagina hebben we het */
   var el = document.getElementById(p_sId);

/* Welke tekst staat in het attribuut 'DispText' */
   var p_sDispText = el.getAttribute("DispText");

/* Over welke soort box hebben we het hier  */
   m_sBox = document.getElementById(p_sBox);

/* Vul het element met de opgehaalde tekst  */
   m_sBox.innerHTML = p_sDispText;

/* Maak het element zichtbaar  */
   m_sBox.style.visibility = 'visible';   
}


function Remove_MsGBox(p_sBox) {
/* Deze functie veranderd de visibility van het opgegeven element in naar invisible */

   if(!document.getElementById) {
   /* Browser ken geen DOM indeling (?)*/
      return;
   }

   document.getElementById(p_sBox).style.visibility='hidden';
}

function ShowLogin() {
   p_oLoginForm = document.getElementById("InlogForm");
   if(p_oLoginForm.style.display != "block") {
      p_oLoginForm.style.display = "block";
   } else {
      p_oLoginForm.style.display = "none";
   }

/*
   p_oLoginForm = document.getElementById("LogStatus");
   p_oLoginForm.style.display = "none";
*/
}

function HideLogin() {
   p_oLoginForm = document.getElementById("InlogForm");
   p_oLoginForm.style.display = "none";
}

function ShowLogStatus(status) {
   obj = document.getElementById("LogStatus");
   if(status == 1) {
      obj.innerHTML = "Je bent aangemeld<BR>klik om af te melden";
   } else {
      obj.innerHTML = "Klik om aan te melden";
   }
   obj.style.display = "block";
   MenuInit();
}

function HideLogStatus() {
   obj = document.getElementById("LogStatus");
   obj.style.display = "none";
   MenuInit();

}

function Logoff(idir) {
/* hier moeten we aan doorgeven of we in een hogere dir zitten of niet */
   var delMsg = "Weet u zeker dat u uit wil loggen?";
   Ack = confirm(delMsg)
   if(Ack) {
      var url = idir + "Logoff.php";
      GoToPage(url);
   } else {
      return true;
   }
}

function MoveTo(ThemaId) {
   MT = "index.php?MtD03=" + ThemaId;
   window.location=MT
}

function GoToPage(page) {
   window.location=page
}

function ShowAanmeldForm() {
   p_oUploadForm = document.getElementById("AanmeldForm");
   if(p_oUploadForm.style.display == "block") {
      p_oUploadForm.style.display = "none";
   } else {
      p_oUploadForm.style.display = "block";
   }
}