').appendTo($('body'));
this.$lightbox = $('#lightbox');
this.$overlay = $('#lightboxOverlay');
this.$outerContainer = this.$lightbox.find('.lb-outerContainer');
this.$container = this.$lightbox.find('.lb-container');
this.$image = this.$lightbox.find('.lb-image');
this.$nav = this.$lightbox.find('.lb-nav');
this.containerPadding = {
top: parseInt(this.$container.css('padding-top'), 10),
right: parseInt(this.$container.css('padding-right'), 10),
bottom: parseInt(this.$container.css('padding-bottom'), 10),
left: parseInt(this.$container.css('padding-left'), 10)
};
this.imageBorderWidth = {
top: parseInt(this.$image.css('border-top-width'), 10),
right: parseInt(this.$image.css('border-right-width'), 10),
bottom: parseInt(this.$image.css('border-bottom-width'), 10),
left: parseInt(this.$image.css('border-left-width'), 10)
};
this.$overlay.hide().on('click', function() {
self.end();
return false;
});
this.$lightbox.hide().on('click', function(event) {
if ($(event.target).attr('id') === 'lightbox') {
self.end();
}
});
this.$outerContainer.on('click', function(event) {
if ($(event.target).attr('id') === 'lightbox') {
self.end();
}
return false;
});
this.$lightbox.find('.lb-prev').on('click', function() {
if (self.currentImageIndex === 0) {
self.changeImage(self.album.length - 1);
} else {
self.changeImage(self.currentImageIndex - 1);
}
return false;
});
this.$lightbox.find('.lb-next').on('click', function() {
if (self.currentImageIndex === self.album.length - 1) {
self.changeImage(0);
} else {
self.changeImage(self.currentImageIndex + 1);
}
return false;
});
this.$nav.on('mousedown', function(event) {
if (event.which === 3) {
self.$nav.css('pointer-events', 'none');
self.$lightbox.one('contextmenu', function() {
setTimeout(function() {
this.$nav.css('pointer-events', 'auto');
}.bind(self), 0);
});
}
});
this.$lightbox.find('.lb-loader, .lb-close').on('click', function() {
self.end();
return false;
});
};
Lightbox.prototype.start = function($link) {
var self = this;
var $window = $(window);
$window.on('resize', $.proxy(this.sizeOverlay, this));
this.sizeOverlay();
this.album = [];
var imageNumber = 0;
function addToAlbum($link) {
self.album.push({
alt: $link.attr('data-alt'),
link: $link.attr('href'),
title: $link.attr('data-title') || $link.attr('title')
});
}
var dataLightboxValue = $link.attr('data-lightbox');
var $links;
if (dataLightboxValue) {
$links = $($link.prop('tagName') + '[data-lightbox="' + dataLightboxValue + '"]');
for (var i = 0; i < $links.length; i = ++i) {
addToAlbum($($links[i]));
if ($links[i] === $link[0]) {
imageNumber = i;
}
}
} else {
if ($link.attr('rel') === 'lightbox') {
addToAlbum($link);
} else {
$links = $($link.prop('tagName') + '[rel="' + $link.attr('rel') + '"]');
for (var j = 0; j < $links.length; j = ++j) {
addToAlbum($($links[j]));
if ($links[j] === $link[0]) {
imageNumber = j;
}
}
}
}
var top = $window.scrollTop() + this.options.positionFromTop;
var left = $window.scrollLeft();
this.$lightbox.css({
top: top + 'px',
left: left + 'px'
}).fadeIn(this.options.fadeDuration);
if (this.options.disableScrolling) {
$('body').addClass('lb-disable-scrolling');
}
this.changeImage(imageNumber);
};
Lightbox.prototype.changeImage = function(imageNumber) {
var self = this;
var filename = this.album[imageNumber].link;
var filetype = filename.split('.').slice(-1)[0];
var $image = this.$lightbox.find('.lb-image');
this.disableKeyboardNav();
this.$overlay.fadeIn(this.options.fadeDuration);
$('.lb-loader').fadeIn('slow');
this.$lightbox.find('.lb-image, .lb-nav, .lb-prev, .lb-next, .lb-dataContainer, .lb-numbers, .lb-caption').hide();
this.$outerContainer.addClass('animating');
var preloader = new Image();
preloader.onload = function() {
var $preloader;
var imageHeight;
var imageWidth;
var maxImageHeight;
var maxImageWidth;
var windowHeight;
var windowWidth;
$image.attr({
'alt': self.album[imageNumber].alt,
'src': filename
});
$preloader = $(preloader);
$image.width(preloader.width);
$image.height(preloader.height);
windowWidth = $(window).width();
windowHeight = $(window).height();
maxImageWidth = windowWidth - self.containerPadding.left - self.containerPadding.right - self.imageBorderWidth.left - self.imageBorderWidth.right - 20;
maxImageHeight = windowHeight - self.containerPadding.top - self.containerPadding.bottom - self.imageBorderWidth.top - self.imageBorderWidth.bottom - self.options.positionFromTop - 70;
if (filetype === 'svg') {
$image.width(maxImageWidth);
$image.height(maxImageHeight);
}
if (self.options.fitImagesInViewport) {
if (self.options.maxWidth && self.options.maxWidth < maxImageWidth){maxImageWidth = self.options.maxWidth;}
if (self.options.maxHeight && self.options.maxHeight < maxImageHeight){maxImageHeight = self.options.maxHeight;}
} else {
maxImageWidth = self.options.maxWidth || preloader.width || maxImageWidth;
maxImageHeight = self.options.maxHeight || preloader.height || maxImageHeight;
}
if ((preloader.width > maxImageWidth) || (preloader.height > maxImageHeight)) {
if ((preloader.width / maxImageWidth) > (preloader.height / maxImageHeight)) {
imageWidth = maxImageWidth;
imageHeight = parseInt(preloader.height / (preloader.width / imageWidth), 10);
$image.width(imageWidth);
$image.height(imageHeight);
} else {
imageHeight = maxImageHeight;
imageWidth = parseInt(preloader.width / (preloader.height / imageHeight), 10);
$image.width(imageWidth);
$image.height(imageHeight);
}
}
self.sizeContainer($image.width(), $image.height());
};
preloader.src = this.album[imageNumber].link;
this.currentImageIndex = imageNumber;
};
Lightbox.prototype.sizeOverlay = function() {
var self = this;
setTimeout(function() {
self.$overlay
.width($(document).width())
.height($(document).height());
}, 0);
};
// Animate the size of the lightbox to fit the image we are showing
// This method also shows the the image.
Lightbox.prototype.sizeContainer = function(imageWidth, imageHeight) {
var self = this;
var oldWidth = this.$outerContainer.outerWidth();
var oldHeight = this.$outerContainer.outerHeight();
var newWidth = imageWidth + this.containerPadding.left + this.containerPadding.right + this.imageBorderWidth.left + this.imageBorderWidth.right;
var newHeight = imageHeight + this.containerPadding.top + this.containerPadding.bottom + this.imageBorderWidth.top + this.imageBorderWidth.bottom;
function postResize() {
self.$lightbox.find('.lb-dataContainer').width(newWidth);
self.$lightbox.find('.lb-prevLink').height(newHeight);
self.$lightbox.find('.lb-nextLink').height(newHeight);
self.$overlay.focus();
self.showImage();
}
if (oldWidth !== newWidth || oldHeight !== newHeight) {
this.$outerContainer.animate({
width: newWidth,
height: newHeight
}, this.options.resizeDuration, 'swing', function() {
postResize();
});
} else {
postResize();
}
};
Lightbox.prototype.showImage = function() {
this.$lightbox.find('.lb-loader').stop(true).hide();
this.$lightbox.find('.lb-image').fadeIn(this.options.imageFadeDuration);
this.updateNav();
this.updateDetails();
this.preloadNeighboringImages();
this.enableKeyboardNav();
};
Lightbox.prototype.updateNav = function() {var alwaysShowNav = false;
try {
document.createEvent('TouchEvent');
alwaysShowNav = (this.options.alwaysShowNavOnTouchDevices) ? true : false;
} catch (e) {}
this.$lightbox.find('.lb-nav').show();
if (this.album.length > 1) {
if (this.options.wrapAround) {
if (alwaysShowNav) {
this.$lightbox.find('.lb-prev, .lb-next').css('opacity', '1');
}
this.$lightbox.find('.lb-prev, .lb-next').show();
} else {
if (this.currentImageIndex > 0) {
this.$lightbox.find('.lb-prev').show();
if (alwaysShowNav) {
this.$lightbox.find('.lb-prev').css('opacity', '1');
}
}
if (this.currentImageIndex < this.album.length - 1) {
this.$lightbox.find('.lb-next').show();
if (alwaysShowNav) {
this.$lightbox.find('.lb-next').css('opacity', '1');
}
}
}
}
};
Lightbox.prototype.updateDetails = function() {
var self = this;
if (typeof this.album[this.currentImageIndex].title !== 'undefined' &&
this.album[this.currentImageIndex].title !== '') {
var $caption = this.$lightbox.find('.lb-caption');
if (this.options.sanitizeTitle) {
$caption.text(this.album[this.currentImageIndex].title);
} else {
$caption.html(this.album[this.currentImageIndex].title);
}
$caption.fadeIn('fast');
}
if (this.album.length > 1 && this.options.showImageNumberLabel) {
var labelText = this.imageCountLabel(this.currentImageIndex + 1, this.album.length);
this.$lightbox.find('.lb-number').text(labelText).fadeIn('fast');
} else {
this.$lightbox.find('.lb-number').hide();
}
this.$outerContainer.removeClass('animating');
this.$lightbox.find('.lb-dataContainer').fadeIn(this.options.resizeDuration, function() {
return self.sizeOverlay();
});
};
Lightbox.prototype.preloadNeighboringImages = function() {
if (this.album.length > this.currentImageIndex + 1) {
var preloadNext = new Image();
preloadNext.src = this.album[this.currentImageIndex + 1].link;
}
if (this.currentImageIndex > 0) {
var preloadPrev = new Image();
preloadPrev.src = this.album[this.currentImageIndex - 1].link;
}
};
Lightbox.prototype.enableKeyboardNav = function() {
this.$lightbox.on('keyup.keyboard', $.proxy(this.keyboardAction, this));
this.$overlay.on('keyup.keyboard', $.proxy(this.keyboardAction, this));
};
Lightbox.prototype.disableKeyboardNav = function() {
this.$lightbox.off('.keyboard');
this.$overlay.off('.keyboard');
};
Lightbox.prototype.keyboardAction = function(event) {
var KEYCODE_ESC = 27;
var KEYCODE_LEFTARROW = 37;
var KEYCODE_RIGHTARROW = 39;
var keycode = event.keyCode;
if (keycode === KEYCODE_ESC) {
event.stopPropagation();
this.end();
} else if (keycode === KEYCODE_LEFTARROW) {
if (this.currentImageIndex !== 0) {
this.changeImage(this.currentImageIndex - 1);
} else if (this.options.wrapAround && this.album.length > 1) {
this.changeImage(this.album.length - 1);
}
} else if (keycode === KEYCODE_RIGHTARROW) {
if (this.currentImageIndex !== this.album.length - 1) {
this.changeImage(this.currentImageIndex + 1);
} else if (this.options.wrapAround && this.album.length > 1) {
this.changeImage(0);
}
}
};
Lightbox.prototype.end = function() {
this.disableKeyboardNav();
$(window).off('resize', this.sizeOverlay);
this.$lightbox.fadeOut(this.options.fadeDuration);
this.$overlay.fadeOut(this.options.fadeDuration);
if (this.options.disableScrolling) {
$('body').removeClass('lb-disable-scrolling');
}
};
return new Lightbox();
}));
$(document).ready(function(){if($(document).scrollTop()>250){$("header").addClass("headershrinkcontainer");$("header").removeClass("headercontainer");$("#topmenu").addClass("topmenushrinkclass");$("#topmenu").removeClass("topmenuclass");$("#headermenu").addClass("menushrinkclass");$("#headermenu").removeClass("menuclass");$("#headermobiel").addClass("headershrinkmobiel");$("#headermobiel").removeClass("headermobiel");$("#headerlogo").addClass("headershrinklogo");$("#headerlogo").removeClass("headerlogo");$("#compleetlogo").fadeOut("fast");$("#logotitel2").addClass("displaynone");$("#logotitel1").addClass("beeldmerk1");$("#logotitel2").addClass("beeldmerk1");$("#logotitel3").addClass("beeldmerk2");}else{$("header").addClass("headercontainer");$("header").removeClass("headershrinkcontainer");$("#topmenu").addClass("topmenuclass");$("#topmenu").removeClass("topmenushrinkclass");$("#headermenu").addClass("menuclass");$("#headermenu").removeClass("menushrinkclass");$("#headermobiel").addClass("headermobiel");$("#headermobiel").removeClass("headershrinkmobiel");$("#headerlogo").addClass("headerlogo");$("#headerlogo").removeClass("headershrinklogo");$("#compleetlogo").fadeIn("slow");$("#logotitel2").removeClass("displaynone");$("#logotitel1").removeClass("beeldmerk1");$("#logotitel2").removeClass("beeldmerk1");$("#logotitel3").removeClass("beeldmerk2");}});$(document).on("scroll",function(){if($(document).scrollTop()>250){$("header").addClass("headershrinkcontainer");$("header").removeClass("headercontainer");$("#topmenu").addClass("topmenushrinkclass");$("#topmenu").removeClass("topmenuclass");$("#headermenu").addClass("menushrinkclass");$("#headermenu").removeClass("menuclass");$("#headermobiel").addClass("headershrinkmobiel");$("#headermobiel").removeClass("headermobiel");$("#headerlogo").addClass("headershrinklogo");$("#headerlogo").removeClass("headerlogo");$("#compleetlogo").fadeOut("fast");$("#logotitel2").addClass("displaynone");$("#logotitel1").addClass("beeldmerk1");$("#logotitel2").addClass("beeldmerk1");$("#logotitel3").addClass("beeldmerk2");}else{$("header").addClass("headercontainer");$("header").removeClass("headershrinkcontainer");$("#topmenu").addClass("topmenuclass");$("#topmenu").removeClass("topmenushrinkclass");$("#headermenu").addClass("menuclass");$("#headermenu").removeClass("menushrinkclass");$("#headermobiel").addClass("headermobiel");$("#headermobiel").removeClass("headershrinkmobiel");$("#headerlogo").addClass("headerlogo");$("#headerlogo").removeClass("headershrinklogo");$("#compleetlogo").fadeIn("slow");$("#logotitel2").removeClass("displaynone");$("#logotitel1").removeClass("beeldmerk1");$("#logotitel2").removeClass("beeldmerk1");$("#logotitel3").removeClass("beeldmerk2");}});$(document).ready(function(){$(".hb_container").click(function(){$(".toonmobilemenu").stop().slideToggle(10)})});$(".hb_container").click(function(){if($(".toonmobilemenu").css("display")!="block"){$(window).scrollTop(0);$(".hb_container").addClass("change");$("#mobilemenubox").fadeIn("slow");};if($(".toonmobilemenu").css("display")=="block"){$(".hb_container").removeClass("change");$("#mobilemenubox").fadeOut("slow");};});$(document).ready(function(){$(".mobilemenubox").click(function(){$(".toonmobilemenu").stop().slideToggle(10)})});$(".mobilemenubox").click(function(){if($(".toonmobilemenu").css("display")!="block"){$(".hb_container").addClass("change");$("#mobilemenubox").fadeIn("slow");};if($(".toonmobilemenu").css("display")=="block"){$(".hb_container").removeClass("change");$("#mobilemenubox").fadeOut("slow");};});$(document).ready(function(){$("#menuid0").mouseover(function(){$("#submenuid0").stop().removeClass("displaynone");});$("#menuid0").mouseleave(function(){$("#submenuid0").stop().addClass("displaynone");});$("#menuid1").mouseover(function(){$("#submenuid1").stop().removeClass("displaynone");});$("#menuid1").mouseleave(function(){$("#submenuid1").stop().addClass("displaynone");});$("#menuid6").mouseover(function(){$("#submenuid6").stop().removeClass("displaynone");});$("#menuid6").mouseleave(function(){$("#submenuid6").stop().addClass("displaynone");});}); $(document).ready(function(){$(function(){$(".brochurebutton").hover(function(){if ($(window).width() > 829) {$(this).stop().animate({width:"290px"});$("#brochurebuttontekst1").addClass("displaynone");$("#brochurebuttontekst2").removeClass("displaynone");$("#brochurebuttontekst3").removeClass("displaynone");}},function(){if ($(window).width() > 829) {$(this).stop().animate({width:"55px"});$("#brochurebuttontekst1").removeClass("displaynone");$("#brochurebuttontekst2").addClass("displaynone");$("#brochurebuttontekst3").addClass("displaynone");}})})});
}}
Aqua Fun portfolio
Onze projecten: hier zijn we trots op
Vanaf het moment dat we plaatsnemen aan de tekentafel hebben we een doel voor ogen: een unieke zwem- of wellness-ervaring creëren. Neem een kijkje in onze afgeronde projecten en laat je inspireren. We kunnen niet wachten om jouw droom te realiseren.
Je komt onze zwembaden overal tegen: In Venlo, Eindhoven, Roermond, Maastricht, Heerlen, Den Bosch, Nijmegen, Arnhem, Utrecht, Rotterdam, Den Haag, Apeldoorn, Doetinchem, Helmond, Gennep, Gorinchem, Delft, Gouda, Leiden, Amsterdam en nog veel meer plaatsen.
Een greep uit de reviews
Zeer tevreden over dit bedrijf. De man weet waar hij over praat, wat hij levert en wat hij maakt. Voor ons zeker een aanrader voor andere mensen met interesse.
Marinus van Lierop
Prima telefonisch geholpen en bood nog aan om na sluitingstijd aan te komen als ik het probleem niet opgelost zou krijgen.
Topservice Pieternel Clabbers
Van a tot z top geregeld. Vakkundig personeel die keuring en goed werk leveren. Advies dat op maat is. De prijs-kwaliteitverhouding klopt. Je krijgt waar voor je geld. Vakmanschap is meesterschap!