// Copyright 2007 Jelmer Cormont
// This code is intellectual property, do not copy without permission


function loadInFrameAFIXED(id)
         {
            data = '{id: "' + id + '"}';
            ;/*select*/var t=document.getElementById('frameA');var l=document.getElementById('frameA_loading');var x='http://www.inzicht-foto.nl/index?event=select&id=1';var r=window.XMLHttpRequest?new window.XMLHttpRequest:0;if(!r)try{r=new ActiveXObject('Microsoft.XMLHTTP');}catch(e){}if(r){r.open('POST',x,true);r.setRequestHeader('Content-Type','text/plain');r.onreadystatechange=function(){if(r.readyState!=4)return;if(l)l.style.display='none';if(r.status!=200)return;try{t.innerHTML=r.responseText;select_done(r.responseText, t);}catch(e){}};if(l)l.style.display='';var s='';try{s=data;}catch(e){}try{s=select_input(this);}catch(e){}r.send(s);}else window.location=x;
         }
         function loadInFrameBFIXED(id)
         {
            data = '{id: "' + id + '"}';
            ;/*select*/var t=document.getElementById('frameB');var l=document.getElementById('frameB_loading');var x='http://www.inzicht-foto.nl/index?event=select&id=1';var r=window.XMLHttpRequest?new window.XMLHttpRequest:0;if(!r)try{r=new ActiveXObject('Microsoft.XMLHTTP');}catch(e){}if(r){r.open('POST',x,true);r.setRequestHeader('Content-Type','text/plain');r.onreadystatechange=function(){if(r.readyState!=4)return;if(l)l.style.display='none';if(r.status!=200)return;try{t.innerHTML=r.responseText;select_done(r.responseText, t);}catch(e){}};if(l)l.style.display='';var s='';try{s=data;}catch(e){}try{s=select_input(this);}catch(e){}r.send(s);}else window.location=x;
         }

function FadeAnimation(id, start, end)
{
   var obj = document.getElementById(id);
   var current = start;
      
   function step()
   {
      if (obj.style.display == 'none')
         obj.style.display = '';
      if (current > end + 0.1)
      {
         current -= (current / 5) + (1 - current) / 5;
         if (current < end) current = end;
      }
      else if (current < end - 0.1)
      {
         current += (current / 5) + (1 - current) / 5;
         if (current > end) current = end;
      }
      else
         current = end;
      
      if (current >= 0.1)
      {
         obj.style.opacity = current;
         obj.style.filter =
            'alpha(opacity=' + (current * 100) + ')';
         if (current == 1)
            try{ obj.style.removeAttribute("filter"); } catch(err) {}
      }
      else
      {
         obj.style.display = 'none';
         obj.style.filter = '';
      }
      
      if (current != end)
         window.setTimeout(step, 50);
   }
   step(id, start, end);
}

function showInfo(frame)
{
   // explicitly set image opacity for (lazy) IE:
   var imgs = frame.getElementsByTagName('IMG');
   //if (imgs[0]) imgs[0].style.filter = 'alpha(opacity=100)';
   try{ imgs[0].style.removeAttribute("filter"); } catch(err) {}
   
   var divs = frame.getElementsByTagName('DIV');
   for (var i = 0; i < divs.length; i++)
      divs[i].style.display = 'block';
}

function hideInfo(frame)
{
   var divs = frame.getElementsByTagName('DIV');
   for (var i = 0; i < divs.length; i++)
      divs[i].style.display = '';
}

var inFrameB = false;

var prevbtn = document.getElementById('prevbtn');
var nextbtn = document.getElementById('nextbtn');
if (prevbtn && nextbtn)
{
   function doUpdate()
   {
      if (inFrameB)
         loadInFrameAFIXED(currentPic);
      else
         loadInFrameBFIXED(currentPic);
      document.getElementById('loading').style.display = '';
      return false;      
   }
   
   nextbtn.onclick = function()
   {
      currentPic++;
      if (currentPic >= nPics) currentPic = 0;
      this.blur();
      return doUpdate();
   }
   prevbtn.onclick = function()
   {
      currentPic--;
      if (currentPic < 0) currentPic = nPics - 1;
      this.blur();
      return doUpdate();
   }
}

function select_done(response, frame)
{
   var imgs = frame.getElementsByTagName('IMG');
   var i = 0;
   function checkComplete()
   {
      if (imgs[0] && !imgs[0].complete)
         window.setTimeout(checkComplete, 100);
      else
      {
         document.getElementById('loading').style.display = 'none';
         new FadeAnimation('frameA',
            inFrameB ? 0 : 1, inFrameB ? 1 : 0);
         new FadeAnimation('frameB',
            inFrameB ? 1 : 0, inFrameB ? 0 : 1);
         inFrameB = !inFrameB;
      }
   }
   checkComplete();
}