var doesImgs = [];
      for (var i = 0; i < 8; i++)
      {
         doesImgs[i]     = new Image();
         doesImgs[i].src = './pix/home/does/does' + i + '.gif';
      }

// cache images for rollover easter eggs [see /script/zwerfsubs.js]
   var x = new Image();
      x.src = '../pix/zwerf/route7/vt.gif';
   var y = new Image();
      y.src = '../pix/zwerf/route7/egg.jpg';
   var z = new Image();
      z.src = 'http://www.gemeentearchief.denhaag.nl/hga/imfhrdir/83392/60600/60604a01.jpg';

function init()
{
// between sunset and sunrise [used in home.js to init/save nite sky state]
   var now  = new Date();
// computeSunTimes returns UTC in mSecs, getTimezoneOffset returns diff in mins
   var time = now.getTime() + now.getTimezoneOffset() * 60000;
   var nite = computeSunTimes('sunset') < time || time < computeSunTimes('sunrise') ? true : false;

// value stored in a cookie is a string not a bool, so any value is true
   setCookie('nite', nite ? 'nite' : '', 3650);
   setCookie('firstButtonId', nite ? 'button0' : 'button6', 3650);

   document.getElementById('sesame').onmouseover = does.start;
   document.getElementById('sesame').onmouseout  = does.stop;
   document.getElementById('sesame').onclick     = openSesame;
   does.init();

   var bWidth   = 211;
   var bHeight  = 142;
   var bWrapper = document.getElementById('buttonWrapper');
      bWrapper.style.left = parseInt((getInnerWidth()  - bWidth)  / 2) + 'px';
      bWrapper.style.top  = parseInt((getInnerHeight() - bHeight) / 2) + 'px';

   setTimeout('document.getElementById("buttonWrapper").style.visibility = "visible"', 100);
}

var does =
{
   init: function()
   {
      this.idx, this.animator;
      this.ani     = document.getElementById('doesAni');
      this.seq     = [ 0,   1,  0,   1,  0,   1,  2,  3,  4,  5,  6,  7];
      this.deltas  = [75, 500, 75, 100, 75, 200, 75, 75, 75, 75, 75, 75];
      this.running = false;
   },

   start: function()
   {
      if (does.running)
         clearTimeout(does.animator);

      does.idx = 0;
      does.expand();
      does.running = true;
   },

   expand: function()
   {
      does.ani.src = './pix/home/does/does' + does.seq[does.idx] + '.gif';
      does.idx++;
      if (does.idx == 12)
      {
         does.running = false;
         return;
      }
      does.animator = setTimeout(does.expand, does.deltas[does.idx]);
   },

   stop: function()
   {
      if (does.running)
         clearTimeout(does.animator);

      does.idx = 11;
      does.collapse();
      does.running = true;
   },

   collapse: function()
   {
      does.ani.src = './pix/home/does/does' + does.seq[does.idx] + '.gif';
      does.idx--;
      if (does.idx == 3)
      {
         does.running = false;
         return;
      }
      does.animator = setTimeout(does.collapse, does.deltas[does.idx]);
   }
};

function openSesame()
{
   if (screen.width == 800 && screen.height == 600)
      var chrome = BrowserDetect.browser == 'explorer' ? 'fullscreen' : 'screenX=-4,screenY=-4,width=' + screen.availWidth + ',height=' + screen.availHeight;
   else
      var chrome = 'screenX=' + ((screen.width  - 800) / 2) + ',screenY=' + ((screen.height - 600) / 2) + ',left=' + ((screen.width  - 800) / 2) + ',top=' + ((screen.height - 600) / 2) + ',width=800,height=' + (BrowserDetect.browser == 'chrome' ? 662 : 600) + ',resize=no';
   var kbs = window.open('./home.html', 'kbs', chrome);
   if (!kbs)
   {
      alert('Om deze pagina vanaf uw locatie te kunnen bezoeken dienen popup vensters voor het domein "www.kinderboekenstad.nl" te worden toegestaan');
      history.back();
      return;
   }
   kbs.focus();
}

   window.onload =
   window.onresize = init;