var areaworks = false;
var paard;var farsi;var loginscherm; var scherm;
var block = false;
function init()
{
  paard = document.getElementById("horse");
  farsi = document.getElementById("farsi");
  loginscherm = document.getElementById("login");
  filmscherm = document.getElementById("screen");
  birds.start();
}

var isMac = (navigator.userAgent.toLowerCase().indexOf("mac")>-1);

function chgimg(el, src, txt)
{

  if (!el || block) return;
  window.status = txt || '';
  var b=null;
  if (el.filters && !isMac)
  {
    b = el.filters.blendTrans;
    if (!b)
    {
      el.style.filter = 'blendTrans(Duration=0.2)}';
      b = el.filters.blendTrans;
    }

    b.Stop();

    b.Apply();
  }
  el.style.backgroundImage = 'url('+src+')';
  if (b)
    b.Play();
}

function paardOver()
{
  chgimg(paard, '/img/paard-mo.gif');
}

function paardOut()
{
  chgimg(paard, '/img/paard.gif');
}

function farsiOver()
{
  chgimg(farsi, '/img/farsiknop-mo.gif');
}

function farsiOut()
{
  chgimg(farsi, '/img/farsiknop.gif');
}

function login()
{
  if (block)
    return;

  document.getElementById('loginpositioner').style.top = - (document.getElementById('windows').offsetHeight + 255) + 'px';
  chgimg(paard, '/img/paard-actief.gif');
  setTimeout("show(loginscherm); try {document.getElementById('code').focus();} catch (e) {}", 300);
}

function cancelLogin()
{
  hide(loginscherm);
  setTimeout("chgimg(paard, '/img/paard.gif')", 500);
}

function doLogin1()
{
  var code = document.getElementById("code").value;
  if (!code)
  {
    alert("Zonder geheime code kan je niet verder! Dus vul die snel in!");
    document.getElementById("code").focus();
    return;
  }

  window.frames["communication"].location = "checkCode.asp?code=" + escape(code);
}

function login1bad()
{
  alert("De geheime code is niet juist. Misschien heb je een typefout gemaakt?");
  document.getElementById("code").focus();
}

function login1OK()
{
  document.getElementById("loginstep1").style.display = "none";
  document.getElementById("loginstep2").style.display = "block";
}

function doLogin2()
{
  var voornaam = document.getElementById("voornaam").value;
  if (!voornaam)
  {
    alert("Vul eerst je voornaam nog even in!");
    document.getElementById("voornaam").focus();
    return;
  }
  var achternaam = document.getElementById("achternaam").value;
  if (!achternaam)
  {
    alert("Vul eerst je achternaam nog even in!");
    document.getElementById("achternaam").focus();
    return;
  }
  var keuze = document.getElementById("keuze").selectedIndex;
  if (!keuze)
  {
    alert("Vertel ons nog even wat je hebt gedaan in het museum!");
    document.getElementById("keuze").focus();
    return;
  }

  window.frames["communication"].location = "initUser.asp?voornaam=" + escape(voornaam) + "&achternaam=" + escape(achternaam) + "&keuze=" + escape(keuze);
}

function login2OK()
{
  window.location = "/dev/kinderpagina.asp";
}

function login2OKmw()
{
  window.location = "/dev/medewerkerpagina.asp";
}

function hide(el)
{
  if (isMac) document.getElementById("windows").style.visibility = "visible";
  animator.start({element: el, attribute:"top", target:-el.offsetHeight, duration:500, profile:"ACCELERATE", endCode:"el.style.top='-5000px'"});
  block = false;
}

function show(el)
{
  if (!el) return;
  el.style.top = -el.offsetHeight + "px";
  animator.start({element: el, attribute:"top", target:15, duration:1000, profile:"SNAP", endCode: 'if (isMac) document.getElementById("windows").style.visibility = "hidden"'});
  block = true;
}

var dianr = 1;
var diacount = 16;
function dia_prev()
{
  if (dianr == 0)
    dianr = diacount;
  dianr--;
  dia_show();
}
function dia_next()
{
  dianr++;
  if (dianr == diacount)
    dianr = 0;
  dia_show();
}
function dia_first()
{
  dianr=1;
  dia_show();
}
function dia_show()
{
  document.getElementById("dia").src = "/img/dias/" + n2(dianr) + ".jpg";
}

var birds = {
  counter: 0,
  start: function()
  {
    this.el = document.getElementById("birds");

    for (var i=0;i<NUM_BIRDS;i++)
      this[i] = new Bird();

    this.update();
  },
  update: function()
  {
    for (var i=0;i<NUM_BIRDS;i++)
      this[i].update(!this.counter);

    this.counter++;
    if (this.counter==5) this.counter=0;

    setTimeout("birds.update()", 5);
  }
}

NUM_BIRDS = 7;
TARGETX = 500;
TARGETY = -130;
DROPACC = 3;
FLYACC = -3;
SPEED = 0.02;
function Bird()
{
  this.el = document.createElement("img");
  this.el.className = "bird";
  birds.el.appendChild(this.el);

  this.type = Math.floor(1.5+Math.random());
  this.x = Math.random()*100-100;
  this.y = -Math.random()*100-300+this.x;
  this.vx = 20 + Math.random()*30;
  this.vy = Math.random()*(20+(-this.y-300)/20)+10;
  this.ax = 0;
  this.ay = 80;
  this.anim = "";
  this.prevAnim = "xxx";
}
Bird.prototype = {
  update: function(doDraw) {
    if (this.x > TARGETX + 40)
      return;

    var timeToWindow = (TARGETX-this.x)/(this.vx*SPEED);
    if (this.y + SPEED*timeToWindow*(this.vy + SPEED/2*timeToWindow*FLYACC) > TARGETY)
      this.anim = "anim";
    else if (this.y + SPEED*timeToWindow*(this.vy + SPEED/2*timeToWindow*DROPACC) < TARGETY)
      this.anim = "";
    else if (this.anim)
    {
      this.anim = Math.random()>SPEED?"anim":"";
    }
    else
    {
      this.anim = Math.random()>SPEED?"":"anim";
    }

    this.ay = this.anim?FLYACC:DROPACC;
    this.vy += SPEED*this.ay;
    this.y += SPEED*this.vy;
    this.x += SPEED*this.vx;

    if (doDraw)
      this.draw();
  },
  draw: function() {
    if (this.anim != this.prevAnim)
      this.el.src = "/img/vogels/vogel"+this.type+this.anim + ".gif";

    this.prevAnim = this.anim;

    this.el.style.top = this.y + 'px';
    this.el.style.left = this.x + 'px';
  }
}

function charOver(link)
{
  chgimg(link.firstChild, '/img/hdb/abc-mo.gif');
}

function charOut(link)
{
  chgimg(link.firstChild, '/img/hdb/abc.gif');
}

function hasFound(list, chr)
{
  list.sort(function(a,b) {return a[0]<b[0]?-1:(a[0]>b[0]?1:0);});

  document.getElementById("welkom").style.display = 'none';
  document.getElementById("resultsdiv").style.display = 'block';
  var kop = list.length ? (chr ? 'letterkop-'+chr : 'kop-gevonden') : 'kop-helaas';
  document.getElementById("letter").src = '/img/hdb/'+kop+'.gif';
  document.getElementById("resultstext").innerHTML =
    list.length ? "Klik op de naam die je zoekt." : "Heb je de goede naam ingevuld?<br/>Kijk goed en probeer het nog een keer."

  var s='';
  for (var i=0; i<list.length; i++)
    s+='<a href="/kinderpagina.asp?id='+list[i][1]+'">'+list[i][0]+'</a>';
  document.getElementById("results").innerHTML = s;
}

var simorghStatus = "idle";

function speel_animatie() {
 try {
  if (navigator.appName.indexOf ("Microsoft") !=-1) {
    window["simorgh"].Play();
  } else {
    setTimeout('document["simorghNN"].Play()', 100);
  }
} catch (e) {}
}


function stop_animatie() {
   try{
  if (navigator.appName.indexOf ("Microsoft") !=-1) {
    window["simorgh"].Play();
  } else {
    setTimeout('document["simorghNN"].Play()', 100);
  }
} catch (e) {}
}

function isplaying_animatie() {
  if (navigator.appName.indexOf ("Microsoft") !=-1) {
    return window["simorgh"].IsPlaying();
  } else {
    return document["simorghNN"].IsPlaying();
  }
}



//callback vanuit flash dat de animatie is afgelopen
function ruim_animatie_op() {
  simorghStatus = "idle";
  animatie_object = document.getElementById("simorgh-container");
  //animatie_object.style.display = "none";
  animatie_object.style.top = "-1000px";
  //animatie_object.style.left =  "-1000px";
}

function actie_veerknop() {
  switch(simorghStatus) {
    case "idle" :
      simorghStatus = "run";
      var animatie_object = document.getElementById("simorgh-container");
      animatie_object.style.top = "0px";
      //start flash animatie (play)
      speel_animatie();
      break;
    case "run" :
      if (!isplaying_animatie()) {
        simorghStatus = "stop";
        //start 2e deel flash animatie (play)
        stop_animatie();
      }
      break;
    case "stop" :
      //niks doen
      break;
  }
}

var menu = [
  {id:"navhome", label:"Home", href:"/"},
  {id:"naveigenpagina", label:"Naar je eigen pagina", href:"/dev/kinderpagina.asp"},
  {id:"navkaart", label:"Kaart", href:"/dev/uitnodiging.asp?type=1&standalone=ja", options:"height=505,width=684,left=0,top=0"},
  {id:"navreacties", label:"Reacties", href:"/reacties.asp"},
  {id:"navverjaardag", label:"Verjaardag", href:"/verjaardag/", items:[
    {id:"navuitnodiging", label:"Uitnodiging voor je feest", href:"/dev/uitnodiging.asp?type=2&standalone=ja", options:"height=505,width=684,left=0,top=0"},
    {id:"navverjaardagslied", label:"Verjaardags lied", href:"/verjaardag/lied.asp"},
    {id:"navsoepbrood", label:"Soep<br/>met brood", href:"/verjaardag/recepten.asp"},
    {id:"navkalender", label:"Verjaardags kalender", href:"/dev/kalender.asp?standalone=ja", options:"height=505,width=684,left=0,top=0"}
  ]},
  {id:"navhdb", label:"Alle<br/>kinder&shy;pagina's", href:"/huisderboeken/"},
  {id:"navmedewerkers", label:"Naar de medewerkers", href:"/medewerkerpagina.asp"},
  {id:"navob", label:"Op bezoek<br/>in het museum", href:"/opbezoek/", items:[
    {id:"navtw", label:"Groeiende tegelwand", href:"/opbezoek/tegelwand.asp"},
    {id:"navfb", label:"Groeps&shy;foto's", href:"/opbezoek/fotoboek.asp"},
    {id:"navmb", label:"Museum&shy;boek", href:"/opbezoek/museumboek.asp"}
  ]}
];

var navDeltaX=0;
function nav(p1,p2,deltaX)
{
  deltaX = deltaX || 0;
  navDeltaX = deltaX;
  var style = deltaX?' style="left: ' + (767+deltaX) + 'px"':'';
  document.write('<div id="navpos"'+style+'><div id="nav"><div id="navboven"></div><div id="navmidden">');
  for (var i1=0; i1<menu.length; i1++)
  {
    var current = (p1==i1+1);
    var extra = (current && !p2)?' class="current"':'';
    if (menu[i1].options)
      extra += " target=\"_blank\" onclick=\"return createWindow(this.href,'','"+menu[i1].options+"')\"";
    if (!(current && i1==0))
      document.write('<a id="'+menu[i1].id+'" href="'+menu[i1].href+'"'+extra+'>'+menu[i1].label+'</a>');
    var items = menu[i1].items;
    if (current && items)
    {
      for (var i2=0; i2<items.length; i2++)
      {
        var current = (p2==i2+1);
        var extra = current?' class="current"':'';
        if (items[i2].options)
          extra += " target=\"_blank\" onclick=\"return createWindow(this.href,'','"+items[i2].options+"')\"";
        document.write('<a id="'+items[i2].id+'" href="'+items[i2].href+'"'+extra+'>'+items[i2].label+'</a>');
      }
    }
  }
  document.write('</div><div id="navonder"></div></div></div>');
}

var menuOpen = false;
var leftMargin=null;
function checkMenu(evt)
{
  try {
    if (leftMargin == null)
      leftMargin = document.getElementsByTagName("div")[0].offsetLeft;
    var x = window.event ? window.event.x : evt.clientX - leftMargin;
    var el = document.getElementById('nav');
    x=(x-560-navDeltaX)/175;
    if (x<0) { x=0 }
    if (x>1) { x=1; menuOpen = true; }

    if (menuOpen)
    {
      x*=2;
      if (x>1) x=1;
      if (x<0.4) menuOpen = false;
    }
    x*=x;x*=x;x*=x;
    animator.setValue(el, "left", -110*x);
  } catch(e) {}
}

function createWindow(href, name, options)
{
  var w = window.open(href, name, options);
  // returns true when window opening is blocked by popup blocker
  return !w;
}

function dagen_init()
{
  var d = new Date();
//  document.getElementById("maand").selectedIndex = d.getMonth();
//  document.getElementById("jaar").selectedIndex = d.getFullYear()-2003;
  toon_dagen();
  // check if we have a preferred day
  if (document.getElementById("dag").getAttribute("initvalue")) {
    document.getElementById("dag").selectedIndex=document.getElementById("dag").getAttribute("initvalue")*1-1;
    document.getElementById("dag").removeAttribute("initvalue");
  } else {
    document.getElementById("dag").selectedIndex = d.getDate()-1;
  }
}

function chooseOtherImage(dir) {
  document.getElementById("dirinput").value=dir;
  document.forms[0].submit();
  return false;
}

var dagen = ["zondag", "maandag", "dinsdag", "woensdag", "donderdag", "vrijdag", "zaterdag"];
var maanden = ["januari","februari","maart","april","mei","juni","juli","augustus","september","oktober","november","december"];
function toon_dagen()
{

  var maand = document.getElementById("maand").selectedIndex;
  var jaar = document.getElementById("jaar").selectedIndex + 2003;
  var select = document.getElementById("dag");
  for (var i = select.options.length-1; i>=0; i--)
    select.options.remove(i);


  var dag=1;
  while (true)
  {
    var d = new Date(jaar, maand, dag);
    if (d.getDate()!=dag)
      break;

    var opt = document.createElement("option");
    opt.text = dagen[d.getDay()] + " " + dag;
    opt.value=dag;
    select.options.add(opt);

    dag++;
  }
}

function foto_zoek(naam)
{
  var deel = document.getElementById("tijd").selectedIndex + 1;
  var dag = document.getElementById("dag").selectedIndex + 1;
  var maand = document.getElementById("maand").selectedIndex;
  var jaar = document.getElementById("jaar").selectedIndex + 2003;
  window.frames["communication"].location = "foto_search.asp?naam="+naam+"&jaar="+jaar+"&maand="+maand+"&dag="+dag+"&deel="+deel+"&dir=0";
}

var foto_jaar;
var foto_maand;
var foto_dag;
var foto_deel;
function foto_toon(naam, jaar, maand, dag, deel, wie)
{
  foto_jaar = jaar;
  foto_maand = maand;
  foto_dag = dag;
  foto_deel = deel;
  document.getElementById("tijd").selectedIndex = deel==1?0:1;
  document.getElementById("dag").selectedIndex = dag-1;
  document.getElementById("maand").selectedIndex = maand;
  document.getElementById("jaar").selectedIndex = jaar-2003;
  document.getElementById("datum").innerHTML = dag + " " + maanden[maand] + " " + jaar + "<br/>" + document.getElementById("tijd").options[document.getElementById("tijd").selectedIndex].text;
  document.getElementById("foto").src = "/image.asp?"+naam+n2(dag)+"-"+n2(maand+1)+"-"+jaar+"-"+deel+".JPG=512";
  if (!wie.length)
    document.getElementById("wie").style.display = "none";
  else
  {
    document.getElementById("wie").style.display = "block";
    document.getElementById("wie").innerHTML = window["toon_wie_"+naam](wie);
  }
}

function foto_geen(naam, jaar, maand, dag, deel)
{
  foto_jaar = jaar;
  foto_maand = maand;
  foto_dag = dag;
  foto_deel = deel;
  document.getElementById("datum").innerHTML = "";
  document.getElementById("foto").src = "/img/nix.gif";
  document.getElementById("foto").style.background = "url(/img/fb/geenresultaat.gif) no-repeat center";
  document.getElementById("wie").style.display = "none";
}

function toon_wie_GS(wie)
{
  var s = "<table><tr><td colspan='2'>Op deze foto zie je:</td></tr><tr>";
  var half = Math.round(wie.length/2);
  s += toon_wie_half(wie.slice(0, half));
  s += toon_wie_half(wie.slice(half));
  s += "</tr></table>";
  return s;
}

function toon_wie_half(list)
{
  var s="<td width='50%'>";
  for (var i=0; i<list.length; i++)
    s+='<a href="/kinderpagina.asp?id='+list[i][1]+'">&raquo; '+list[i][0]+'</a><br />';
  s += "</td>";
  return s;
}

function toon_wie_BM(wie)
{
  var s = "<a href='#' onclick='toon_wie_lijst()' id='meewerken'></a><div id='lijst'><a href='#' onclick='toon_wie_lijst()' id='sluiten'></a><p>Deze kinderen hebben meegeholpen met het maken van deze pagina. Klik op een naam om naar de pagina van dat kind te gaan.</p>"
  s += "<table><tr>";
  var half = Math.round(wie.length/2);
  s += toon_wie_half(wie.slice(0, half));
  s += toon_wie_half(wie.slice(half));
  s += "</tr></table>";
  s += "</div>";
  return s;
}

function toon_wie_lijst()
{
  var lijst = document.getElementById("lijst");
  lijst.style.display = lijst.style.display!="block"?"block":"none";
}

function foto_volgende(naam)
{
  window.frames["communication"].location = "foto_search.asp?naam="+naam+"&jaar="+foto_jaar+"&maand="+foto_maand+"&dag="+foto_dag+"&deel="+foto_deel+"&dir=1";
}

function foto_vorige(naam)
{
  window.frames["communication"].location = "foto_search.asp?naam="+naam+"&jaar="+foto_jaar+"&maand="+foto_maand+"&dag="+foto_dag+"&deel="+foto_deel+"&dir=-1";
}

function foto_big(img)
{
  if (img.src.toLowerCase().indexOf('nix.gif')!=-1)
    return;

  window.open(img.src.replace(/GS/, 'GB'), '', 'height=410,width=530,left=0,top=0');
}

var tegelwand_jaar;
var tegelwand_maand;
var tegelwand_dag;
var tegelwand_deel;
function tegelwand_zoek(init)
{
  if (init)
  {
    var d = new Date();
    document.getElementById("maand").selectedIndex = d.getMonth();
    document.getElementById("jaar").selectedIndex = d.getFullYear()-2003;
  }

  var maand = document.getElementById("maand").selectedIndex;
  var jaar = document.getElementById("jaar").selectedIndex + 2003;
  window.frames["communication"].location = "tegelwand_search.asp?jaar="+jaar+"&maand="+maand;
}

function tegelwand_toon(fotos, jaar, maand, dag, deel)
{
  var tegelwand_jaar = jaar;
  var tegelwand_maand = maand;
  var tegelwand_dag = dag;
  var tegelwand_deel = deel;
  var trimgs = document.getElementById("imgs");
  var trtxts = document.getElementById("txts");
  while (trimgs.firstChild)
    trimgs.removeChild(trimgs.firstChild);
  while (trtxts.firstChild)
    trtxts.removeChild(trtxts.firstChild);

  // first item in fotos is dummy
  for (var i = fotos.length-1; i>0; i--)
  {
    var src = fotos[i];
    var td = trimgs.appendChild(document.createElement("td"));
    var img = td.appendChild(document.createElement("img"));
    img.src = src;

    td = trtxts.appendChild(document.createElement("td"));
    td.innerHTML = "Deze foto werd gemaakt op<br/>" + src.replace(/^.*W[BS](\d\d)-(\d\d)-(\d\d\d\d).*$/, function(m0,dag,maand,jaar) { return (1*dag) + " " + maanden[1*maand - 1] + " " + jaar });
  }

  var div = document.getElementById("content");
  div.scrollLeft = div.scrollWidth;
}

function audio_aan() {
  var trp = document.getElementById("trompet");
  trp.src = trp.src.replace(/uit/, "aan");
}

function audio_uit() {
  var trp = document.getElementById("trompet");
  trp.src = trp.src.replace(/aan/, "uit");
}

function n2(n) { return (n<10?'0':'')+n; }

function require(what) {
  window.open("/check/"+what+".asp", '', 'height=264,width=263,left=0,top=0');
}