' var imagegap_aH9=" " var slideshowgap_aH9=0 var copyspeed_aH9=slidespeed_aH9 leftrightslide_aH9=''+leftrightslide_aH9.join(imagegap_aH9)+'' var iedom_aH9=document.all||document.getElementById if (iedom_aH9) document.write(''+leftrightslide_aH9+'') var actualwidth_aH9='' var cross_slide_aH9, ns_slide_aH9 function fillup_aH9(){ if (iedom_aH9){ cross_slide_aH9=document.getElementById? document.getElementById("test2_aH9") : document.all.test2_aH9 cross_slide2_aH9=document.getElementById? document.getElementById("test3_aH9") : document.all.test3_aH9 cross_slide_aH9.innerHTML=cross_slide2_aH9.innerHTML=leftrightslide_aH9 actualwidth_aH9=document.all? cross_slide_aH9.offsetWidth : document.getElementById("temp_aH9").offsetWidth cross_slide2_aH9.style.left=actualwidth_aH9+slideshowgap_aH9+"px" } else if (document.layers){ ns_slide_aH9=document.ns_slidemenu_aH9.document.ns_slidemenu2_aH9 ns_slide2_aH9=document.ns_slidemenu_aH9.document.ns_slidemenu3_aH9 ns_slide_aH9.document.write(leftrightslide_aH9) ns_slide_aH9.document.close() actualwidth_aH9=ns_slide_aH9.document.width ns_slide2_aH9.left=actualwidth_aH9+slideshowgap_aH9 ns_slide2_aH9.document.write(leftrightslide_aH9) ns_slide2_aH9.document.close() } lefttime_aH9=setInterval("slideleft_aH9()",30) } function slideleft_aH9(){ if (iedom_aH9){ if (parseInt(cross_slide_aH9.style.left)>(actualwidth_aH9*(-1)+8)) cross_slide_aH9.style.left=parseInt(cross_slide_aH9.style.left)-copyspeed_aH9+"px" else cross_slide_aH9.style.left=parseInt(cross_slide2_aH9.style.left)+actualwidth_aH9+slideshowgap_aH9+"px" if (parseInt(cross_slide2_aH9.style.left)>(actualwidth_aH9*(-1)+8)) cross_slide2_aH9.style.left=parseInt(cross_slide2_aH9.style.left)-copyspeed_aH9+"px" else cross_slide2_aH9.style.left=parseInt(cross_slide_aH9.style.left)+actualwidth_aH9+slideshowgap_aH9+"px" } else if (document.layers){ if (ns_slide_aH9.left>(actualwidth_aH9*(-1)+8)) ns_slide_aH9.left-=copyspeed_aH9 else ns_slide_aH9.left=ns_slide2_aH9.left+actualwidth_aH9+slideshowgap_aH9 if (ns_slide2_aH9.left>(actualwidth_aH9*(-1)+8)) ns_slide2_aH9.left-=copyspeed_aH9 else ns_slide2_aH9.left=ns_slide_aH9.left+actualwidth_aH9+slideshowgap_aH9 } } if (iedom_aH9||document.layers){ with (document){ document.write('

') if (iedom_aH9){ write('

') write('

') } else if (document.layers){ write('') write('') write('') write('') } document.write('

') } } var aH9_loadingImage = 'loading.gif'; var aH9_closeButton = 'close.gif'; function aH9_getPageScroll(){ var aH9_yScroll; if (self.pageYOffset) { aH9_yScroll = self.pageYOffset; } else if (document.documentElement && document.documentElement.scrollTop){ // Explorer 6 Strict aH9_yScroll = document.documentElement.scrollTop; } else if (document.body) {// all other Explorers aH9_yScroll = document.body.scrollTop; } aH9_arrayPageScroll = new Array('',aH9_yScroll) return aH9_arrayPageScroll; } function aH9_getPageSize(){ var aH9_xScroll, aH9_yScroll; if (window.innerHeight && window.scrollMaxY) { aH9_xScroll = document.body.scrollWidth; aH9_yScroll = window.innerHeight + window.scrollMaxY; } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac aH9_xScroll = document.body.scrollWidth; aH9_yScroll = document.body.scrollHeight; } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari aH9_xScroll = document.body.offsetWidth; aH9_yScroll = document.body.offsetHeight; } var aH9_windowWidth, aH9_windowHeight; if (self.innerHeight) { // all except Explorer aH9_windowWidth = self.innerWidth; aH9_windowHeight = self.innerHeight; } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode aH9_windowWidth = document.documentElement.clientWidth; aH9_windowHeight = document.documentElement.clientHeight; } else if (document.body) { // other Explorers aH9_windowWidth = document.body.clientWidth; aH9_windowHeight = document.body.clientHeight; } // for small pages with total height less then height of the viewport if(aH9_yScroll < aH9_windowHeight){ aH9_pageHeight = aH9_windowHeight; } else { aH9_pageHeight = aH9_yScroll; } // for small pages with total width less then width of the viewport if(aH9_xScroll < aH9_windowWidth){ aH9_pageWidth = aH9_windowWidth; } else { aH9_pageWidth = aH9_xScroll; } aH9_arrayPageSize = new Array(aH9_pageWidth,aH9_pageHeight,aH9_windowWidth,aH9_windowHeight) return aH9_arrayPageSize; } function aH9_pause(aH9_numberMillis) { var aH9_now = new Date(); var aH9_exitTime = aH9_now.getTime() + aH9_numberMillis; while (true) { aH9_now = new Date(); if (aH9_now.getTime() > aH9_exitTime) return; } } function aH9_getKey(aH9_e){ if (aH9_e == null) { // ie aH9_keycode = event.keyCode; } else { // mozilla aH9_keycode = aH9_e.which; } aH9_key = String.fromCharCode(aH9_keycode).toLowerCase(); if(aH9_key == 'x'){ aH9_hideLightbox(); } } function aH9_listenKey () { document.onkeypress = aH9_getKey; } function aH9_showLightbox(aH9_objLink) { // prep objects var aH9_objOverlay = document.getElementById('aH9_overlay'); var aH9_objLightbox = document.getElementById('aH9_lightbox'); var aH9_objCaption = document.getElementById('aH9_lightboxCaption'); var aH9_objImage = document.getElementById('aH9_lightboxImage'); var aH9_objLoadingImage = document.getElementById('aH9_loadingImage'); var aH9_objLightboxDetails = document.getElementById('aH9_lightboxDetails'); var aH9_arrayPageSize = aH9_getPageSize(); var aH9_arrayPageScroll = aH9_getPageScroll(); // center loadingImage if it exists if (aH9_objLoadingImage) { aH9_objLoadingImage.style.top = (aH9_arrayPageScroll[1] + ((aH9_arrayPageSize[3] - 35 - aH9_objLoadingImage.height) / 2) + 'px'); aH9_objLoadingImage.style.left = (((aH9_arrayPageSize[0] - 20 - aH9_objLoadingImage.width) / 2) + 'px'); aH9_objLoadingImage.style.display = 'block'; } // set height of Overlay to take up whole page and show aH9_objOverlay.style.height = (aH9_arrayPageSize[1] + 'px'); aH9_objOverlay.style.display = 'block'; // preload image aH9_imgPreload = new Image(); aH9_imgPreload.onload=function(){ aH9_objImage.src = aH9_objLink.href; document.getElementById('aH9_lightboxImage').onclick = function () {window.open(aH9_linkslide[aH9_objImage.src]); aH9_hideLightbox(); return false;} document.getElementById('aH9_closeButton').onclick = function () {aH9_hideLightbox(); return false;} // center lightbox and make sure that the top and left values are not negative // and the image placed outside the viewport var aH9_lightboxTop = aH9_arrayPageScroll[1] + ((aH9_arrayPageSize[3] - 35 - aH9_imgPreload.height) / 2); var aH9_lightboxLeft = ((aH9_arrayPageSize[0] - 20 - aH9_imgPreload.width) / 2); aH9_objLightbox.style.top = (aH9_lightboxTop < 0) ? "0px" : aH9_lightboxTop + "px"; aH9_objLightbox.style.left = (aH9_lightboxLeft < 0) ? "0px" : aH9_lightboxLeft + "px"; aH9_objLightboxDetails.style.width = aH9_imgPreload.width + 'px'; if(aH9_objLink.getAttribute('title')){ aH9_objCaption.style.display = 'block'; //objCaption.style.width = imgPreload.width + 'px'; aH9_objCaption.innerHTML = aH9_objLink.getAttribute('title'); } else { aH9_objCaption.style.display = 'none'; } // A small pause between the image loading and displaying is required with IE, // this prevents the previous image displaying for a short burst causing flicker. if (navigator.appVersion.indexOf("MSIE")!=-1){ aH9_pause(250); } if (aH9_objLoadingImage) { aH9_objLoadingImage.style.display = 'none'; } // Hide select boxes as they will 'peek' through the image in IE aH9_selects = document.getElementsByTagName("select"); for (i = 0; i != aH9_selects.length; i++) { aH9_selects[i].style.visibility = "hidden"; } aH9_objLightbox.style.display = 'block'; // After image is loaded, update the overlay height as the new image might have // increased the overall page height. aH9_arrayPageSize = aH9_getPageSize(); aH9_objOverlay.style.height = (aH9_arrayPageSize[1] + 'px'); // Check for 'x' keypress aH9_listenKey(); return false; } aH9_imgPreload.src = aH9_objLink.href; } // // hideLightbox() // function aH9_hideLightbox() { // get objects aH9_objOverlay = document.getElementById('aH9_overlay'); aH9_objLightbox = document.getElementById('aH9_lightbox'); // hide lightbox and overlay aH9_objOverlay.style.display = 'none'; aH9_objLightbox.style.display = 'none'; // make select boxes visible aH9_selects = document.getElementsByTagName("select"); for (i = 0; i != aH9_selects.length; i++) { aH9_selects[i].style.visibility = "visible"; } // disable keypress listener document.onkeypress = ''; } // // initLightbox() // Function runs on window load, going through link tags looking for rel="lightbox". // These links receive onclick events that enable the lightbox display for their targets. // The function also inserts html markup at the top of the page which will be used as a // container for the overlay pattern and the inline image. // function aH9_initLightbox() { if (!document.getElementsByTagName){ return; } var aH9_anchors = document.getElementsByTagName("a"); // loop through all anchor tags for (var i=0; i // // // var aH9_objBody = document.getElementsByTagName("body").item(0); // create overlay div and hardcode some functional styles (aesthetic styles are in CSS file) var aH9_objOverlay = document.createElement("div"); aH9_objOverlay.setAttribute('id','aH9_overlay'); aH9_objOverlay.onclick = function () {aH9_hideLightbox(); return false;} aH9_objOverlay.style.display = 'none'; aH9_objOverlay.style.position = 'absolute'; aH9_objOverlay.style.top = '0'; aH9_objOverlay.style.left = '0'; aH9_objOverlay.style.zIndex = '90'; aH9_objOverlay.style.width = document.body.offsetWidth;//'100%'; aH9_objBody.insertBefore(aH9_objOverlay, aH9_objBody.firstChild); var aH9_arrayPageSize = aH9_getPageSize(); var aH9_arrayPageScroll = aH9_getPageScroll(); // preload and create loader image var aH9_imgPreloader = new Image(); // if loader image found, create link to hide lightbox and create loadingimage aH9_imgPreloader.onload=function(){ var aH9_objLoadingImageLink = document.createElement("a"); aH9_objLoadingImageLink.setAttribute('href','#'); aH9_objLoadingImageLink.onclick = function () {aH9_hideLightbox(); return false;} aH9_objOverlay.appendChild(aH9_objLoadingImageLink); var aH9_objLoadingImage = document.createElement("img"); aH9_objLoadingImage.src = aH9_loadingImage; aH9_objLoadingImage.setAttribute('id','aH9_loadingImage'); aH9_objLoadingImage.style.position = 'absolute'; aH9_objLoadingImage.style.zIndex = '150'; aH9_objLoadingImageLink.appendChild(aH9_objLoadingImage); aH9_imgPreloader.onload=function(){}; // clear onLoad, as IE will flip out w/animated gifs return false; } aH9_imgPreloader.src = aH9_loadingImage; // create lightbox div, same note about styles as above var aH9_objLightbox = document.createElement("div"); aH9_objLightbox.setAttribute('id','aH9_lightbox'); aH9_objLightbox.style.display = 'none'; aH9_objLightbox.style.position = 'absolute'; aH9_objLightbox.style.zIndex = '100'; aH9_objBody.insertBefore(aH9_objLightbox, aH9_objOverlay.nextSibling); // create link var aH9_objLink = document.createElement("a"); aH9_objLink.setAttribute('id','aH9_glink'); aH9_objLink.setAttribute('href','#'); aH9_objLink.setAttribute('title','Klik op de image om de hele gallerij te bekijken!'); //objLink.onclick = function () {alert(loadingImage); hideLightbox(); return false;} aH9_objLightbox.appendChild(aH9_objLink); // preload and create close button image var aH9_imgPreloadCloseButton = new Image(); // if close button image found, aH9_imgPreloadCloseButton.onload=function(){ var aH9_objCloseButton = document.createElement("img"); aH9_objCloseButton.src = aH9_closeButton; aH9_objCloseButton.setAttribute('id','aH9_closeButton'); aH9_objCloseButton.style.position = 'absolute'; aH9_objCloseButton.style.zIndex = '200'; aH9_objLink.appendChild(aH9_objCloseButton); return false; } aH9_imgPreloadCloseButton.src = aH9_closeButton; // create image var aH9_objImage = document.createElement("img"); aH9_objImage.setAttribute('id','aH9_lightboxImage'); aH9_objLink.appendChild(aH9_objImage); // create details div, a container for the caption and keyboard message var aH9_objLightboxDetails = document.createElement("div"); aH9_objLightboxDetails.setAttribute('id','aH9_lightboxDetails'); aH9_objLightbox.appendChild(aH9_objLightboxDetails); // create caption var aH9_objCaption = document.createElement("div"); aH9_objCaption.setAttribute('id','aH9_lightboxCaption'); aH9_objCaption.style.display = 'none'; aH9_objLightboxDetails.appendChild(aH9_objCaption); } document.write('') check_aH9()