var easing; var exp; var l; var o; var sg; var t; var tId; var x; var y; var changed; var pos; var nooitonbekend; var pageXOffset; var pageYOffset; var steps; var useBox; var xSize; var ySize; var deze_afbeelding= {explode_tijd_ms:300, implode_tijd_ms:300, tellerzindex:999, laden_doorzichtigheid:0.70, meervoorbeeldtoestaan:true, lijnterwijldeanimatie_is:0, startpositie_rand:9, maak_minimale_breedte:false, positie_volledige_grootte:'bottom right', ondoorzichtig:1, check_toetsen:true, detag_opener:['a'], sleep_plaatjes_naam:true, minWidth:200, minHeight:200, verkleinen_toestaan:true, naamwerkmodule:'vergroter-sleper', zetdecursorterug:'null', nederlands:{}, marginLeft:15, marginRight:15, marginTop:15, marginBottom:15, plaatjesdirectory:'', doorgaanmetladen:true, uitbreidingen:[], overschrijving:[], overlays:[], juistepositie:{ x:['leftkantje', 'left', 'hetmidden', 'right', 'rightkantje'], y:['bovenkant', 'top', 'middenin', 'bottom', 'onderkant']}, mouse:{}, overvloeier:[], werk_aan_de_lijnen:{}, dubbelen:{}, ie:(document.all && !window.opera), safari:/Safari/.test(navigator.userAgent), geckoMac:/Macintosh.+rv:1\.[0-8].+Gecko/.test(navigator.userAgent), $ : function (id) { return document.getElementById(id);}, push : function (arr, val) {arr[arr.length] = val;}, zet_de_attributen : function (el, attribs) { for (var x in attribs) {el[x] = attribs[x];}}, zetdestijl : function (el, styles) { for (var x in styles) { if (deze_afbeelding.ie && x == 'opacity') { if (styles[x] > 0.99) {el.style.removeAttribute('filter');} else {el.style.filter = 'alpha(opacity='+ (styles[x] * 100) +')';} } else {el.style[x] = styles[x];}}}, createElement : function (tag, attribs, styles, parent, nopad) { var el = document.createElement(tag); if (attribs) {deze_afbeelding.zet_de_attributen(el, attribs);} if (nopad) {deze_afbeelding.zetdestijl(el, {padding: 0, border: 'none', margin: 0});} if (styles) {deze_afbeelding.zetdestijl(el, styles);} if (parent) {parent.appendChild(el);} return el;}, ieVersion : function () { var arr = navigator.appVersion.split("MSIE"); return arr[1] ? parseFloat(arr[1]) : null;}, haalafmetingenpagina : function () { var d = document, w = window, iebody = d.compatMode && d.compatMode != 'BackCompat' ? d.documentElement : d.body; var width = deze_afbeelding.ie ? iebody.clientWidth : (d.documentElement.clientWidth || self.innerWidth), height = deze_afbeelding.ie ? iebody.clientHeight : self.innerHeight; return { width: width, height: height, scrollLeft: deze_afbeelding.ie ? iebody.scrollLeft : pageXOffset, scrollTop: deze_afbeelding.ie ? iebody.scrollTop : pageYOffset};}, haaldepositie : function(el) { var p = { x: el.offsetLeft, y: el.offsetTop }; while (el.offsetParent) { el = el.offsetParent; p.x += el.offsetLeft; p.y += el.offsetTop; if (el != document.body && el != document.documentElement) { p.x -= el.scrollLeft; p.y -= el.scrollTop;}}return p;}, expand : function(a, params, custom, type) { if (!a) {a = deze_afbeelding.createElement('a', null, { display: 'none' }, deze_afbeelding.container);} if (typeof a.getParams == 'function'){return params;} try {nooitonbekend=new deze_afbeelding.Expander(a, params, custom);return false;} catch (e) { return true; }}, debovenstezichtbaar : function() { var topZ = 0, topmostKey = -1; for (var i = 0; i < deze_afbeelding.uitbreidingen.length; i++) { if (deze_afbeelding.uitbreidingen[i]) { if (deze_afbeelding.uitbreidingen[i].wrapper.style.zIndex && deze_afbeelding.uitbreidingen[i].wrapper.style.zIndex > topZ) { topZ = deze_afbeelding.uitbreidingen[i].wrapper.style.zIndex; topmostKey = i; } } } if (topmostKey == -1) {deze_afbeelding.focusKey = -1;} else {deze_afbeelding.uitbreidingen[topmostKey].focus();}}, getParam : function (a, param) { a.getParams = a.onclick; var p = a.getParams ? a.getParams() : null; a.getParams = null; return (p && typeof p[param] != 'undefined') ? p[param] : (typeof deze_afbeelding[param] != 'undefined' ? deze_afbeelding[param] : null);}, getSrc : function (a) { var src = deze_afbeelding.getParam(a, 'src'); if (src) {return src;} return a.href;}, getNode : function (id) { var node = deze_afbeelding.$(id), clone = deze_afbeelding.dubbelen[id], a = {}; if (!node && !clone) {return null;} if (!clone) { clone = node.cloneNode(true); clone.id = ''; deze_afbeelding.dubbelen[id] = clone; return node; } else { return clone.cloneNode(true); }}, discardElement : function(d) { deze_afbeelding.garbageBin.appendChild(d); deze_afbeelding.garbageBin.innerHTML = '';}, keyHandler : function(e) { if (!e) {e = window.event;} if (!e.target) {e.target = e.srcElement;} if (typeof e.target.form != 'undefined') {return true;} exp = deze_afbeelding.regeldeuitbreiding(); var op = null; switch (e.keyCode) { case 27: case 13: op = 0; } if (op !== null) {deze_afbeelding.removeEventListener(document, window.opera ? 'keypress' : 'keydown', deze_afbeelding.keyHandler); if (!deze_afbeelding.check_toetsen){return true;} if (e.preventDefault){e.preventDefault();} else {e.returnValue = false;} if (exp) { if (op === 0) { exp.close(); } else { deze_afbeelding.previousOrNext(exp.key, op); } return false; } } return true;}, haaldesleutel : function (element, expOnly) { var el, re = /^vergroter-sleper-([0-9]+)$/; el = element; while (el.parentNode) { if (el.id && re.test(el.id)) {return el.id.replace(re, "$1");} el = el.parentNode; } if (!expOnly) { el = element; while (el.parentNode) { if (el.tagName && deze_afbeelding.ditishetankertje(el)) { for (var key = 0; key < deze_afbeelding.uitbreidingen.length; key++) { exp = deze_afbeelding.uitbreidingen[key]; if (exp && exp.a == el){return key;} } } el = el.parentNode; } } return null;}, regeldeuitbreiding : function (el, expOnly) { if (typeof el == 'undefined'){return deze_afbeelding.uitbreidingen[deze_afbeelding.focusKey] || null;} if (typeof el == 'number'){return deze_afbeelding.uitbreidingen[el] || null;} if (typeof el == 'string'){el = deze_afbeelding.$(el);} return deze_afbeelding.uitbreidingen[deze_afbeelding.haaldesleutel(el, expOnly)] || null;}, ditishetankertje : function (a) { return (a.onclick && a.onclick.toString().replace(/\s/g, ' ').match(/deze_afbeelding.(htmlE|e)xpand/));}, reOrder : function () { for (var i = 0; i < deze_afbeelding.uitbreidingen.length; i++){if (deze_afbeelding.uitbreidingen[i] && deze_afbeelding.uitbreidingen[i].isExpanded){deze_afbeelding.debovenstezichtbaar();}}}, mouseClickHandler : function(e) { if (!e){e = window.event;} if (e.button > 1){return true;} if (!e.target){e.target = e.srcElement;} var el = e.target; while (el.parentNode && !(/vergroter-(image|move|html|resize)/.test(el.className))) { el = el.parentNode; } exp = deze_afbeelding.regeldeuitbreiding(el); if (exp && (exp.isClosing || !exp.isExpanded)){return true;} if (exp && e.type == 'mousedown') { if (e.target.form){return true;} var match = el.className.match(/vergroter-(image|move|resize)/); if (match) { deze_afbeelding.dragArgs = { exp: exp , type: match[1], left: exp.x.pos, width: exp.x.size, top: exp.y.pos, height: exp.y.size, clickX: e.clientX, clickY: e.clientY }; deze_afbeelding.addEventListener(document, 'mousemove', deze_afbeelding.dragHandler); if (e.preventDefault){e.preventDefault();} if (/vergroter-(image|html)-blur/.test(exp.content.className)) { exp.focus(); deze_afbeelding.hasFocused = true; } return false; } } else if (e.type == 'mouseup') { deze_afbeelding.removeEventListener(document, 'mousemove', deze_afbeelding.dragHandler); if (deze_afbeelding.dragArgs) { if (deze_afbeelding.stijlvancursorrestore && deze_afbeelding.dragArgs.type == 'image'){deze_afbeelding.dragArgs.exp.content.style.cursor = deze_afbeelding.stijlvancursorrestore;} var hasDragged = deze_afbeelding.dragArgs.hasDragged; if (!hasDragged && !deze_afbeelding.hasFocused && !(/resize/).test(deze_afbeelding.dragArgs.type) && !(/move/).test(deze_afbeelding.dragArgs.type)){exp.close();} else if (hasDragged || (!hasDragged && deze_afbeelding.hasHtmluitbreidingen)) { deze_afbeelding.dragArgs.exp.doShowHide('hidden'); } deze_afbeelding.hasFocused = false; deze_afbeelding.dragArgs = null; } else if (/vergroter-image-blur/.test(el.className)) { el.style.cursor = deze_afbeelding.stijlvancursorrestore; } } return false;}, dragHandler : function(e){ if (!deze_afbeelding.dragArgs){return true;} if (!e){e = window.event;} var a = deze_afbeelding.dragArgs; exp = a.exp; a.dX = e.clientX - a.clickX; a.dY = e.clientY - a.clickY; var distance = Math.sqrt(Math.pow(a.dX, 2) + Math.pow(a.dY, 2)); if (!a.hasDragged) {a.hasDragged = (a.type != 'image' && distance > 0) || (distance > (deze_afbeelding.dragSensitivity || 5));} if (a.hasDragged && e.clientX > 5 && e.clientY > 5) { if (a.type == 'resize'){exp.resize(a);} else { exp.moveTo(a.left + a.dX, a.top + a.dY); if (a.type == 'image'){exp.content.style.cursor = 'move';} } } return false;}, muis_gedragingen : function (e) {}, addEventListener : function (el, event, func) { try { el.addEventListener(event, func, false); } catch (e) { try { el.detachEvent('on'+ event, func); el.attachEvent('on'+ event, func); } catch (e) { el['on'+ event] = func; } }}, removeEventListener : function (el, event, func) { try { el.removeEventListener(event, func, false); } catch (e) { try { el.detachEvent('on'+ event, func); } catch (e) { el['on'+ event] = null; } }}, init : function () { if (!deze_afbeelding.container) { deze_afbeelding.container = deze_afbeelding.createElement('div', { className: 'vergroter-container' }, { position: 'absolute', left: 0, top: 0, width: '100%', zIndex: deze_afbeelding.tellerzindex, direction: 'ltr' }, document.body, true ); deze_afbeelding.loading = deze_afbeelding.createElement('a', { className: 'vergroter-loading', title: deze_afbeelding.nederlands.loadingTitle, innerHTML: deze_afbeelding.nederlands.loadingText, href: 'javascript:;' }, { position: 'absolute', top: '-9999px', opacity: deze_afbeelding.laden_doorzichtigheid, zIndex: 1}, deze_afbeelding.container); deze_afbeelding.garbageBin = deze_afbeelding.createElement('div', null, { display: 'none' }, deze_afbeelding.container); Math.linearTween = function (t, b, c, d) { return c*t/d + b; }; Math.easeInQuad = function (t, b, c, d) { return c*(t/=d)*t + b; }; for (var x in deze_afbeelding.nederlandsDefaults) { if (typeof deze_afbeelding[x] != 'undefined'){deze_afbeelding.nederlands[x] = deze_afbeelding[x];} else if (typeof deze_afbeelding.nederlands[x] == 'undefined' && typeof deze_afbeelding.nederlandsDefaults[x] != 'undefined'){deze_afbeelding.nederlands[x] = deze_afbeelding.nederlandsDefaults[x];} } deze_afbeelding.hideSelects = (deze_afbeelding.ie && deze_afbeelding.ieVersion() < 7); deze_afbeelding.hideIframes = ((window.opera && navigator.appVersion < 9) || navigator.vendor == 'KDE' || (deze_afbeelding.ie && deze_afbeelding.ieVersion() < 5.5)); }}, domReady : function() { deze_afbeelding.isDomReady = true; if (deze_afbeelding.onDomReady){deze_afbeelding.onDomReady();}}, updateAnchors : function() { var el, els, all = [], images = [],groups = {}, re; for (var i = 0; i < deze_afbeelding.detag_opener.length; i++) { els = document.getElementsByTagName(deze_afbeelding.detag_opener[i]); for (var j = 0; j < els.length; j++) { el = els[j]; re = deze_afbeelding.ditishetankertje(el); if (re) { deze_afbeelding.push(all, el); if (re[0] == 'deze_afbeelding.expand'){deze_afbeelding.push(images, el);} var g = deze_afbeelding.getParam(el, 'slideshowGroup') || 'none'; if (!groups[g]){groups[g] = [];} deze_afbeelding.push(groups[g], el); } } } deze_afbeelding.anchors = { all: all, groups: groups, images: images }; return deze_afbeelding.anchors;}, getAnchors : function() { return deze_afbeelding.anchors || deze_afbeelding.updateAnchors();}, fade : function (el, o, oFinal, dur, fn, i, dir) { if (typeof i == 'undefined') { if (typeof dur != 'number'){dur = 250;} if (dur < 25) { deze_afbeelding.zetdestijl( el, { opacity: oFinal }); if (fn){fn();} return; } i = deze_afbeelding.overvloeier.length; dir = oFinal > o ? 1 : -1; var step = (25 / (dur - dur % 25)) * Math.abs(o - oFinal); } o = parseFloat(o); var skip = (el.fade === 0 || el.fade === false || (el.fade == 2 && deze_afbeelding.ie)); el.style.visibility = ((skip ? oFinal : o) <= 0) ? 'hidden' : 'visible'; if (skip || o < 0 || (dir == 1 && o > oFinal)) { if (fn){fn();} return; } if (el.fading && el.fading.i != i) { clearTimeout(deze_afbeelding.overvloeier[el.fading.i]); o = el.fading.o; } el.fading = {i: i, o: o, step: (step || el.fading.step)}; el.style.visibility = (o <= 0) ? 'hidden' : 'visible'; deze_afbeelding.zetdestijl(el, { opacity: o }); deze_afbeelding.overvloeier[i] = setTimeout(function() { deze_afbeelding.fade(el, o + el.fading.step * dir, oFinal, null, fn, i, dir); }, 25);}, close : function(el) { exp = deze_afbeelding.regeldeuitbreiding(el); if (exp){exp.close();} return false;}}; deze_afbeelding.Outline = function (outlineType, onLoad) { this.onLoad = onLoad; this.outlineType = outlineType; var v = deze_afbeelding.ieVersion(), tr; this.hasAlphaImageLoader = deze_afbeelding.ie && v >= 5.5 && v < 7; if (!outlineType) { if (onLoad){onLoad();} return; } deze_afbeelding.init(); this.table = deze_afbeelding.createElement( 'table', { cellSpacing: 0 }, { visibility: 'hidden', position: 'absolute', borderCollapse: 'collapse', width: 0 }, deze_afbeelding.container, true ); var tbody = deze_afbeelding.createElement('tbody', null, null, this.table, 1); this.td = []; for (var i = 0; i <= 8; i++) { if (i % 3 === 0){tr = deze_afbeelding.createElement('tr', null, { height: 'auto' }, tbody, true);} this.td[i] = deze_afbeelding.createElement('td', null, null, tr, true); var style = i != 4 ? { lineHeight: 0, fontSize: 0} : { position : 'relative' }; deze_afbeelding.zetdestijl(this.td[i], style); } this.td[4].className = outlineType +' vergroter-outline'; this.preloadGraphic();}; deze_afbeelding.Outline.prototype = { preloadGraphic : function () { var src = deze_afbeelding.plaatjesdirectory + (deze_afbeelding.outlinesDir || "outlines/")+ this.outlineType +".png"; var appendTo = deze_afbeelding.safari ? deze_afbeelding.container : null; this.graphic = deze_afbeelding.createElement('img', null, { position: 'absolute', top: '-9999px' }, appendTo, true); var pThis = this; this.graphic.onload = function() { pThis.onGraphicLoad(); }; this.graphic.src = src;}, onGraphicLoad : function () { this.offset = this.graphic.width / 4; pos = [[0,0],[0,-4],[-2,0],[0,-8],0,[-2,-8],[0,-2],[0,-6],[-2,-2]]; var dim; dim = { height: (2*o) +'px', width: (2*o) +'px' }; for (var i = 0; i <= 8; i++) { if (pos[i]) { if (this.hasAlphaImageLoader) { var w = (i == 1 || i == 7) ? '100%' : this.graphic.width +'px'; var div = deze_afbeelding.createElement('div', null, { width: '100%', height: '100%', position: 'relative', overflow: 'hidden'}, this.td[i], true); deze_afbeelding.createElement ('div', null, { filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='"+ this.graphic.src + "')", position: 'absolute', width: w, height: this.graphic.height +'px', left: (pos[i][0]*o)+'px', top: (pos[i][1]*o)+'px' }, div, true); } else { deze_afbeelding.zetdestijl(this.td[i], { background: 'url('+ this.graphic.src +') '+ (pos[i][0]*o)+'px '+(pos[i][1]*o)+'px'}); } if (window.opera && (i == 3 || i ==5)){deze_afbeelding.createElement('div', null, dim, this.td[i], true);} deze_afbeelding.zetdestijl (this.td[i], dim); } } this.graphic = null; if (deze_afbeelding.werk_aan_de_lijnen[this.outlineType]){deze_afbeelding.werk_aan_de_lijnen[this.outlineType].destroy();} deze_afbeelding.werk_aan_de_lijnen[this.outlineType] = this; if (this.onLoad){this.onLoad();}}, setPosition : function (exp, pos, vis) { pos = pos || { x: exp.x.pos, y: exp.y.pos, w: exp.x.size + exp.x.p1 + exp.x.p2, h: exp.y.size + exp.y.p1 + exp.y.p2 }; if (vis){this.table.style.visibility = (pos.h >= 4 * this.offset) ? 'visible' : 'hidden';} deze_afbeelding.zetdestijl(this.table, { left: (pos.x - this.offset) +'px', top: (pos.y - this.offset) +'px', width: (pos.w + 2 * (exp.x.cb + this.offset)) +'px' }); pos.w += 2 * (exp.x.cb - this.offset); pos.h += + 2 * (exp.y.cb - this.offset); deze_afbeelding.zetdestijl (this.td[4], { width: pos.w >= 0 ? pos.w +'px' : 0, height: pos.h >= 0 ? pos.h +'px' : 0 }); if (this.hasAlphaImageLoader){this.td[3].style.height = this.td[5].style.height = this.td[4].style.height;}},destroy : function(hide) { if (hide){this.table.style.visibility = 'hidden';} else{deze_afbeelding.discardElement(this.table);}}}; deze_afbeelding.Dimension = function(exp, dim) { this.exp = exp; this.dim = dim; this.ucwh = dim == 'x' ? 'Width' : 'Height'; this.wh = this.ucwh.toLowerCase(); this.uclt = dim == 'x' ? 'Left' : 'Top'; this.lt = this.uclt.toLowerCase(); this.ucrb = dim == 'x' ? 'Right' : 'Bottom'; this.rb = this.ucrb.toLowerCase(); this.p1 = this.p2 = 0; }; deze_afbeelding.Dimension.prototype = { get : function(key) { switch (key) { case 'loadingPos': return this.tpos + this.tb + (this.t - deze_afbeelding.loading['offset'+ this.ucwh]) / 2; case 'wsize': return this.size + 2 * this.cb + this.p1 + this.p2; case 'fitsize': return this.clientSize - this.marginMin - this.marginMax; case 'juistepositie': return this.pos - (this.exp.outline ? this.exp.outline.offset : 0); case 'osize': return this.get('wsize') + (this.exp.outline ? 2*this.exp.outline.offset : 0); case 'imgPad': return this.imgSize ? Math.round((this.size - this.imgSize) / 2) : 0;}}, calcBorders: function() { this.cb = (this.exp.content['offset'+ this.ucwh] - this.t) / 2; this.marginMax = deze_afbeelding['margin'+ this.ucrb] + 2 * this.cb;}, calcThumb: function() { var tussen=this.exp.el[this.wh]; this.t = this.exp.el[this.wh] ? tussen : this.exp.el['offset'+ this.ucwh]; this.tpos = this.exp.tpos[this.dim]; this.tb = (this.exp.el['offset'+ this.ucwh] - this.t) / 2; if (this.tpos === 0) { this.tpos = (deze_afbeelding.page[this.wh] / 2) + deze_afbeelding.page['scroll'+ this.uclt];}}, calcExpanded: function() { exp = this.exp; this.justify = 'auto'; this.pos = this.tpos - this.cb + this.tb; this.size = Math.min(this.full, exp['max'+ this.ucwh] || this.full); this.minSize = exp.verkleinen_toestaan ? Math.min(exp['min'+ this.ucwh], this.full) :this.full; if (exp.useBox) { this.size = exp[this.wh]; this.imgSize = this.full; } if (this.dim == 'x' && deze_afbeelding.maak_minimale_breedte){this.minSize = exp.minWidth;} this.marginMin = deze_afbeelding['margin'+ this.uclt]; this.scroll = deze_afbeelding.page['scroll'+ this.uclt]; this.clientSize = deze_afbeelding.page[this.wh];}, steldegroottein: function(i) { exp = this.exp; if (exp.isImage && (exp.useBox || deze_afbeelding.maak_minimale_breedte)) { this.imgSize = i; this.size = Math.max(this.size, this.imgSize); exp.content.style[this.lt] = this.get('imgPad')+'px'; } else{this.size = i;} exp.content.style[this.wh] = i +'px'; exp.wrapper.style[this.wh] = this.get('wsize') +'px'; if (exp.outline){exp.outline.setPosition(exp);} if (this.dim == 'x' && exp.overlayBox){exp.sizeOverlayBox(true);}}, setPos: function(i) { this.pos = i; this.exp.wrapper.style[this.lt] = i +'px'; if (this.exp.outline){this.exp.outline.setPosition(this.exp);}}}; deze_afbeelding.Expander = function(a, params, custom, contentType) { if (document.readyState && deze_afbeelding.ie && !deze_afbeelding.isDomReady) { deze_afbeelding.onDomReady = function() { deze_afbeelding.Expander(a, params, custom, contentType); }; return; } this.a = a; this.custom = custom; this.contentType = contentType || 'image'; this.isImage = !this.isHtml; deze_afbeelding.doorgaanmetladen = false; this.overlays = []; deze_afbeelding.init(); var key; this.key = deze_afbeelding.uitbreidingen.length; for (var i = 0; i < deze_afbeelding.overschrijving.length; i++) { var name = deze_afbeelding.overschrijving[i]; this[name] = params && typeof params[name] != 'undefined' ? params[name] : deze_afbeelding[name]; } if (!this.src){this.src = a.href;} var el = (params && params.thumbnailId) ? deze_afbeelding.$(params.thumbnailId) : a; el = this.thumb = el.getElementsByTagName('img')[0] || el; this.thumbsUserSetId = el.id || a.id; for (var ii = 0; ii < deze_afbeelding.uitbreidingen.length; ii++) { if (deze_afbeelding.uitbreidingen[ii] && deze_afbeelding.uitbreidingen[ii].a == a) { deze_afbeelding.uitbreidingen[ii].focus(); return false; } } for (var ia = 0; ia < deze_afbeelding.uitbreidingen.length; ia++) { if (deze_afbeelding.uitbreidingen[ia] && deze_afbeelding.uitbreidingen[ia].thumb != el && !deze_afbeelding.uitbreidingen[ia].onLoadStarted) { deze_afbeelding.uitbreidingen[ia].cancelLoading(); } } deze_afbeelding.uitbreidingen[this.key] = this; if (!deze_afbeelding.meervoorbeeldtoestaan && !deze_afbeelding.upcoming) { if (deze_afbeelding.uitbreidingen[key-1]){deze_afbeelding.uitbreidingen[key-1].close();} if (typeof deze_afbeelding.focusKey != 'undefined' && deze_afbeelding.uitbreidingen[deze_afbeelding.focusKey]){deze_afbeelding.uitbreidingen[deze_afbeelding.focusKey].close();}} this.el = el; this.tpos = deze_afbeelding.haaldepositie(el); deze_afbeelding.page = deze_afbeelding.haalafmetingenpagina(); x = this.x = new deze_afbeelding.Dimension(this, 'x'); x.calcThumb(); y = this.y = new deze_afbeelding.Dimension(this, 'y'); y.calcThumb(); this.wrapper = deze_afbeelding.createElement( 'div', { id: 'vergroter-sleper-'+ this.key, className: this.naamwerkmodule }, { visibility: 'hidden', position: 'absolute', zIndex: deze_afbeelding.tellerzindex++ }, null, true ); this.wrapper.onmouseover = this.wrapper.onmouseout = deze_afbeelding.muis_gedragingen; if (this.contentType == 'image' && this.lijnterwijldeanimatie_is == 2){this.lijnterwijldeanimatie_is = 0;} if (!this.outlineType) { this[this.contentType +'Create'](); } else if (deze_afbeelding.werk_aan_de_lijnen[this.outlineType]) { this.connectOutline(); this[this.contentType +'Create'](); } else { this.showLoading(); exp = this; deze_afbeelding.Outline(this.outlineType, function () { exp.connectOutline(); exp[exp.contentType +'Create'](); } ); } return true;}; deze_afbeelding.Expander.prototype = { connectOutline : function() { o = this.outline = deze_afbeelding.werk_aan_de_lijnen[this.outlineType]; o.table.style.zIndex = this.wrapper.style.zIndex; deze_afbeelding.werk_aan_de_lijnen[this.outlineType] = null;}, showLoading : function() { if (this.onLoadStarted || this.loading){return;} this.loading = deze_afbeelding.loading; exp = this; this.loading.onclick = function() { exp.cancelLoading(); }; exp = this; l = this.x.get('loadingPos') +'px'; t = this.y.get('loadingPos') +'px'; setTimeout(function () { if (exp.loading){deze_afbeelding.zetdestijl(exp.loading, { left: l, top: t, zIndex: deze_afbeelding.tellerzindex++ });}}, 100);}, imageCreate : function() { exp = this; var img = document.createElement('img'); this.content = img; img.onload = function () { if (deze_afbeelding.uitbreidingen[exp.key]){exp.contentLoaded();} }; if (deze_afbeelding.blockRightClick){img.oncontextmenu = function() { return false; };} img.className = 'vergroter-image'; deze_afbeelding.zetdestijl(img, { visibility: 'hidden', display: 'block', position: 'absolute', maxWidth: '9999px', zIndex: 3 }); img.title = 'Klik om te sluiten, klik en sleep om te verplaatsen.'; if (deze_afbeelding.safari){deze_afbeelding.container.appendChild(img);} if (deze_afbeelding.ie && deze_afbeelding.flushImgSize){img.src = null;} img.src = this.src; this.showLoading();}, contentLoaded : function() { try { if (!this.content){return;} this.content.onload = null; if (this.onLoadStarted){return;} else {this.onLoadStarted = true;} x = this.x; y = this.y; if (this.loading) { deze_afbeelding.zetdestijl(this.loading, { top: '-9999px' }); this.loading = null; } deze_afbeelding.zetdestijl (this.wrapper, { left: x.tpos +'px', top: y.tpos +'px' }); x.full = this.content.width; y.full = this.content.height; deze_afbeelding.zetdestijl(this.content, { width: this.x.t +'px', height: this.y.t +'px' }); this.wrapper.appendChild(this.content); deze_afbeelding.container.appendChild(this.wrapper); x.calcBorders(); y.calcBorders(); this.haaldeoverlays(); var ratio = x.full / y.full; x.calcExpanded(); this.justify(x); y.calcExpanded(); this.justify(y); if (this.overlayBox){this.sizeOverlayBox(0, 1);} if (this.verkleinen_toestaan) { this.correctRatio(ratio); if (this.isImage && this.x.full > (this.x.imgSize || this.x.size)) { this.createFullExpand(); if (this.overlays.length == 1){this.sizeOverlayBox();} } } this.show(); } catch (e) { window.location.href = this.src; }}, justify : function (p, moveOnly) { var tgtArr, tgt = p.target, dim = p == this.x ? 'x' : 'y'; var hasMovedMin = false; var allowReduce = p.exp.verkleinen_toestaan; p.pos = Math.round(p.pos - ((p.get('wsize') - p.t) / 2)); if (p.pos < p.scroll + p.marginMin) { p.pos = p.scroll + p.marginMin; hasMovedMin = true; } if (!moveOnly && p.size < p.minSize) { p.size = p.minSize; allowReduce = false; } if (p.pos + p.get('wsize') > p.scroll + p.clientSize - p.marginMax) { if (!moveOnly && hasMovedMin && allowReduce) { p.size = p.get('fitsize')- 2 * p.cb - p.p1 - p.p2; } else if (p.get('wsize') < p.get('fitsize')) { p.pos = p.scroll + p.clientSize - p.marginMax - p.get('wsize'); } else { p.pos = p.scroll + p.marginMin; if (!moveOnly && allowReduce){p.size = p.get('fitsize')- 2 * p.cb - p.p1 - p.p2;} } } if (!moveOnly && p.size < p.minSize) { p.size = p.minSize; allowReduce = false; } if (p.pos < p.marginMin) { var tmpMin = p.pos; p.pos = p.marginMin; if (allowReduce && !moveOnly){p.size = p.size - (p.pos - tmpMin);}}}, correctRatio : function(ratio) { x = this.x; y = this.y; changed = false; xSize = Math.min(x.full, x.size); ySize = Math.min(y.full, y.size); useBox = (this.useBox || deze_afbeelding.maak_minimale_breedte); if (xSize / ySize > ratio) { xSize = ySize * ratio; if (xSize < x.minSize) { xSize = x.minSize; ySize = xSize / ratio; } changed = true; } else if (xSize / ySize < ratio) { ySize = xSize / ratio; changed = true; } if (deze_afbeelding.maak_minimale_breedte && x.full < x.minSize) { x.imgSize = x.full; y.size = y.imgSize = y.full; } else if (this.useBox) { x.imgSize = xSize; y.imgSize = ySize; } else { x.size = xSize; y.size = ySize; } this.fitOverlayBox(useBox ? null : ratio); if (useBox && y.size < y.imgSize) { y.imgSize = y.size; x.imgSize = y.size * ratio; } if (changed || useBox) { x.pos = x.tpos - x.cb + x.tb; x.minSize = x.size; this.justify(x, true); y.pos = y.tpos - y.cb + y.tb; y.minSize = y.size; this.justify(y, true); if (this.overlayBox){this.sizeOverlayBox();}}}, fitOverlayBox : function(ratio) { x = this.x; y = this.y; if (this.overlayBox) { while (y.size > this.minHeight && x.size > this.minWidth && y.get('wsize') > y.get('fitsize')) { y.size -= 10; if (ratio){x.size = y.size * ratio;} this.sizeOverlayBox(0, 1);} }}, show : function () { this.doShowHide('hidden'); this.changeSize( 1, { xpos: this.x.tpos + this.x.tb - this.x.cb, ypos: this.y.tpos + this.y.tb - this.y.cb, xsize: this.x.t, ysize: this.y.t, xp1: 0, xp2: 0, yp1: 0, yp2: 0, ximgSize: this.x.t, ximgPad: 0, yimgSize: this.y.t, yimgPad: 0, o: deze_afbeelding.startpositie_rand }, { xpos: this.x.pos, ypos: this.y.pos, xsize: this.x.size, ysize: this.y.size, xp1: this.x.p1, yp1: this.y.p1, xp2: this.x.p2, yp2: this.y.p2, ximgSize: this.x.imgSize, ximgPad: this.x.get('imgPad'), yimgSize: this.y.imgSize, yimgPad: this.y.get('imgPad'), o: this.outline ? this.outline.offset : 0 },deze_afbeelding.explode_tijd_ms);}, changeSize : function(up, from, ttto, dur) { if (this.outline && !this.lijnterwijldeanimatie_is) { if (up){this.outline.setPosition(this);} else{this.outline.destroy();} } if (!up && this.overlayBox) { deze_afbeelding.discardElement(this.overlayBox); } if (this.fadeInOut) { from.op = up ? 0 : 1; ttto.op = up; } exp = this; easing = Math[this.easing] || Math.easeInQuad; steps = (up ? deze_afbeelding.expandSteps : deze_afbeelding.restoreSteps) || (dur / 25) || 1; if (!up){easing = Math[this.easingClose] || easing;} for (var i = 1; i <= steps ; i++) { t = Math.round(i * (dur / steps)); (function(){ var pI = i, size = {}; for (var x in from) { size[x] = easing(t, from[x], ttto[x] - from[x], dur); if (isNaN(size[x])){size[x] = ttto[x];} if (!(/^op$/).test(x)){size[x] = Math.round(size[x]);} } setTimeout ( function() { if (up && pI == 1) { exp.content.style.visibility = 'visible'; exp.a.className += ' vergroter-active-anchor'; } exp.steldegroottein(size); }, t); })(); } if (up) { setTimeout(function() { if (exp.outline){ exp.outline.table.style.visibility = "visible";} }, t); setTimeout(function() { exp.afterExpand(); }, t + 50); } else{setTimeout(function() { exp.afterClose(); }, t);}}, steldegroottein : function (ttto) { try { if (ttto.op){deze_afbeelding.zetdestijl(this.wrapper, { opacity: ttto.op });} deze_afbeelding.zetdestijl ( this.wrapper, { width : (ttto.xsize +ttto.xp1 + ttto.xp2 + 2 * this.x.cb) +'px', height : (ttto.ysize +ttto.yp1 + ttto.yp2 + 2 * this.y.cb) +'px', left: ttto.xpos +'px', top: ttto.ypos +'px' }); deze_afbeelding.zetdestijl(this.content, { left: (ttto.xp1 + ttto.ximgPad) +'px', top: (ttto.yp1 + ttto.yimgPad) +'px', width: (ttto.ximgSize ||ttto.xsize) +'px', height: (ttto.yimgSize ||ttto.ysize) +'px' }); if (this.outline && this.lijnterwijldeanimatie_is) { o = this.outline.offset - ttto.o; this.outline.setPosition(this, { x: ttto.xpos + o, y: ttto.ypos + o, w: ttto.xsize + ttto.xp1 + ttto.xp2 + - 2 * o, h: ttto.ysize + ttto.yp1 + ttto.yp2 + - 2 * o }, 1); } this.wrapper.style.visibility = 'visible'; } catch (e) { window.location.href = this.src; }}, afterExpand : function() { this.isExpanded = true; this.focus(); this.prepareNextOutline(); var p = deze_afbeelding.page, mX = deze_afbeelding.mouse.x + p.scrollLeft, mY = deze_afbeelding.mouse.y + p.scrollTop; this.mouseIsOver = this.x.pos < mX && mX < this.x.pos + this.x.get('wsize') && this.y.pos < mY && mY < this.y.pos + this.y.get('wsize'); if (this.overlayBox){this.showOverlays();}}, prepareNextOutline : function() { var key = this.key; var outlineType = this.outlineType; deze_afbeelding.Outline(outlineType, function () { try { deze_afbeelding.uitbreidingen[key].preloadNext(); } catch (e) {} });}, preloadNext : function() { var next = this.getAdjacentAnchor(1); if (next && next.onclick.toString().match(/deze_afbeelding\.expand/)){var img = deze_afbeelding.createElement('img', { src: deze_afbeelding.getSrc(next) });}}, cancelLoading : function() { deze_afbeelding.uitbreidingen[this.key] = null; if (this.loading){deze_afbeelding.loading.style.left = '-9999px';}}, getInline : function(types, addOverlay) { for (var i = 0; i < types.length; i++) { var type = types[i], s = null; if (!this[type +'Id'] && this.thumbsUserSetId){this[type +'Id'] = type +'-for-'+ this.thumbsUserSetId;} if (this[type +'Id']){this[type] = deze_afbeelding.getNode(this[type +'Id']);} if (!this[type] && !this[type +'Text'] && this[type +'Eval']){ try { this[s] = type +'Eval'; } catch (e) {} if (!this[type] && this[type +'Text']) { s = this[type +'Text']; } if (!this[type] && !s) { var next = this.a.nextSibling; while (next && !deze_afbeelding.ditishetankertje(next)) { if ((new RegExp('vergroter-'+ type)).test(next.className || null)) { this[type] = next.cloneNode(1); break; } next = next.nextSibling; } } if (!this[type] && s){this[type] = deze_afbeelding.createElement('div', { className: 'vergroter-'+ type, innerHTML: s } );} if (addOverlay && this[type]) { o = { position: (type == 'heading') ? 'bovenkant' : 'onderkant' }; for (var x in this[type+'Overlay']){o[x] = this[type+'Overlay'][x];} o.overlayId = this[type]; this.createOverlay(o); } }}}, doShowHide : function(visibility) { if (deze_afbeelding.hideSelects){this.showHideElements('SELECT', visibility);} if (deze_afbeelding.hideIframes){this.showHideElements('IFRAME', visibility);} if (deze_afbeelding.geckoMac){this.showHideElements('*', visibility);}}, showHideElements : function (tagName, visibility) { var els = document.getElementsByTagName(tagName); var prop = tagName == '*' ? 'overflow' : 'visibility'; for (var i = 0; i < els.length; i++) { if (prop == 'visibility' || (document.defaultView.getComputedStyle( els[i], "").getPropertyValue('overflow') == 'auto' || els[i].getAttribute('hidden-by') !== null)) { var hiddenBy = els[i].getAttribute('hidden-by'); if (visibility == 'visible' && hiddenBy) { hiddenBy = hiddenBy.replace('['+ this.key +']', ''); els[i].setAttribute('hidden-by', hiddenBy); if (!hiddenBy){els[i].style[prop] = els[i].origProp;} } else if (visibility == 'hidden') { var elPos = deze_afbeelding.haaldepositie(els[i]); elPos.w = els[i].offsetWidth; elPos.h = els[i].offsetHeight; var clearsX = (elPos.x + elPos.w < this.x.get('juistepositie') || elPos.x > this.x.get('juistepositie') + this.x.get('osize')); var clearsY = (elPos.y + elPos.h < this.y.get('juistepositie') || elPos.y > this.y.get('juistepositie') + this.y.get('osize')); var wrapperKey = deze_afbeelding.haaldesleutel(els[i]); if (!clearsX && !clearsY && wrapperKey != this.key) { if (!hiddenBy) { els[i].setAttribute('hidden-by', '['+ this.key +']'); els[i].origProp = els[i].style[prop]; els[i].style[prop] = 'hidden'; } else if (hiddenBy.indexOf('['+ this.key +']') == -1) { els[i].setAttribute('hidden-by', hiddenBy + '['+ this.key +']'); } } else if ((hiddenBy == '['+ this.key +']' || deze_afbeelding.focusKey == wrapperKey) && wrapperKey != this.key) { els[i].setAttribute('hidden-by', ''); els[i].style[prop] = els[i].origProp || ''; } else if (hiddenBy && hiddenBy.indexOf('['+ this.key +']') > -1) { els[i].setAttribute('hidden-by', hiddenBy.replace('['+ this.key +']', '')); } } } }}, focus : function() { this.wrapper.style.zIndex = deze_afbeelding.tellerzindex++; for (var i = 0; i < deze_afbeelding.uitbreidingen.length; i++) { if (deze_afbeelding.uitbreidingen[i] && i == deze_afbeelding.focusKey) { var blurExp = deze_afbeelding.uitbreidingen[i]; blurExp.content.className += ' vergroter-'+ blurExp.contentType +'-blur'; blurExp.content.style.cursor = deze_afbeelding.ie ? 'hand' : 'pointer'; blurExp.content.title = deze_afbeelding.nederlands.focusTitle; } } if (this.outline){this.outline.table.style.zIndex = this.wrapper.style.zIndex;} this.content.className = 'vergroter-'+ this.contentType; this.content.title = 'Klik om te sluiten, klik en sleep om te verplaatsen.'; if (deze_afbeelding.zetdecursorterug) { deze_afbeelding.stijlvancursorrestore = window.opera ? 'pointer' : 'url('+ deze_afbeelding.plaatjesdirectory + deze_afbeelding.zetdecursorterug +'), pointer'; if (deze_afbeelding.ie && deze_afbeelding.ieVersion() < 6){deze_afbeelding.stijlvancursorrestore = 'hand';} this.content.style.cursor = deze_afbeelding.stijlvancursorrestore; } deze_afbeelding.focusKey = this.key; deze_afbeelding.addEventListener(document, window.opera ? 'keypress' : 'keydown', deze_afbeelding.keyHandler);}, moveTo: function(x, y) { this.x.setPos(x); this.y.setPos(y);}, resize : function (e) { var w, h, r = e.width / e.height; w = Math.max(e.width + e.dX, Math.min(this.minWidth, this.x.full)); if (this.isImage && Math.abs(w - this.x.full) < 12){w = this.x.full;} h = w / r; if (h < Math.min(this.minHeight, this.y.full)) { h = Math.min(this.minHeight, this.y.full); if (this.isImage){w = h * r;} } this.resizeTo(w, h);}, resizeTo: function(w, h) { this.y.steldegroottein(h); this.x.steldegroottein(w);}, close : function() { if (this.isClosing || !this.isExpanded){return;} this.isClosing = true; deze_afbeelding.removeEventListener(document, window.opera ? 'keypress' : 'keydown', deze_afbeelding.keyHandler); try { this.content.style.cursor = 'default'; this.changeSize( 0, { xpos: this.x.pos, ypos: this.y.pos, xsize: this.x.size, ysize: this.y.size, xp1: this.x.p1, yp1: this.y.p1, xp2: this.x.p2, yp2: this.y.p2, ximgSize: this.x.imgSize, ximgPad: this.x.get('imgPad'), yimgSize: this.y.imgSize, yimgPad: this.y.get('imgPad'), o: this.outline ? this.outline.offset : 0 }, { xpos: this.x.tpos - this.x.cb + this.x.tb, ypos: this.y.tpos - this.y.cb + this.y.tb, xsize: this.x.t, ysize: this.y.t, xp1: 0, yp1: 0, xp2: 0, yp2: 0, ximgSize: this.x.imgSize ? this.x.t : null, ximgPad: 0, yimgSize: this.y.imgSize ? this.y.t : null, yimgPad: 0, o: deze_afbeelding.startpositie_rand }, deze_afbeelding.implode_tijd_ms); } catch (e) { this.afterClose(); }}, haaldeoverlays : function() { this.getInline(['heading', 'caption'], true); if (this.heading && this.sleep_plaatjes_naam){this.heading.className += ' vergroter-move';} for (var i = 0; i < deze_afbeelding.overlays.length; i++) { o = deze_afbeelding.overlays[i]; tId = o.thumbnailId; sg = o.slideshowGroup; if ((!tId && !sg) || (tId && tId == this.thumbsUserSetId) || (sg && sg === this.slideshowGroup)) { this.createOverlay(o); } } var os = []; for (i = 0; i < this.overlays.length; i++) { o = deze_afbeelding.$('hethoofdID'+ this.overlays[i]); if (/kantje$/.test(o.deze_afbeeldingPos)){this.positionOverlay(o);} else{deze_afbeelding.push(os, o);} } for (i = 0; i < os.length; i++){this.positionOverlay(os[i]);} this.gotOverlays = true;}, sizeOverlayBox : function(doWrapper, dokantjes) { deze_afbeelding.zetdestijl( this.overlayBox, { width: this.x.size +'px', height: this.y.size +'px' }); if (doWrapper || dokantjes) { for (var i = 0; i < this.overlays.length; i++) { o = deze_afbeelding.$('hethoofdID'+ this.overlays[i]); var ie6 = (deze_afbeelding.ie && (deze_afbeelding.ieVersion() <= 6 || document.compatMode == 'BackCompat')); if (o && (/^(bovenkant|onderkant)$/).test(o.deze_afbeeldingPos)) { if (ie6) { o.style.width = (this.overlayBox.offsetWidth + 2 * this.x.cb+ this.x.p1 + this.x.p2) +'px'; } this.y[o.deze_afbeeldingPos == 'bovenkant' ? 'p1' : 'p2'] = o.offsetHeight; } if (o && ie6 && (/^(left|right)kantje$/).test(o.deze_afbeeldingPos)) { o.style.height = (this.overlayBox.offsetHeight + 2 * this.y.cb+ this.y.p1 + this.y.p2) +'px'; } } } if (doWrapper) { deze_afbeelding.zetdestijl(this.content, { top: this.y.p1 +'px' }); deze_afbeelding.zetdestijl(this.overlayBox, { top: (this.y.p1 + this.y.cb) +'px' }); }}, createFullExpand : function () { this.fullExpandLabel = deze_afbeelding.createElement( 'a', { href: 'javascript:deze_afbeelding.uitbreidingen['+ this.key +'].doFullExpand();', title: deze_afbeelding.nederlands.fullExpandTitle, className: 'vergroter-full-expand' } ); this.createOverlay({ overlayId: this.fullExpandLabel, position: deze_afbeelding.positie_volledige_grootte, hideOnMouseOut: true, opacity: deze_afbeelding.ondoorzichtig });}, doFullExpand : function () { try { if (this.fullExpandLabel){deze_afbeelding.discardElement(this.fullExpandLabel);} this.focus(); xSize = this.x.size; this.resizeTo(this.x.full, this.y.full); var xpos = this.x.pos - (this.x.size - xSize) / 2; if (xpos < deze_afbeelding.marginLeft){xpos = deze_afbeelding.marginLeft;} this.moveTo(xpos, this.y.pos); this.doShowHide('hidden'); } catch (e) { window.location.href = this.content.src; }}, afterClose : function () { this.a.className = this.a.className.replace('vergroter-active-anchor', ''); this.doShowHide('visible'); if (this.outline && this.lijnterwijldeanimatie_is){this.outline.destroy();} deze_afbeelding.discardElement(this.wrapper); deze_afbeelding.uitbreidingen[this.key] = null; deze_afbeelding.reOrder(); }}; if (document.readyState && deze_afbeelding.ie) { (function () { try { document.documentElement.doScroll('left'); } catch (e) { setTimeout(arguments.callee, 50); return; } deze_afbeelding.domReady(); })(); } deze_afbeelding.nederlandsDefaults = deze_afbeelding.nederlands; var deze_afbeeldingExpander = deze_afbeelding.Expander; deze_afbeelding.addEventListener(document, 'mousemove', function(e) { deze_afbeelding.mouse = { x: e.clientX, y: e.clientY };}); deze_afbeelding.addEventListener(document, 'mousedown', deze_afbeelding.mouseClickHandler); deze_afbeelding.addEventListener(document, 'mouseup', deze_afbeelding.mouseClickHandler);