// =========================
// gedeelte voor zoek pagina navigatie
// =========================

  function showNextPage()
  {
    if (activepage < lastpage)
    {
      pagenr = activepage
      pagenr++
      showpage(pagenr)
    }
  }

  function showPrevPage()
  {
    if (activepage > 1)
    {
      pagenr = activepage
      pagenr--
      showpage(pagenr)
    }
  }

  function showpage(pagenr)
  {
    if (pagenr > 0 && pagenr <= lastpage)
    {
      for (i = 1; i <= lastpage; i++)
      {
        document.getElementById("divpage" + i).style.display = "none"
        document.getElementById("span" + i).style.color = ""
      }
      document.getElementById("divpage" + pagenr).style.visibility = "visible"
      document.getElementById("divpage" + pagenr).style.display = "block"
      try
      {
        // firefox wilt table voor displat, ie wil het niet.
        document.getElementById("divpage" + pagenr).style.display = "table"
      }
      catch(err)
      {
        //alert(err.description)
      }
      activepage = pagenr

      document.getElementById("span" + pagenr).style.color = "white"
      if (document.getElementById("span0"))
      {
        document.getElementById("span0").style.color = ""
      }
      if (document.getElementById("spanX"))
      {
        document.getElementById("spanX").style.color = ""
      }

      document.getElementById("paginas").innerHTML = pagenr + " van " + lastpage + " "
      startnr = (pagenr-1) * pagerows + 1
      eindnr = (startnr + pagerows - 1 > rowcount) ? rowcount : startnr + pagerows - 1
      document.getElementById("regels").innerHTML = startnr + " t/m " + eindnr + " "
    }

    if (lastpage > nextpages)
    {
      if (pagenr == 0) pagenr = selectpage - nextpages
      if (pagenr <= 0) pagenr = 1

      if (pagenr > lastpage) pagenr = selectpage + nextpages
      if (pagenr > (lastpage-nextpages+1)) pagenr = lastpage - nextpages + 1

      document.getElementById("span0").style.display = (pagenr <= 1) ? "none" : "inline"
      for(i=1;i<=lastpage;i++)
      {
        document.getElementById("span" + i).style.display = ((i - pagenr < 0) || (i - pagenr >= nextpages)) ? "none" : "inline"
      }
      document.getElementById("spanX").style.display = (lastpage - nextpages - pagenr < 0) ? "none" : "inline"
      selectpage = pagenr
    }

    document.getElementById("spanPrev").style.display = (activepage > 1)? "inline" : "none"
    document.getElementById("spanNext").style.display = (activepage < lastpage)? "inline" : "none"
    document.getElementById("spanPrevHide").style.display = (activepage > 1)? "none" : "inline"
    document.getElementById("spanNextHide").style.display = (activepage < lastpage)? "none" :"inline"
    document.getElementById("spanPrev2").style.display = (activepage > 1)? "inline" : "none"
    document.getElementById("spanNext2").style.display = (activepage < lastpage)? "inline" : "none"
    document.getElementById("spanPrev2Hide").style.display = (activepage > 1)? "none" : "inline"
    document.getElementById("spanNext2Hide").style.display = (activepage < lastpage)? "none" :"inline"

    document.cookie = "activepage=" + activepage
  }

  function clearActivePage()
  {
    document.cookie = "activepage=-1"
  }


// ==================

var mousex = 0;
var mousey = 0;
var grabx = 0;
var graby = 0;
var orix = 0;
var oriy = 0;
var elex = 0;
var eley = 0;
var algor = 0;

var canHide = false;
var timer = 0;

function init()
{
  document.onmousemove = update; // update(event) implied on NS, update(null) implied on IE
  update();
}

function getMouseXY(e) // works on IE6,FF,Moz,Opera7
{ 
  if (!e) e = window.event; // works on IE, but not NS (we rely on NS passing us the event)
 
  if (e)
  { 
    if (e.pageX || e.pageY)
    { // this doesn't work on IE6!! (works on FF,Moz,Opera7)
      mousex = e.pageX;
      mousey = e.pageY;
      algor = '[e.pageX]';
      if (e.clientX || e.clientY) algor += ' [e.clientX] '
    }
    else if (e.clientX || e.clientY)
    { // works on IE6,FF,Moz,Opera7
      // Note: I am adding together both the "body" and "documentElement" scroll positions
      //       this lets me cover for the quirks that happen based on the "doctype" of the html page.
      //         (example: IE6 in compatibility mode or strict)
      //       Based on the different ways that IE,FF,Moz,Opera use these ScrollValues for body and documentElement
      //       it looks like they will fill EITHER ONE SCROLL VALUE OR THE OTHER, NOT BOTH 
      //         (from info at http://www.quirksmode.org/js/doctypes.html)
      mousex = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
      mousey = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
      algor = '[e.clientX]';
      if (e.pageX || e.pageY) algor += ' [e.pageX] '
    }
  }
}


function update(e)
{
  getMouseXY(e); // NS is passing (event), while IE is passing (null)
}

function changeBg(id,state) {
    if (state == 'aan') {
        document.getElementById(id).style.backgroundImage = 'url(/images/ingangen/'+id+'_over.gif)'
    } else {
        document.getElementById(id).style.backgroundImage = 'none';
    }
}

function showDiv(id, state) {
    
    //Zet andere eventueel uit
    var divs = document.getElementsByTagName('div');
    for (i = 0; i < divs.length; i++) {
        if (divs[i].id.match('ZoekvensterForm')) {
            if (divs[i].id != id + 'ZoekvensterForm') {
                divs[i].style.display = 'none';
                
                // Verander de src van het kop plaatje
                var newId = divs[i].id.replace('ZoekvensterForm','');
                imgRollOver(newId, 'uit');

            } else {
                setTimer();
            }
        }
    }

    
    //zet div aan of uit
    var zoekVenster = id + 'ZoekvensterForm';
    if (state == 'aan') {
        // Verander de src van het kop plaatje
        imgRollOver(id, state);
        document.getElementById(zoekVenster).style.display = 'block';
        document.getElementById(zoekVenster).style.visibility = 'visible';
    } else {
        if (canHide) {
            document.getElementById(zoekVenster).style.display = 'none';
            // Verander de src van het kop plaatje
            imgRollOver(id, state);
        }
    }
}

function hideAll() {
    var divs = document.getElementsByTagName('div');
    for (i = 0; i < divs.length; i++) {
        if (canHide) {
            // Verander de src van het kop plaatje
            var newId = divs[i].id.replace('ZoekvensterForm','');
            imgRollOver(newId, 'uit');
        }
        if (divs[i].id.match('ZoekvensterForm') && canHide) {
            divs[i].style.display = 'none';
            divs[i].style.visibility = 'hidden';
        }
    }
}

function setTimer() {
    //setTimeout("hideAll()",2000);
}

function Hide() {
    //alert('Hide');
    canHide = true;
    //setTimer();
}

function dontHide() {
    //alert('dontHide');
    canHide = false;
}

function imgRollOver(id, state) {
    if (state == 'aan') {
        var rollOver = '/images/buttons/' + id + '_over.gif';
        var img = document.getElementById(id);
        if (img) {
            img.src = rollOver;
        }
    } else {
        var rollOut = '/images/buttons/' + id + '.gif';
        var img = document.getElementById(id)
        if (img) {
            img.src = rollOut;
        }
    }
}


function showInfo(id,state,place) {
    var infoDiv = id + 'Info';
    
    // Zet het divje eerst op de juiste plek
    getMouseXY();

    var mainDivOffet = document.getElementById('main').offsetLeft;

    document.getElementById(infoDiv).style.left = mousex - mainDivOffet + 'px';
    document.getElementById(infoDiv).style.top = mousey + 20 + 'px';
    
    if (state == 'aan') {
        document.getElementById(infoDiv).style.display = 'block'
    } else {
        document.getElementById(infoDiv).style.display = 'none'
    }
}


function createRequestObject() {
  FORM_DATA = new Object();
  separator = ',';
  query = '' + this.location;
  qu = query
  query = query.substring((query.indexOf('?')) + 1);
  if (query.length < 1) { return false; }  // Perhaps we got some bad data?
  keypairs = new Object();
  numKP = 1;
  while (query.indexOf('&') > -1) {
    keypairs[numKP] = query.substring(0,query.indexOf('&'));
    query = query.substring((query.indexOf('&')) + 1);
    numKP++;
  }
  keypairs[numKP] = query;
  for (i in keypairs) {
    keyName = keypairs[i].substring(0,keypairs[i].indexOf('='));
    keyValue = keypairs[i].substring((keypairs[i].indexOf('=')) + 1);
    while (keyValue.indexOf('+') > -1) {
      keyValue = keyValue.substring(0,keyValue.indexOf('+')) + ' ' + keyValue.substring(keyValue.indexOf('+') + 1);
    }
    keyValue = unescape(keyValue);
    if (FORM_DATA[keyName]) {
      FORM_DATA[keyName] = FORM_DATA[keyName] + separator + keyValue;
    } else {
      FORM_DATA[keyName] = keyValue;
    }
  }
  return FORM_DATA;
}