Behandelde sierbestrating/tegels
Deze tegels zijn behandeld waardoor ze makkelijk in het onderhoud zijn. Per tegels word informatie gegeven over welke behandeling ze hebben gehad en wat de eigenschappen zijn.
var pausehover="on";
var huge_video_playing={};
var autoplayMatch={};
var scrolling;
var ifhasthumb ="nonav";
scrolling = pausehover != 'on';
jQuery(window).load(function(){
if(!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent))
setTimeout(function(){
jQuery('.huge_it_slide_container_21').mouseleave();
}, 10);
});
var YTdeferred = jQuery.Deferred();
window.onYouTubeIframeAPIReady = function() {
//resolve when youtube callback is called passing YT as a parameter
YTdeferred.resolve(window.YT);
};
YTdeferred.done(function(YT) {
jQuery('.huge-it-iframe').each(function(){
var el_id = jQuery(this).attr('data-element-id');
var volume = HUGEIT_YT_IFRAMES['iframe'+el_id]['volume'];
window['onPlayerReady'+el_id] = function(event) {
window['player_'+el_id]['setVolume'](volume);
}
});
jQuery('.huge-it-iframe').each(function(){
var id = jQuery(this).attr('id');
var el_id = jQuery(this).attr('data-element-id');
var controls = HUGEIT_YT_IFRAMES['iframe'+el_id]['controls'];
var showinfo = HUGEIT_YT_IFRAMES['iframe'+el_id]['showinfo'];
var url = HUGEIT_YT_IFRAMES['iframe'+el_id]['videoId'];
controls||(controls = 0);
showinfo||(showinfo = 0);
window['player_'+el_id] = new YT.Player(id, {
height: '169',
width: '280',
videoId: url,
playerVars: {
'controls': controls,
'showinfo': showinfo,
'rel':0
},
events: {
'onError': window['onPlayerError'+el_id],
'onReady': window['onPlayerReady'+el_id],
'onStateChange': window['onPlayerStateChange'+el_id],
'loop':1
}
});
})
});
jQuery(function(){
jQuery('.huge-it-iframe').each(function(){
var el_id = jQuery(this).attr('data-element-id');
var quality = HUGEIT_YT_IFRAMES['iframe'+el_id]['quality'];
window['onPlayerStateChange'+el_id] = function(event) {
if (event.data == YT.PlayerState.PLAYING) {
HUGEIT_YT_IFRAMES['iframe'+el_id]['state']='played';
event.target.setPlaybackQuality(quality);
}
}
});
});
function stopYoutubeVideo(currentVideo,nextVideo) {
if(currentVideo) {
(HUGEIT_YT_IFRAMES['iframe'+currentVideo]['state'])?currentVideo&&(window['player_'+currentVideo]['pauseVideo']()):currentVideo&&(window['player_'+currentVideo]['stopVideo']());
}
nextVideo&&HUGEIT_YT_IFRAMES['iframe'+nextVideo]['autoplay']&&(window['player_'+nextVideo]['playVideo']());
}
function stopVimeoVideo(currentVideo,nextVideo){
jQuery(currentVideo).vimeo('pause');
jQuery(nextVideo).vimeo('play');
}
/*** initialize And youtube autopay ***/
jQuery( window ).load(function() {
(function VimeoOptionsReady(){ //calling funtion once
jQuery('.huge-it-iframe-vimeo').each(function(){
var el_id = jQuery(this).attr('data-element-id');
jQuery(this).vimeo('setColor',HUGEIT_VIMEOS['iframe'+el_id]['color']);
jQuery(this).vimeo('setVolume',HUGEIT_VIMEOS['iframe'+el_id]['volume']);
})
}());
if('off' == 'on') {
if(jQuery('.huge-it-iframe-vimeo.autoplay').length) {
(function AutoplayVimeo() {
var setplayVideo = setInterval(hugeitframe, 100);
function hugeitframe() {
var vimeo1 = jQuery('.huge_it_slider_21 li').first().find('.autoplay')
if(vimeo1.length) {
vimeo1.vimeo('play');
clearInterval(setplayVideo);
}
}
}());
}
if(jQuery('.huge-it-iframe.autoplay').length) {
(function AutoplayYoutube() {
var setplayVideo = setInterval(hugeitframe, 100);
function hugeitframe() {
jQuery('.huge-it-iframe.autoplay').each(function(){
var el_id = jQuery(this).attr('data-element-id');
if(window['player_'+el_id]) {
window['player_'+el_id]['playVideo']();
clearInterval(setplayVideo);
}
});
}
}());
}
}
});
/*** initialize***/
<!-- -->
jQuery(document).ready(function() {
jQuery('.thumb_wrapper').on('click', function(ev) {
var myid = jQuery(this).data('rowid');
myid = parseInt(myid);
eval('player_' + myid + '.playVideo()');
ev.preventDefault();
});
});
if(typeof sliderID_array =="undefined") {
var sliderID_array=[];
}
var data_21 = [];
var event_stack_21 = [];
var huge_it_trans_in_progress_21 = false;
var huge_it_transition_duration_21 = 1000;
var huge_interval = {};
var id_array_index = sliderID_array.length;
sliderID_array[id_array_index] = // Stop autoplay.
window.clearInterval(huge_interval['huge_it_playInterval_'+21]);
var huge_it_current_key_21 = '';
function huge_it_move_dots_21() {
var image_left = jQuery(".huge_it_slideshow_dots_active_21").position().left;
var image_right = jQuery(".huge_it_slideshow_dots_active_21").position().left + jQuery(".huge_it_slideshow_dots_active_21").outerWidth(true);
}
function huge_it_testBrowser_cssTransitions_21() {
return huge_it_testDom_21('Transition');
}
function huge_it_testBrowser_cssTransforms3d_21() {
return huge_it_testDom_21('Perspective');
}
function huge_it_testDom_21(prop) {
// Browser vendor CSS prefixes.
var browserVendors = ['', '-webkit-', '-moz-', '-ms-', '-o-', '-khtml-'];
// Browser vendor DOM prefixes.
var domPrefixes = ['', 'Webkit', 'Moz', 'ms', 'O', 'Khtml'];
var i = domPrefixes.length;
while (i--) {
if (typeof document.body.style[domPrefixes[i] + prop] !== 'undefined') {
return true;
}
}
return false;
}
function huge_it_cube_21(tz, ntx, nty, nrx, nry, wrx, wry, current_image_class, next_image_class, direction) {
/* If browser does not support 3d transforms/CSS transitions.*/
if (!huge_it_testBrowser_cssTransitions_21()) {
jQuery(".huge_it_slideshow_dots_21").removeClass("huge_it_slideshow_dots_active_21").addClass("huge_it_slideshow_dots_deactive_21");
jQuery("#huge_it_dots_" + huge_it_current_key_21 + "_21").removeClass("huge_it_slideshow_dots_deactive_21").addClass("huge_it_slideshow_dots_active_21");
return huge_it_fallback_21(current_image_class, next_image_class, direction);
}
if (!huge_it_testBrowser_cssTransforms3d_21()) {
return huge_it_fallback3d_21(current_image_class, next_image_class, direction);
}
jQuery(current_image_class).css({'z-index': 'none'});
jQuery(next_image_class).css({'z-index' : 2});
huge_it_trans_in_progress_21 = true;
/* Set active thumbnail.*/
jQuery(".huge_it_slideshow_dots_21").removeClass("huge_it_slideshow_dots_active_21").addClass("huge_it_slideshow_dots_deactive_21");
jQuery("#huge_it_dots_" + huge_it_current_key_21 + "_21").removeClass("huge_it_slideshow_dots_deactive_21").addClass("huge_it_slideshow_dots_active_21");
jQuery(".huge_it_slide_bg_21").css('perspective', 1000);
jQuery(current_image_class).css({
transform : 'translateZ(' + tz + 'px)',
backfaceVisibility : 'hidden'
});
jQuery(".huge_it_slideshow_image_wrap_21,.huge_it_slide_bg_21,.huge_it_slideshow_image_item_21,.huge_it_slideshow_image_second_item_21 ").css('overflow', 'visible');
jQuery(next_image_class).css({
opacity : 1,
filter: 'Alpha(opacity=100)',
backfaceVisibility : 'hidden',
transform : 'translateY(' + nty + 'px) translateX(' + ntx + 'px) rotateY('+ nry +'deg) rotateX('+ nrx +'deg)'
});
jQuery(".huge_it_slider_21").css({
transform: 'translateZ(-' + tz + 'px)',
transformStyle: 'preserve-3d'
});
/* Execution steps.*/
setTimeout(function () {
jQuery(".huge_it_slider_21").css({
transition: 'all ' + huge_it_transition_duration_21 + 'ms ease-in-out',
transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)'
});
}, 20);
/* After transition.*/
jQuery(".huge_it_slider_21").one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans));
function huge_it_after_trans() {
jQuery(".huge_it_slide_bg_21,.huge_it_slideshow_image_item_21,.huge_it_slideshow_image_second_item_21 ").css('overflow', 'hidden');
jQuery(".huge_it_slide_bg_21").removeAttr('style');
jQuery(current_image_class).removeAttr('style');
jQuery(next_image_class).removeAttr('style');
jQuery(".huge_it_slider_21").removeAttr('style');
// alert(current_image_class+' '+next_image_class);
jQuery(current_image_class).css({'opacity' : 0, filter: 'Alpha(opacity=0)', 'z-index': 1});
jQuery(next_image_class).css({'opacity' : 1, filter: 'Alpha(opacity=100)', 'z-index' : 2});
// huge_it_change_watermark_container_21();
huge_it_trans_in_progress_21 = false;
if (typeof event_stack_21 !== 'undefined' && event_stack_21.length > 0) {
key = event_stack_21[0].split("-");
event_stack_21.shift();
huge_it_change_image_21(key[0], key[1], data_21, true,false);
}
}
}
function huge_it_cubeH_21(current_image_class, next_image_class, direction) {
/* Set to half of image width.*/
var dimension = jQuery(current_image_class).width() / 2;
if (direction == 'right') {
huge_it_cube_21(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction);
}
else if (direction == 'left') {
huge_it_cube_21(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction);
}
}
function huge_it_cubeV_21(current_image_class, next_image_class, direction) {
/* Set to half of image height.*/
var dimension = jQuery(current_image_class).height() / 2;
/* If next slide.*/
if (direction == 'right') {
huge_it_cube_21(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction);
}
else if (direction == 'left') {
huge_it_cube_21(dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction);
}
}
/* For browsers that does not support transitions.*/
function huge_it_fallback_21(current_image_class, next_image_class, direction) {
huge_it_fade_21(current_image_class, next_image_class, direction);
}
/* For browsers that support transitions, but not 3d transforms (only used if primary transition makes use of 3d-transforms).*/
function huge_it_fallback3d_21(current_image_class, next_image_class, direction) {
huge_it_sliceV_21(current_image_class, next_image_class, direction);
}
function huge_it_none_21(current_image_class, next_image_class, direction) {
jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
/* Set active thumbnail.*/
jQuery(".huge_it_slideshow_dots_21").removeClass("huge_it_slideshow_dots_active_21").addClass("huge_it_slideshow_dots_deactive_21");
jQuery("#huge_it_dots_" + huge_it_current_key_21 + "_21").removeClass("huge_it_slideshow_dots_deactive_21").addClass("huge_it_slideshow_dots_active_21");
}
function huge_it_fade_21(current_image_class, next_image_class, direction) {
if (huge_it_testBrowser_cssTransitions_21()) {
jQuery(next_image_class).css('transition', 'opacity ' + huge_it_transition_duration_21 + 'ms linear');
jQuery(current_image_class).css('transition', 'opacity ' + huge_it_transition_duration_21 + 'ms linear');
jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
}
else {
jQuery(current_image_class).animate({'opacity' : 0, 'z-index' : 1}, huge_it_transition_duration_21);
jQuery(next_image_class).animate({
'opacity' : 1,
'z-index': 2
}, {
duration: huge_it_transition_duration_21,
complete: function () {return false;}
});
// For IE.
jQuery(current_image_class).fadeTo(huge_it_transition_duration_21, 0);
jQuery(next_image_class).fadeTo(huge_it_transition_duration_21, 1);
}
jQuery(".huge_it_slideshow_dots_21").removeClass("huge_it_slideshow_dots_active_21").addClass("huge_it_slideshow_dots_deactive_21");
jQuery("#huge_it_dots_" + huge_it_current_key_21 + "_21").removeClass("huge_it_slideshow_dots_deactive_21").addClass("huge_it_slideshow_dots_active_21");
}
function huge_it_grid_21(cols, rows, ro, tx, ty, sc, op, current_image_class, next_image_class, direction) {
/* If browser does not support CSS transitions.*/
if (!huge_it_testBrowser_cssTransitions_21()) {
jQuery(".huge_it_slideshow_dots_21").removeClass("huge_it_slideshow_dots_active_21").addClass("huge_it_slideshow_dots_deactive_21");
jQuery("#huge_it_dots_" + huge_it_current_key_21 + "_21").removeClass("huge_it_slideshow_dots_deactive_21").addClass("huge_it_slideshow_dots_active_21");
return huge_it_fallback_21(current_image_class, next_image_class, direction);
}
huge_it_trans_in_progress_21 = true;
/* Set active thumbnail.*/
jQuery(".huge_it_slideshow_dots_21").removeClass("huge_it_slideshow_dots_active_21").addClass("huge_it_slideshow_dots_deactive_21");
jQuery("#huge_it_dots_" + huge_it_current_key_21 + "_21").removeClass("huge_it_slideshow_dots_deactive_21").addClass("huge_it_slideshow_dots_active_21");
/* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/
var count = (huge_it_transition_duration_21) / (cols + rows);
/* Gridlet creator (divisions of the image grid, positioned with background-images to replicate the look of an entire slide image when assembled)*/
function huge_it_gridlet(width, height, top, img_top, left, img_left, src, imgWidth, imgHeight, c, r) {
var delay = (c + r) * count;
/* Return a gridlet elem with styles for specific transition.*/
return jQuery('
