= 0) { if (now < 271) { jQuery('#top_right_0').css({ '-moz-transform':'rotate('+now+'deg)', '-webkit-transform':'rotate('+now+'deg)', '-o-transform':'rotate('+now+'deg)', '-ms-transform':'rotate('+now+'deg)', 'transform':'rotate('+now+'deg)', '-webkit-transform-origin': 'left bottom', '-ms-transform-origin': 'left bottom', '-moz-transform-origin': 'left bottom', 'transform-origin': 'left bottom' }); } } if (now >= 90) { if (now < 271) { bottom_right_deggree_0 = now - 90; jQuery('#bottom_right_0').css({ '-moz-transform':'rotate('+bottom_right_deggree_0 +'deg)', '-webkit-transform':'rotate('+bottom_right_deggree_0 +'deg)', '-o-transform':'rotate('+bottom_right_deggree_0 +'deg)', '-ms-transform':'rotate('+bottom_right_deggree_0 +'deg)', 'transform':'rotate('+bottom_right_deggree_0 +'deg)', '-webkit-transform-origin': 'left top', '-ms-transform-origin': 'left top', '-moz-transform-origin': 'left top', 'transform-origin': 'left top' }); } } if (now >= 180) { if (now < 361) { bottom_left_deggree_0 = now - 180; jQuery('#bottom_left_0').css({ '-moz-transform':'rotate('+bottom_left_deggree_0 +'deg)', '-webkit-transform':'rotate('+bottom_left_deggree_0 +'deg)', '-o-transform':'rotate('+bottom_left_deggree_0 +'deg)', '-ms-transform':'rotate('+bottom_left_deggree_0 +'deg)', 'transform':'rotate('+bottom_left_deggree_0 +'deg)', '-webkit-transform-origin': 'right top', '-ms-transform-origin': 'right top', '-moz-transform-origin': 'right top', 'transform-origin': 'right top' }); } } if (now >= 270) { if (now < 361) { top_left_deggree_0 = now - 270; jQuery('#top_left_0').css({ '-moz-transform':'rotate('+top_left_deggree_0 +'deg)', '-webkit-transform':'rotate('+top_left_deggree_0 +'deg)', '-o-transform':'rotate('+top_left_deggree_0 +'deg)', '-ms-transform':'rotate('+top_left_deggree_0 +'deg)', 'transform':'rotate('+top_left_deggree_0 +'deg)', '-webkit-transform-origin': 'right bottom', '-ms-transform-origin': 'right bottom', '-moz-transform-origin': 'right bottom', 'transform-origin': 'right bottom' }); } } } }); } /* Stop autoplay.*/ window.clearInterval(wds_playInterval_0); var wds_current_key_0 = '0'; var wds_current_filmstrip_pos_0 = 0; /* Set filmstrip initial position.*/ function wds_set_filmstrip_pos_0(filmStripWidth) { var selectedImagePos = -wds_current_filmstrip_pos_0 - (jQuery(".wds_slideshow_filmstrip_thumbnail_0").width() + 0) / 2; var imagesContainerLeft = Math.min(0, Math.max(filmStripWidth - jQuery(".wds_slideshow_filmstrip_thumbnails_0").width(), selectedImagePos + filmStripWidth / 2)); jQuery(".wds_slideshow_filmstrip_thumbnails_0").animate({ left: imagesContainerLeft }, { duration: 500, complete: function () { wds_filmstrip_arrows_0(); } }); } function wds_move_filmstrip_0() { var image_left = jQuery(".wds_slideshow_thumb_active_0").position().left; var image_right = jQuery(".wds_slideshow_thumb_active_0").position().left + jQuery(".wds_slideshow_thumb_active_0").outerWidth(true); var wds_filmstrip_width = jQuery(".wds_slideshow_filmstrip_0").outerWidth(true); var wds_filmstrip_thumbnails_width = jQuery(".wds_slideshow_filmstrip_thumbnails_0").outerWidth(true); var long_filmstrip_cont_left = jQuery(".wds_slideshow_filmstrip_thumbnails_0").position().left; var long_filmstrip_cont_right = Math.abs(jQuery(".wds_slideshow_filmstrip_thumbnails_0").position().left) + wds_filmstrip_width; if (wds_filmstrip_width > wds_filmstrip_thumbnails_width) { return; } if (image_left < Math.abs(long_filmstrip_cont_left)) { jQuery(".wds_slideshow_filmstrip_thumbnails_0").animate({ left: -image_left }, { duration: 500, complete: function () { wds_filmstrip_arrows_0(); } }); } else if (image_right > long_filmstrip_cont_right) { jQuery(".wds_slideshow_filmstrip_thumbnails_0").animate({ left: -(image_right - wds_filmstrip_width) }, { duration: 500, complete: function () { wds_filmstrip_arrows_0(); } }); } } function wds_move_dots_0() { var image_left = jQuery(".wds_slideshow_dots_active_0").position().left; var image_right = jQuery(".wds_slideshow_dots_active_0").position().left + jQuery(".wds_slideshow_dots_active_0").outerWidth(true); var wds_dots_width = jQuery(".wds_slideshow_dots_container_0").outerWidth(true); var wds_dots_thumbnails_width = jQuery(".wds_slideshow_dots_thumbnails_0").outerWidth(true); var long_filmstrip_cont_left = jQuery(".wds_slideshow_dots_thumbnails_0").position().left; var long_filmstrip_cont_right = Math.abs(jQuery(".wds_slideshow_dots_thumbnails_0").position().left) + wds_dots_width; if (wds_dots_width > wds_dots_thumbnails_width) { return; } if (image_left < Math.abs(long_filmstrip_cont_left)) { jQuery(".wds_slideshow_dots_thumbnails_0").animate({ left: -image_left }, { duration: 500 }); } else if (image_right > long_filmstrip_cont_right) { jQuery(".wds_slideshow_dots_thumbnails_0").animate({ left: -(image_right - wds_dots_width) }, { duration: 500 }); } } /* Show/hide filmstrip arrows.*/ function wds_filmstrip_arrows_0() { if (jQuery(".wds_slideshow_filmstrip_thumbnails_0").width() < jQuery(".wds_slideshow_filmstrip_0").width()) { jQuery(".wds_slideshow_filmstrip_left_0").hide(); jQuery(".wds_slideshow_filmstrip_right_0").hide(); } else { jQuery(".wds_slideshow_filmstrip_left_0").show(); jQuery(".wds_slideshow_filmstrip_right_0").show(); } } function wds_testBrowser_cssTransitions_0() { return wds_testDom_0('Transition'); } function wds_testBrowser_cssTransforms3d_0() { return wds_testDom_0('Perspective'); } function wds_testDom_0(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 wds_set_dots_class_0() { jQuery(".wds_slideshow_dots_0").removeClass("wds_slideshow_dots_active_0").addClass("wds_slideshow_dots_deactive_0"); jQuery("#wds_dots_" + wds_current_key_0 + "_0").removeClass("wds_slideshow_dots_deactive_0").addClass("wds_slideshow_dots_active_0"); jQuery(".wds_slideshow_dots_0").removeClass("fa-square").addClass("fa-square-o"); jQuery("#wds_dots_" + wds_current_key_0 + "_0").removeClass("fa-square-o").addClass("fa-square"); } function wds_set_filmstrip_class_0() { jQuery('.wds_slideshow_filmstrip_thumbnail_0').removeClass('wds_slideshow_thumb_active_0').addClass('wds_slideshow_thumb_deactive_0'); jQuery('#wds_filmstrip_thumbnail_' + wds_current_key_0 + '_0').removeClass('wds_slideshow_thumb_deactive_0').addClass('wds_slideshow_thumb_active_0'); } function wds_grid3d_0(cols, rows, tz, wrx, wry, nty, ntx, nry, nrx, current_image_class, next_image_class, direction, random, easing) { /* If browser does not support CSS transitions.*/ if (!wds_testBrowser_cssTransitions_0()) { return wds_fallback_0(current_image_class, next_image_class, direction); } wds_trans_in_progress_0 = true; /* Set active thumbnail.*/ wds_set_filmstrip_class_0(); wds_set_dots_class_0(); /* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/ var count = (wds_transition_duration_0) / (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 wds_gridlet(width, height, top, img_top, left, img_left, src, src2, imgWidth, imgHeight, c, r) { var delay = random ? Math.floor((cols + rows) * count * Math.random()) : (c + r) * count; /* Return a gridlet elem with styles for specific transition.*/ var grid_div = jQuery('').css({ display: "block", width : "100%", height : "100%", transform : 'translateZ(' + tz + 'px)', backfaceVisibility : 'hidden', overflow: 'hidden' }).append(jQuery('').css({ display: "block", width : jQuery(".wds_slideshow_image_spun_0").width() + "px", height : jQuery(".wds_slideshow_image_spun_0").height() + "px", top : -top, left : -left, backgroundImage : src, backgroundSize: jQuery(".wds_slideshow_image_0").css("background-size"), backgroundPosition: jQuery(".wds_slideshow_image_0").css("background-position"), /*backgroundColor: jQuery(".wds_slideshow_image_wrap_0").css("background-color"),*/ backgroundRepeat: 'no-repeat', })); var grid_div2 = jQuery('').css({ display: "block", width : "100%", height : "100%", backfaceVisibility : 'hidden', transform : 'translateY(' + nty + 'px) translateX(' + ntx + 'px) rotateY('+ nry +'deg) rotateX('+ nrx +'deg)', overflow: 'hidden' }).append(jQuery('').css({ display: "block", width : jQuery(".wds_slideshow_image_spun_0").width() + "px", height : jQuery(".wds_slideshow_image_spun_0").height() + "px", top : -top, left : -left, backgroundImage : src2, backgroundSize: jQuery(".wds_slideshow_image_0").css("background-size"), backgroundPosition: jQuery(".wds_slideshow_image_0").css("background-position"), /*backgroundColor: jQuery(".wds_slideshow_image_wrap_0").css("background-color"),*/ backgroundRepeat: 'no-repeat', })); return jQuery('').css({ display: "block", width : width, height : height, top : top, left : left, transition : 'all ' + wds_transition_duration_0 + 'ms ' + easing + ' ' + delay + 'ms', transform: 'translateZ(-' + tz + 'px)', transformStyle: 'preserve-3d', }).append(grid_div).append(grid_div2); } /* Get the current slide's image.*/ var cur_img = jQuery(current_image_class).find('span[img_id^="wds_slideshow_image"]'); var next_img = jQuery(next_image_class).find('span[img_id^="wds_slideshow_image"]'); /* Create a grid to hold the gridlets.*/ var grid = jQuery('').addClass('wds_grid_0').css('perspective', 1000); /* Prepend the grid to the next slide (i.e. so it's above the slide image).*/ jQuery(current_image_class).prepend(grid); /* vars to calculate positioning/size of gridlets*/ var cont = jQuery(".wds_slide_bg_0"); var imgWidth = cur_img.width(); var imgHeight = cur_img.height(); var contWidth = cont.width(), contHeight = cont.height(), imgSrc = cur_img.css('background-image'), imgSrcNext = next_img.css('background-image'), colWidth = Math.floor(contWidth / cols), rowHeight = Math.floor(contHeight / rows), colRemainder = contWidth - (cols * colWidth), colAdd = Math.ceil(colRemainder / cols), rowRemainder = contHeight - (rows * rowHeight), rowAdd = Math.ceil(rowRemainder / rows), leftDist = 0, img_leftDist = (jQuery(".wds_slide_bg_0").width() - cur_img.width()) / 2; /* Loop through cols*/ for (var i = 0; i < cols; i++) { var topDist = 0, img_topDst = (jQuery(".wds_slide_bg_0").height() - cur_img.height()) / 2, newColWidth = colWidth; /* If imgWidth (px) does not divide cleanly into the specified number of cols, adjust individual col widths to create correct total.*/ if (colRemainder > 0) { var add = colRemainder >= colAdd ? colAdd : colRemainder; newColWidth += add; colRemainder -= add; } /* Nested loop to create row gridlets for each col.*/ for (var j = 0; j < rows; j++) { var newRowHeight = rowHeight, newRowRemainder = rowRemainder; /* If contHeight (px) does not divide cleanly into the specified number of rows, adjust individual row heights to create correct total.*/ if (newRowRemainder > 0) { add = newRowRemainder >= rowAdd ? rowAdd : rowRemainder; newRowHeight += add; newRowRemainder -= add; } /* Create & append gridlet to grid.*/ grid.append(wds_gridlet(newColWidth, newRowHeight, topDist, img_topDst, leftDist, img_leftDist, imgSrc, imgSrcNext, imgWidth, imgHeight, i, j)); topDist += newRowHeight; img_topDst -= newRowHeight; } img_leftDist -= newColWidth; leftDist += newColWidth; } /* Show grid & hide the image it replaces.*/ grid.show(); cur_img.css('opacity', 0); /* Execution steps.*/ setTimeout(function () { grid.children().css({ transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)' }); }, 1); /* After transition.*/ var cccount = 0; var obshicccount = cols * rows; grid.children().one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(wds_after_trans_each)); function wds_after_trans_each() { if (++cccount == obshicccount) { wds_after_trans(); } } function wds_after_trans() { jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1}); jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2}); cur_img.css('opacity', 1); grid.remove(); wds_trans_in_progress_0 = false; if (typeof wds_event_stack_0 !== 'undefined') { if (wds_event_stack_0.length > 0) { key = wds_event_stack_0[0].split("-"); wds_event_stack_0.shift(); wds_change_image_0(key[0], key[1], wds_data_0, true); } } } } function wds_slic3DH_0(current_image_class, next_image_class, direction) { var dimension = jQuery(current_image_class).width() / 2; if (direction == 'right') { wds_grid3d_0(1, 5, dimension, 0, -90, 0, dimension, 90, 0, current_image_class, next_image_class, direction, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } else if (direction == 'left') { wds_grid3d_0(1, 5, dimension, 0, 90, 0, -dimension, -90, 0, current_image_class, next_image_class, direction, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } } function wds_slic3DV_0(current_image_class, next_image_class, direction) { var dimension = jQuery(current_image_class).height() / 2; if (direction == 'right') { wds_grid3d_0(10, 1, dimension, -90, 0, -dimension, 0, 0, 90, current_image_class, next_image_class, direction, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } else if (direction == 'left') { wds_grid3d_0(10, 1, dimension, 90, 0, dimension, 0, 0, -90, current_image_class, next_image_class, direction, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } } function wds_slicR3DH_0(current_image_class, next_image_class, direction) { var dimension = jQuery(current_image_class).width() / 2; if (direction == 'right') { wds_grid3d_0(1, 5, dimension, 0, -90, 0, dimension, 90, 0, current_image_class, next_image_class, direction, 1, 'ease-in-out'); } else if (direction == 'left') { wds_grid3d_0(1, 5, dimension, 0, 90, 0, -dimension, -90, 0, current_image_class, next_image_class, direction, 1, 'ease-in-out'); } } function wds_slicR3DV_0(current_image_class, next_image_class, direction) { var dimension = jQuery(current_image_class).height() / 2; if (direction == 'right') { wds_grid3d_0(10, 1, dimension, -90, 0, -dimension, 0, 0, 90, current_image_class, next_image_class, direction, 1, 'ease-in-out'); } else if (direction == 'left') { wds_grid3d_0(10, 1, dimension, 90, 0, dimension, 0, 0, -90, current_image_class, next_image_class, direction, 1, 'ease-in-out'); } } function wds_parallelSlide_0(ni_left, ni_top, tx, ty, current_image_class, next_image_class, direction, easing) { /* If browser does not support 3d transforms/CSS transitions.*/ if (!wds_testBrowser_cssTransitions_0()) { return wds_fallback_0(current_image_class, next_image_class, direction); } if (!wds_testBrowser_cssTransforms3d_0()) { return wds_fallback3d_0(current_image_class, next_image_class, direction); } wds_trans_in_progress_0 = true; /* Set active thumbnail.*/ wds_set_filmstrip_class_0(); wds_set_dots_class_0(); jQuery(current_image_class).css({ position : 'absolute', top : '0px', left : '0px', position : 'absolute', }); jQuery(next_image_class).css({ position : 'absolute', top : ni_top + 'px', left : ni_left + 'px', 'opacity' : 1, filter : 'Alpha(opacity=100)', position : 'absolute', }); jQuery(".wds_slider_0").css({ position : 'relative', 'backface-visibility': 'hidden' }); jQuery(".wds_slide_bg_0").css({ overflow : 'hidden', }); /* Execution steps.*/ setTimeout(function () { jQuery('.wds_slider_0').css({ transition : 'all ' + wds_transition_duration_0 + 'ms ' + easing, transform : 'translateX(' + tx + 'px) translateY(' + ty + 'px)', }); }, 1); /* After transition.*/ jQuery('.wds_slider_0').one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(wds_after_trans)); function wds_after_trans() { jQuery(current_image_class).removeAttr('style'); jQuery(next_image_class).removeAttr('style'); jQuery(".wds_slider_0").removeAttr('style'); jQuery(".wds_slide_bg_0").removeAttr('style'); 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}); wds_trans_in_progress_0 = false; if (typeof wds_event_stack_0 !== 'undefined') { if (wds_event_stack_0.length > 0) { key = wds_event_stack_0[0].split("-"); wds_event_stack_0.shift(); wds_change_image_0(key[0], key[1], wds_data_0, true); } } } } function wds_parallelSlideH_0(current_image_class, next_image_class, direction) { var width = jQuery(current_image_class).width(); var height = jQuery(current_image_class).height(); if (direction == 'right') { wds_parallelSlide_0(width, 0, -width, 0, current_image_class, next_image_class, direction, 'ease-in-out'); } else if (direction == 'left') { wds_parallelSlide_0(-width, 0, width, 0, current_image_class, next_image_class, direction, 'ease-in-out'); } } function wds_parallelSlideV_0(current_image_class, next_image_class, direction) { var width = jQuery(current_image_class).width(); var height = jQuery(current_image_class).height(); if (direction == 'right') { wds_parallelSlide_0(0, height, 0, -height, current_image_class, next_image_class, direction, 'ease-in-out'); } else if (direction == 'left') { wds_parallelSlide_0(0, -height, 0, height, current_image_class, next_image_class, direction, 'ease-in-out'); } } function wds_cube_0(tz, ntx, nty, nrx, nry, wrx, wry, current_image_class, next_image_class, direction, easing) { /* If browser does not support 3d transforms/CSS transitions.*/ if (!wds_testBrowser_cssTransitions_0()) { return wds_fallback_0(current_image_class, next_image_class, direction); } if (!wds_testBrowser_cssTransforms3d_0()) { return wds_fallback3d_0(current_image_class, next_image_class, direction); } wds_trans_in_progress_0 = true; /* Set active thumbnail.*/ wds_set_filmstrip_class_0(); wds_set_dots_class_0(); jQuery(".wds_slide_container_0").css('overflow', 'visible'); jQuery(".wds_slideshow_image_spun2_0").css('overflow', 'visible'); jQuery(".wds_slideshow_image_wrap_0").css('overflow', 'visible'); var filmstrip_position = 'none'; if (filmstrip_position == 'none') { jQuery(".wds_slideshow_image_0").css('border-radius', jQuery(".wds_slideshow_image_wrap_0").css('border-radius')); } else { jQuery(".wds_slideshow_image_0").css('border-radius', ''); jQuery(".wds_slideshow_filmstrip_container_0").css('border-radius', ''); if (filmstrip_position == 'top') { jQuery(".wds_slideshow_image_0").css('border-top-left-radius', 0); jQuery(".wds_slideshow_image_0").css('border-top-right-radius', 0); jQuery(".wds_slideshow_filmstrip_container_0").css('border-bottom-left-radius', 0); jQuery(".wds_slideshow_filmstrip_container_0").css('border-bottom-right-radius', 0); } else if (filmstrip_position == 'bottom') { jQuery(".wds_slideshow_image_0").css('border-bottom-left-radius', 0); jQuery(".wds_slideshow_image_0").css('border-bottom-right-radius', 0); jQuery(".wds_slideshow_filmstrip_container_0").css('border-top-left-radius', 0); jQuery(".wds_slideshow_filmstrip_container_0").css('border-top-right-radius', 0); } else if (filmstrip_position == 'right') { jQuery(".wds_slideshow_image_0").css('border-bottom-right-radius', 0); jQuery(".wds_slideshow_image_0").css('border-top-right-radius', 0); jQuery(".wds_slideshow_filmstrip_container_0").css('border-bottom-left-radius', 0); jQuery(".wds_slideshow_filmstrip_container_0").css('border-top-left-radius', 0); } else if (filmstrip_position == 'left') { jQuery(".wds_slideshow_image_0").css('border-bottom-left-radius', 0); jQuery(".wds_slideshow_image_0").css('border-top-left-radius', 0); jQuery(".wds_slideshow_filmstrip_container_0").css('border-bottom-right-radius', 0); jQuery(".wds_slideshow_filmstrip_container_0").css('border-top-right-radius', 0); } } jQuery(".wds_slide_bg_0").css('perspective', 1000); jQuery(current_image_class).css({ transform : 'translateZ(' + tz + 'px)', backfaceVisibility : 'hidden' }); jQuery(next_image_class).css({ opacity : 1, filter: 'Alpha(opacity=100)', zIndex: 2, backfaceVisibility : 'hidden', transform : 'translateY(' + nty + 'px) translateX(' + ntx + 'px) rotateY('+ nry +'deg) rotateX('+ nrx +'deg)' }); jQuery(".wds_slider_0").css({ transform: 'translateZ(-' + tz + 'px)', transformStyle: 'preserve-3d', position: 'absolute' }); /* Execution steps.*/ setTimeout(function () { jQuery(".wds_slider_0").css({ transition: 'all ' + wds_transition_duration_0 + 'ms ' + easing, transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)' }); }, 20); /* After transition.*/ jQuery(".wds_slider_0").one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(wds_after_trans)); function wds_after_trans() { jQuery(current_image_class).removeAttr('style'); jQuery(next_image_class).removeAttr('style'); jQuery(".wds_slider_0").removeAttr('style'); 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}); wds_trans_in_progress_0 = false; if (typeof wds_event_stack_0 !== 'undefined') { if (wds_event_stack_0.length > 0) { key = wds_event_stack_0[0].split("-"); wds_event_stack_0.shift(); wds_change_image_0(key[0], key[1], wds_data_0, true); } } jQuery(".wds_slide_container_0").css('overflow', 'hidden'); jQuery(".wds_slideshow_image_spun2_0").css('overflow', 'hidden'); jQuery(".wds_slideshow_image_wrap_0").css('overflow', 'hidden'); jQuery(".wds_slide_bg_0").css('perspective', 'none'); } } function wds_cubeR_0(current_image_class, next_image_class, direction) { var random_direction = Math.floor(Math.random() * 2); var dimension = random_direction ? jQuery(current_image_class).height() / 2 : jQuery(current_image_class).width() / 2; if (direction == 'right') { if (random_direction) { wds_cube_0(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } else { wds_cube_0(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } } else if (direction == 'left') { if (random_direction) { wds_cube_0(dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } else { wds_cube_0(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } } } function wds_cubeH_0(current_image_class, next_image_class, direction) { /* Set to half of image width.*/ var dimension = jQuery(current_image_class).width() / 2; if (direction == 'right') { wds_cube_0(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } else if (direction == 'left') { wds_cube_0(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } } function wds_cubeV_0(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') { wds_cube_0(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } else if (direction == 'left') { wds_cube_0(dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } } /* For browsers that does not support transitions.*/ function wds_fallback_0(current_image_class, next_image_class, direction) { wds_fade_0(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 wds_fallback3d_0(current_image_class, next_image_class, direction) { wds_sliceV_0(current_image_class, next_image_class, direction); } function wds_none_0(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.*/ wds_set_filmstrip_class_0(); wds_set_dots_class_0(); } function wds_fade_0(current_image_class, next_image_class, direction) { /* Set active thumbnail.*/ wds_set_filmstrip_class_0(); wds_set_dots_class_0(); if (wds_testBrowser_cssTransitions_0()) { jQuery(next_image_class).css('transition', 'opacity ' + wds_transition_duration_0 + '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}, wds_transition_duration_0); jQuery(next_image_class).animate({ 'opacity' : 1, 'z-index': 2 }, { duration: wds_transition_duration_0, complete: function () { } }); /* For IE.*/ jQuery(current_image_class).fadeTo(wds_transition_duration_0, 0); jQuery(next_image_class).fadeTo(wds_transition_duration_0, 1); } } function wds_grid_0(cols, rows, ro, tx, ty, sc, op, current_image_class, next_image_class, direction, random, roy, easing) { /* If browser does not support CSS transitions.*/ if (!wds_testBrowser_cssTransitions_0()) { return wds_fallback_0(current_image_class, next_image_class, direction); } wds_trans_in_progress_0 = true; /* Set active thumbnail.*/ wds_set_filmstrip_class_0(); wds_set_dots_class_0(); /* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/ var count = (wds_transition_duration_0) / (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 wds_gridlet(width, height, top, img_top, left, img_left, src, imgWidth, imgHeight, c, r) { var delay = random ? Math.floor((cols + rows) * count * Math.random()) : (c + r) * count; /* Return a gridlet elem with styles for specific transition.*/ var grid_div = jQuery('').css({ display: "block", width : imgWidth,/*"100%"*/ height : jQuery(".wds_slideshow_image_spun_0").height() + "px", top : -top, left : -left, backgroundImage : src, backgroundSize: jQuery(".wds_slideshow_image_0").css("background-size"), backgroundPosition: jQuery(".wds_slideshow_image_0").css("background-position"), /*backgroundColor: jQuery(".wds_slideshow_image_wrap_0").css("background-color"),*/ backgroundRepeat: 'no-repeat' }); return jQuery('').css({ display: "block", width : width,/*"100%"*/ height : height, top : top, left : left, backgroundSize : imgWidth + 'px ' + imgHeight + 'px', backgroundPosition : img_left + 'px ' + img_top + 'px', backgroundRepeat: 'no-repeat', overflow: "hidden", transition : 'all ' + wds_transition_duration_0 + 'ms ' + easing + ' ' + delay + 'ms', transform : 'none' }).append(grid_div); } /* Get the current slide's image.*/ var cur_img = jQuery(current_image_class).find('span[img_id^="wds_slideshow_image"]'); /* Create a grid to hold the gridlets.*/ var grid = jQuery('').addClass('wds_grid_0'); /* Prepend the grid to the next slide (i.e. so it's above the slide image).*/ jQuery(current_image_class).prepend(grid); /* vars to calculate positioning/size of gridlets*/ var cont = jQuery(".wds_slide_bg_0"); var imgWidth = cur_img.width(); var imgHeight = cur_img.height(); var contWidth = cont.width(), contHeight = cont.height(), imgSrc = cur_img.css('background-image'),/*.replace('/thumb', ''),*/ colWidth = Math.floor(contWidth / cols), rowHeight = Math.floor(contHeight / rows), colRemainder = contWidth - (cols * colWidth), colAdd = Math.ceil(colRemainder / cols), rowRemainder = contHeight - (rows * rowHeight), rowAdd = Math.ceil(rowRemainder / rows), leftDist = 0, img_leftDist = (jQuery(".wds_slide_bg_0").width() - cur_img.width()) / 2; /* tx/ty args can be passed as 'auto'/'min-auto' (meaning use slide width/height or negative slide width/height).*/ tx = tx === 'auto' ? contWidth : tx; tx = tx === 'min-auto' ? - contWidth : tx; ty = ty === 'auto' ? contHeight : ty; ty = ty === 'min-auto' ? - contHeight : ty; /* Loop through cols*/ for (var i = 0; i < cols; i++) { var topDist = 0, img_topDst = (jQuery(".wds_slide_bg_0").height() - cur_img.height()) / 2, newColWidth = colWidth; /* If imgWidth (px) does not divide cleanly into the specified number of cols, adjust individual col widths to create correct total.*/ if (colRemainder > 0) { var add = colRemainder >= colAdd ? colAdd : colRemainder; newColWidth += add; colRemainder -= add; } /* Nested loop to create row gridlets for each col.*/ for (var j = 0; j < rows; j++) { var newRowHeight = rowHeight, newRowRemainder = rowRemainder; /* If contHeight (px) does not divide cleanly into the specified number of rows, adjust individual row heights to create correct total.*/ if (newRowRemainder > 0) { add = newRowRemainder >= rowAdd ? rowAdd : rowRemainder; newRowHeight += add; newRowRemainder -= add; } /* Create & append gridlet to grid.*/ grid.append(wds_gridlet(newColWidth, newRowHeight, topDist, img_topDst, leftDist, img_leftDist, imgSrc, imgWidth, imgHeight, i, j)); topDist += newRowHeight; img_topDst -= newRowHeight; } img_leftDist -= newColWidth; leftDist += newColWidth; } /* Show grid & hide the image it replaces.*/ grid.show(); cur_img.css('opacity', 0); /* Add identifying classes to corner gridlets (useful if applying border radius).*/ grid.children().first().addClass('rs-top-left'); grid.children().last().addClass('rs-bottom-right'); grid.children().eq(rows - 1).addClass('rs-bottom-left'); grid.children().eq(- rows).addClass('rs-top-right'); /* Execution steps.*/ setTimeout(function () { grid.children().css({ opacity: op, transform: 'rotate('+ ro +'deg) rotateY('+ roy +'deg) translateX('+ tx +'px) translateY('+ ty +'px) scale('+ sc +')' }); }, 1); jQuery(next_image_class).css('opacity', 1); /* After transition.*/ var cccount = 0; var obshicccount = cols * rows; grid.children().one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(wds_after_trans_each)); function wds_after_trans_each() { if (++cccount == obshicccount) { wds_after_trans(); } } function wds_after_trans() { jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1}); jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2}); cur_img.css('opacity', 1); grid.remove(); wds_trans_in_progress_0 = false; if (typeof wds_event_stack_0 !== 'undefined') { if (wds_event_stack_0.length > 0) { key = wds_event_stack_0[0].split("-"); wds_event_stack_0.shift(); wds_change_image_0(key[0], key[1], wds_data_0, true); } } } } function wds_sliceH_0(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateX = 'min-auto'; } else if (direction == 'left') { var translateX = 'auto'; } wds_grid_0(1, 8, 0, translateX, 0, 1, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_sliceV_0(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateY = 'min-auto'; } else if (direction == 'left') { var translateY = 'auto'; } wds_grid_0(10, 1, 0, 0, translateY, 1, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_slideV_0(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateY = 'auto'; } else if (direction == 'left') { var translateY = 'min-auto'; } wds_grid_0(1, 1, 0, 0, translateY, 1, 1, current_image_class, next_image_class, direction, 0, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } function wds_slideH_0(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateX = 'min-auto'; } else if (direction == 'left') { var translateX = 'auto'; } wds_grid_0(1, 1, 0, translateX, 0, 1, 1, current_image_class, next_image_class, direction, 0, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } function wds_scaleOut_0(current_image_class, next_image_class, direction) { wds_grid_0(1, 1, 0, 0, 0, 1.5, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_scaleIn_0(current_image_class, next_image_class, direction) { wds_grid_0(1, 1, 0, 0, 0, 0.5, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_blockScale_0(current_image_class, next_image_class, direction) { wds_grid_0(8, 6, 0, 0, 0, 0.6, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_blockScaleR_0(current_image_class, next_image_class, direction) { wds_grid_0(8, 6, 0, 0, 0, 0.6, 0, current_image_class, next_image_class, direction, 1, 0, 'ease-in-out'); } function wds_blindR_0(current_image_class, next_image_class, direction) { wds_grid_0(8, 1, 0, 0, 0, 1, 1, current_image_class, next_image_class, direction, 1, 90, 'ease-in-out'); } function wds_tilesR_0(current_image_class, next_image_class, direction) { wds_grid_0(8, 8, 0, 0, 0, 1, 1, current_image_class, next_image_class, direction, 1, 90, 'ease-in-out'); } function wds_kaleidoscope_0(current_image_class, next_image_class, direction) { wds_grid_0(10, 8, 0, 0, 0, 1, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_fan_0(current_image_class, next_image_class, direction) { if (direction == 'right') { var rotate = 45; var translateX = 100; } else if (direction == 'left') { var rotate = -45; var translateX = -100; } wds_grid_0(1, 10, rotate, translateX, 0, 1, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_blindV_0(current_image_class, next_image_class, direction) { wds_grid_0(1, 8, 0, 0, 0, .7, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_blindH_0(current_image_class, next_image_class, direction) { wds_grid_0(10, 1, 0, 0, 0, .7, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_random_0(current_image_class, next_image_class, direction) { var anims = ['sliceH', 'sliceV', 'slideH', 'slideV', 'scaleOut', 'scaleIn', 'blockScale', 'kaleidoscope', 'fan', 'blindH', 'blindV', 'parallelSlideH', 'parallelSlideV']; /* Pick a random transition from the anims array.*/ this["wds_" + anims[Math.floor(Math.random() * anims.length)] + "_0"](current_image_class, next_image_class, direction); } function wds_3Drandom_0(current_image_class, next_image_class, direction) { var anims = ['cubeH', 'cubeV', 'cubeR', 'slic3DH', 'slic3DV', 'slicR3DH', 'slicR3DV']; /* Pick a random transition from the anims array.*/ this["wds_" + anims[Math.floor(Math.random() * anims.length)] + "_0"](current_image_class, next_image_class, direction); } function iterator_0() { var iterator = 1; if (0) { iterator = Math.floor((wds_data_0.length - 1) * Math.random() + 1); } return iterator; } function wds_change_image_0(current_key, key, wds_data_0, from_effect) { if (0) { if (wds_currentlyMoving0) { return; } } /* Pause videos.*/ jQuery("#wds_slideshow_image_container_0").find("iframe").each(function () { if (typeof jQuery(this)[0].contentWindow != "undefined") { jQuery(this)[0].contentWindow.postMessage('{"event":"command","func":"stopVideo","args":""}', '*'); jQuery(this)[0].contentWindow.postMessage('{ "method": "stop" }', "*"); jQuery(this)[0].contentWindow.postMessage('stop', '*'); } }); jQuery("#wds_slideshow_image_container_0").find("video").each(function () { jQuery(this).trigger('pause'); jQuery('.wds_bigplay_0').show(); }); /* Pause layer videos.*/ jQuery(".wds_video_layer_frame_0").each(function () { if (typeof jQuery(this)[0].contentWindow != "undefined") { jQuery(this)[0].contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*'); jQuery(this)[0].contentWindow.postMessage('{ "method": "pause" }', "*"); jQuery(this)[0].contentWindow.postMessage('pause', '*'); } }); if (wds_data_0[key]) { if (jQuery('.wds_ctrl_btn_0').hasClass('fa-pause') || ('')) { play_0(); } if (!from_effect) { /* Change image key.*/ jQuery("#wds_current_image_key_0").val(key); if (current_key == '-1') { /* Filmstrip.*/ current_key = jQuery(".wds_slideshow_thumb_active_0").children("img").attr("image_key"); } else if (current_key == '-2') { /* Dots.*/ /*current_key = jQuery(".wds_slideshow_dots_active_0").attr("image_key");*/ currId = jQuery(".wds_slideshow_dots_active_0").attr("id"); current_key = currId.replace('wds_dots_', '').replace('_0', ''); } } if (wds_trans_in_progress_0) { wds_event_stack_0.push(current_key + '-' + key); return; } var direction = 'right'; var int_curr_key = parseInt(wds_current_key_0); var int_key = parseInt(key); var last_pos = wds_data_0.length - 1; if (int_curr_key > int_key) { direction = 'left'; } else if (int_curr_key == int_key) { return; } if (int_key == 0) { if (int_curr_key == last_pos) { direction = 'right'; } } if (int_key == last_pos) { if (int_curr_key == 0) { direction = 'left'; } } /* Set active thumbnail position.*/ wds_current_filmstrip_pos_0 = key * (jQuery(".wds_slideshow_filmstrip_thumbnail_0").width() + 2 + 2 * 0); wds_current_key_0 = key; /* Change image id.*/ jQuery("div[img_id=wds_slideshow_image_0]").attr('image_id', wds_data_0[key]["id"]); var current_image_class = "#wds_image_id_0_" + wds_data_0[current_key]["id"]; var next_image_class = "#wds_image_id_0_" + wds_data_0[key]["id"]; var next_image_type = wds_data_0[key]["is_video"]; if (next_image_type == 'video' || next_image_type.indexOf('EMBED') >= 0){ jQuery('.wds_pp_btn_cont').hide(); } else { jQuery('.wds_pp_btn_cont').show(); } if (0) { wds_embed_slide_autoplay(next_image_class); } if (wds_data_0[key]["is_video"] == 'image') { jQuery(next_image_class).find(".wds_slideshow_image_0").css("background-image", 'url("' + wds_data_0[key]["image_url"] + '")'); } wds_video_dimenstion(0, key); var current_slide_layers_count = wds_data_0[current_key]["slide_layers_count"]; var next_slide_layers_count = wds_data_0[key]["slide_layers_count"]; /* Clear layers before image change.*/ function set_layer_effect_out_before_change(m) { wds_clear_layers_effects_out_before_change_0[current_key][m] = setTimeout(function() { if (wds_data_0[current_key]["layer_" + m + "_type"] != 'social') { if (jQuery('#wds_0_slide' + wds_data_0[current_key]["id"] + '_layer' + wds_data_0[current_key]["layer_" + m + "_id"]).prev().attr('id') != 'wds_0_slide' + wds_data_0[current_key]["id"] + '_layer' + wds_data_0[current_key]["layer_" + m + "_id"] + '_round_effect') { jQuery('#wds_0_slide' + wds_data_0[current_key]["id"] + '_layer' + wds_data_0[current_key]["layer_" + m + "_id"]).css('-webkit-animation-duration' , 0.6 + 's').css('animation-duration' , 0.6 + 's'); jQuery('#wds_0_slide' + wds_data_0[current_key]["id"] + '_layer' + wds_data_0[current_key]["layer_" + m + "_id"]).removeClass().addClass( wds_data_0[current_key]["layer_" + m + "_layer_effect_out"] + ' animated'); } else { jQuery('#wds_0_slide' + wds_data_0[current_key]["id"] + '_layer' + wds_data_0[current_key]["layer_" + m + "_id"]+"_div").css('-webkit-animation-duration' , 0.6 + 's').css('animation-duration' , 0.6 + 's'); jQuery('#wds_0_slide' + wds_data_0[current_key]["id"] + '_layer' + wds_data_0[current_key]["layer_" + m + "_id"]+"_div").removeClass().addClass( wds_data_0[current_key]["layer_" + m + "_layer_effect_out"] + ' animated'); } } else { jQuery('#wds_0_slide' + wds_data_0[current_key]["id"] + '_layer' + wds_data_0[current_key]["layer_" + m + "_id"]).css('-webkit-animation-duration' , 0.6 + 's').css('animation-duration' , 0.6 + 's'); jQuery('#wds_0_slide' + wds_data_0[current_key]["id"] + '_layer' + wds_data_0[current_key]["layer_" + m + "_id"]).removeClass().addClass( wds_data_0[current_key]["layer_" + m + "_layer_effect_out"] + ' fa fa-' + wds_data_0[current_key]["layer_" + m + "_social_button"] + ' animated'); } }, 10); } if (0) { for (var m = 0; m < current_slide_layers_count; m++) { if (jQuery('#wds_0_slide' + wds_data_0[current_key]["id"] + '_layer' + wds_data_0[current_key]["layer_" + m + "_id"]).prev().attr('id') != 'wds_0_slide' + wds_data_0[current_key]["id"] + '_layer' + wds_data_0[current_key]["layer_" + i + "_id"] + '_round_effect') { if (jQuery('#wds_0_slide' + wds_data_0[current_key]["id"] + '_layer' + wds_data_0[current_key]["layer_" + m + "_id"]).css('opacity') != 0) { set_layer_effect_out_before_change(m); } } else { if (jQuery('#wds_0_slide' + wds_data_0[current_key]["id"] + '_layer' + wds_data_0[current_key]["layer_" + m + "_id"]+"_div").css('opacity') != 0) { set_layer_effect_out_before_change(m); } } } } /* Loop through current slide layers for clear effects.*/ setTimeout(function() { for (var k = 0; k < current_slide_layers_count; k++) { clearTimeout(wds_clear_layers_effects_in_0[current_key][k]); clearTimeout(wds_clear_layers_effects_out_0[current_key][k]); if (wds_data_0[current_key]["layer_" + k + "_type"] != 'social') { jQuery('#wds_0_slide' + wds_data_0[current_key]["id"] + '_layer' + wds_data_0[current_key]["layer_" + k + "_id"]).removeClass().addClass('wds_layer_'+ wds_data_0[current_key]["layer_" + k + "_id"]); } else { jQuery('#wds_0_slide' + wds_data_0[current_key]["id"] + '_layer' + wds_data_0[current_key]["layer_" + k + "_id"]).removeClass().addClass('fa fa-' + wds_data_0[current_key]["layer_" + k + "_social_button"] + ' wds_layer_' + wds_data_0[current_key]["layer_" + k + "_id"]); } } }, wds_duration_for_clear_effects_0); /* Loop through layers in.*/ for (var j = 0; j < next_slide_layers_count; j++) { wds_set_layer_effect_in_0(j, key); } /* Loop through layers out if pause button not pressed.*/ for (var i = 0; i < next_slide_layers_count; i++) { wds_set_layer_effect_out_0(i, key); } setTimeout(function() { if (typeof jQuery().finish !== 'undefined') { if (jQuery.isFunction(jQuery().finish)) { jQuery(".wds_line_timer_0").finish(); } } jQuery(".wds_line_timer_0").css({width: 0}); wds_fade_0(current_image_class, next_image_class, direction); if ('top' != 'none') { if (0 || jQuery('.wds_ctrl_btn_0').hasClass('fa-pause')) { if ('top' == 'top' || 'top' == 'bottom') { if (!jQuery(".wds_ctrl_btn_0").hasClass("fa-play")) { jQuery(".wds_line_timer_0").animate({ width: "100%" }, { duration: 5000, specialEasing: {width: "linear"} }); } } else if ('top' != 'none') { if (typeof circle_timer_animate_0 !== 'undefined') { circle_timer_animate_0.stop(); } jQuery('#top_right_0').css({ '-moz-transform':'rotate(0deg)', '-webkit-transform':'rotate(0deg)', '-o-transform':'rotate(0deg)', '-ms-transform':'rotate(0deg)', 'transform':'rotate(0deg)', '-webkit-transform-origin': 'left bottom', '-ms-transform-origin': 'left bottom', '-moz-transform-origin': 'left bottom', 'transform-origin': 'left bottom' }); jQuery('#bottom_right_0').css({ '-moz-transform':'rotate(0deg)', '-webkit-transform':'rotate(0deg)', '-o-transform':'rotate(0deg)', '-ms-transform':'rotate(0deg)', 'transform':'rotate(0deg)', '-webkit-transform-origin': 'left top', '-ms-transform-origin': 'left top', '-moz-transform-origin': 'left top', 'transform-origin': 'left top' }); jQuery('#bottom_left_0').css({ '-moz-transform':'rotate(0deg)', '-webkit-transform':'rotate(0deg)', '-o-transform':'rotate(0deg)', '-ms-transform':'rotate(0deg)', 'transform':'rotate(0deg)', '-webkit-transform-origin': 'right top', '-ms-transform-origin': 'right top', '-moz-transform-origin': 'right top', 'transform-origin': 'right top' }); jQuery('#top_left_0').css({ '-moz-transform':'rotate(0deg)', '-webkit-transform':'rotate(0deg)', '-o-transform':'rotate(0deg)', '-ms-transform':'rotate(0deg)', 'transform':'rotate(0deg)', '-webkit-transform-origin': 'right bottom', '-ms-transform-origin': 'right bottom', '-moz-transform-origin': 'right bottom', 'transform-origin': 'right bottom' }); if (!jQuery(".wds_ctrl_btn_0").hasClass("fa-play")) { /* Begin circle timer on next.*/ circle_timer_0(0); } else { curent_time_deggree_0 = 0; } } } } if (wds_data_0[key]["is_video"] != 'image') { jQuery("#wds_slideshow_play_pause_0").css({display: 'none'}); } else { jQuery("#wds_slideshow_play_pause_0").css({display: ''}); } }, wds_duration_for_change_0); } if (0) { wds_parallax(0); } } function wds_resize_slider_0() { var slide_orig_width = 1600; var slide_orig_height = 750; /* var slide_width = jQuery("#wds_container1_0").parent().width(); */ var slide_width = wds_get_overall_parent(jQuery("#wds_container1_0")); var ratio; if (slide_width > slide_orig_width) { slide_width = slide_orig_width; } ratio = slide_width / slide_orig_width; ratio = jQuery(window).width() / slide_orig_width; slide_orig_width = jQuery(window).width() - 0; slide_orig_height = 750 * slide_orig_width / 1600; slide_width = jQuery(window).width() - 0; wds_full_width_0(); var slide_height = slide_orig_height; if (slide_orig_width > slide_width) { slide_height = Math.floor(slide_width * slide_orig_height / slide_orig_width); } jQuery(".wds_slideshow_image_wrap_0, #wds_container2_0").height(slide_height + 0); jQuery(".wds_slideshow_image_container_0").height(slide_height); /*jQuery(".wds_slideshow_image_0").height(slide_height);*/ jQuery(".wds_slide_container_0").height(slide_height); jQuery(".wds_slideshow_image_0").height(slide_height); jQuery(".wds_slideshow_video_0").height(slide_height); jQuery(".wds_slideshow_image_0 img").each(function () { var wds_theImage = new Image(); wds_theImage.src = jQuery(this).attr("src"); var wds_origWidth = wds_theImage.width; var wds_origHeight = wds_theImage.height; var wds_imageWidth = jQuery(this).attr("wds_image_width"); var wds_imageHeight = jQuery(this).attr("wds_image_height"); var wds_width = wds_imageWidth; if (wds_imageWidth > wds_origWidth) { wds_width = wds_origWidth; } var wds_height = wds_imageHeight; if (wds_imageHeight > wds_origHeight) { wds_height = wds_origHeight; } jQuery(this).css({ maxWidth: (parseFloat(wds_imageWidth) * ratio) + "px", maxHeight: (parseFloat(wds_imageHeight) * ratio) + "px", }); if (jQuery(this).attr("wds_scale") != "on") { jQuery(this).css({ width: (parseFloat(wds_imageWidth) * ratio) + "px", height: (parseFloat(wds_imageHeight) * ratio) + "px" }); } else if (wds_imageWidth > wds_origWidth || wds_imageHeight > wds_origHeight) { if (wds_origWidth / wds_imageWidth > wds_origHeight / wds_imageHeight) { jQuery(this).css({ width: (parseFloat(wds_imageWidth) * ratio) + "px" }); } else { jQuery(this).css({ height: (parseFloat(wds_imageHeight) * ratio) + "px" }); } } }); jQuery(".wds_slideshow_image_0 [data-type='hotspot']").each(function () { jQuery(this).children().each(function () { var width = jQuery(this).attr("data-width"); if (jQuery(this).attr("data-type") == "hotspot_text") { var height = jQuery(this).attr("data-height"); if (width != 0) { jQuery(this).width(ratio * width); } if (height != 0) { jQuery(this).height(ratio * height); } jQuery(this).css({fontSize: ratio * jQuery(this).attr("data-fsize")}); } else { if (width != 0) { jQuery(this).width(ratio * width); jQuery(this).height(ratio * width); jQuery(this).parent().width(ratio * width); jQuery(this).parent().height(ratio * width); } jQuery(this).css({ borderWidth: ratio * jQuery(this).attr("data-border_width") }); } }); }); jQuery(".wds_slideshow_image_0 span, .wds_slideshow_image_0 i").each(function () { jQuery(this).css({ fontSize: (parseFloat(jQuery(this).attr("wds_fsize")) * ratio) + "px", lineHeight: "1.25em", paddingLeft: (parseFloat(jQuery(this).attr("wds_fpaddingl")) * ratio) + "px", paddingRight: (parseFloat(jQuery(this).attr("wds_fpaddingr")) * ratio) + "px", paddingTop: (parseFloat(jQuery(this).attr("wds_fpaddingt")) * ratio) + "px", paddingBottom: (parseFloat(jQuery(this).attr("wds_fpaddingb")) * ratio) + "px", }); }); wds_display_hotspot(); wds_hotspot_position("", ratio); if (0) { wds_parallax(0); } } /* Generate background position for Zoom Fade effect.*/ function wds_genBgPos_0() { var bgSizeArray = [0, 70]; var bgSize = bgSizeArray[Math.floor(Math.random() * bgSizeArray.length)]; var bgPosXArray = ['left', 'right']; var bgPosYArray = ['top', 'bottom']; var bgPosX = bgPosXArray[Math.floor(Math.random() * bgPosXArray.length)]; var bgPosY = bgPosYArray[Math.floor(Math.random() * bgPosYArray.length)]; jQuery(".wds_slideshow_image_0").css({ backgroundPosition: bgPosX + " " + bgPosY, backgroundSize : (100 + bgSize) + "%", webkitAnimation: '5s linear 0s alternate infinite wdszoom' + bgSize, mozAnimation: '5s linear 0s alternate infinite wdszoom' + bgSize, animation: '5s linear 0s alternate infinite wdszoom' + bgSize }); } jQuery(window).resize(function () { wds_resize_slider_0(); }); function wds_full_width_0() { var left = jQuery("#wds_container1_0").offset().left; jQuery(".wds_slideshow_image_wrap_0").css({ left: (-left + 0) + "px", width: (jQuery(window).width() - 0) + "px", maxWidth: "none" }); } if ("" != '') { jQuery('').attr("src", "").load(function() { jQuery(this).remove(); wds_ready_0(); }); } else { jQuery(document).ready(function () { wds_ready_0(); }); } function wds_ready_0() { jQuery(".wds_slideshow_image_0 span, .wds_slideshow_image_0 i").each(function () { jQuery(this).attr("wds_fpaddingl", jQuery(this).css("paddingLeft")); jQuery(this).attr("wds_fpaddingr", jQuery(this).css("paddingRight")); jQuery(this).attr("wds_fpaddingt", jQuery(this).css("paddingTop")); jQuery(this).attr("wds_fpaddingb", jQuery(this).css("paddingBottom")); }); if (4000) { jQuery("#wds_container2_0").hover(function () { jQuery(".wds_right-ico_0").animate({left: 0}, 700, "swing"); jQuery(".wds_left-ico_0").animate({left: 0}, 700, "swing"); jQuery("#wds_slideshow_play_pause_0").animate({opacity: 1, filter: "Alpha(opacity=100)"}, 700, "swing"); }, function () { jQuery(".wds_right-ico_0").css({left: 4000}); jQuery(".wds_left-ico_0").css({left: -4000}); jQuery("#wds_slideshow_play_pause_0").css({opacity: 0, filter: "Alpha(opacity=0)"}); }); } if (!1) { jQuery("#wds_container2_0").hover(function () { jQuery(".wds_slideshow_dots_container_0").animate({opacity: 1, filter: "Alpha(opacity=100)"}, 700, "swing"); }, function () { jQuery(".wds_slideshow_dots_container_0").css({opacity: 0, filter: "Alpha(opacity=0)"}); }); } wds_resize_slider_0(); jQuery("#wds_container2_0").css({visibility: 'visible'}); jQuery(".wds_loading").hide(); function wds_filmstrip_move_left() { if (typeof jQuery().stop !== 'undefined') { if (jQuery.isFunction(jQuery().stop)) { jQuery( ".wds_slideshow_filmstrip_thumbnails_0" ).stop(true, false); } } if (jQuery(".wds_slideshow_filmstrip_thumbnails_0").position().left < 0) { jQuery(".wds_slideshow_filmstrip_right_0").css({opacity: 1, filter: "Alpha(opacity=100)"}); if (jQuery(".wds_slideshow_filmstrip_thumbnails_0").position().left > - 0) { jQuery(".wds_slideshow_filmstrip_thumbnails_0").animate({left: 0}, 500, 'linear'); } else { jQuery(".wds_slideshow_filmstrip_thumbnails_0").animate({left: (jQuery(".wds_slideshow_filmstrip_thumbnails_0").position().left + 0)}, 500, 'linear'); } } /* Disable left arrow.*/ window.setTimeout(function(){ if (jQuery(".wds_slideshow_filmstrip_thumbnails_0").position().left == 0) { jQuery(".wds_slideshow_filmstrip_left_0").css({opacity: 0.3, filter: "Alpha(opacity=30)"}); } }, 500); } function wds_filmstrip_move_right() { if (typeof jQuery().stop !== 'undefined') { if (jQuery.isFunction(jQuery().stop)) { jQuery( ".wds_slideshow_filmstrip_thumbnails_0" ).stop(true, false); } } if (jQuery(".wds_slideshow_filmstrip_thumbnails_0").position().left >= -(jQuery(".wds_slideshow_filmstrip_thumbnails_0").width() - jQuery(".wds_slideshow_filmstrip_0").width())) { jQuery(".wds_slideshow_filmstrip_left_0").css({opacity: 1, filter: "Alpha(opacity=100)"}); if (jQuery(".wds_slideshow_filmstrip_thumbnails_0").position().left < -(jQuery(".wds_slideshow_filmstrip_thumbnails_0").width() - jQuery(".wds_slideshow_filmstrip_0").width() - 0)) { jQuery(".wds_slideshow_filmstrip_thumbnails_0").animate({left: -(jQuery(".wds_slideshow_filmstrip_thumbnails_0").width() - jQuery(".wds_slideshow_filmstrip_0").width())}, 500, 'linear'); } else { jQuery(".wds_slideshow_filmstrip_thumbnails_0").animate({left: (jQuery(".wds_slideshow_filmstrip_thumbnails_0").position().left - 0)}, 500, 'linear'); } } /* Disable right arrow.*/ window.setTimeout(function() { if (jQuery(".wds_slideshow_filmstrip_thumbnails_0").position().left == -(jQuery(".wds_slideshow_filmstrip_thumbnails_0").width() - jQuery(".wds_slideshow_filmstrip_0").width())) { jQuery(".wds_slideshow_filmstrip_right_0").css({opacity: 0.3, filter: "Alpha(opacity=30)"}); } }, 500); } var curr_img_id = wds_data_0[parseInt(jQuery('#wds_current_image_key_0').val())]["id"]; jQuery("#wds_image_id_0_" + curr_img_id).css('transition', 'opacity ' + wds_transition_duration_0 + 'ms linear'); var isMobile = (/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(navigator.userAgent.toLowerCase())); if (isMobile) { if (1) { wds_swipe(); } } else { if (0) { wds_swipe(); } } function wds_swipe() { if (typeof jQuery().swiperight !== 'undefined') { if (jQuery.isFunction(jQuery().swiperight)) { jQuery('.wds_slideshow_filmstrip_thumbnails_0').swiperight(function () { wds_filmstrip_move_left(); return false; }); jQuery('#wds_container1_0').swiperight(function () { wds_change_image_0(parseInt(jQuery('#wds_current_image_key_0').val()), (parseInt(jQuery('#wds_current_image_key_0').val()) - iterator_0()) >= 0 ? (parseInt(jQuery('#wds_current_image_key_0').val()) - iterator_0()) % wds_data_0.length : wds_data_0.length - 1, wds_data_0); if (0 != false) { wds_carousel0.prev(); } return false; }); } } if (typeof jQuery().swipeleft !== 'undefined') { if (jQuery.isFunction(jQuery().swipeleft)) { jQuery('.wds_slideshow_filmstrip_thumbnails_0').swipeleft(function () { wds_filmstrip_move_right(); return false; }); jQuery('#wds_container1_0').swipeleft(function () { wds_change_image_0(parseInt(jQuery('#wds_current_image_key_0').val()), (parseInt(jQuery('#wds_current_image_key_0').val()) + iterator_0()) % wds_data_0.length, wds_data_0); if (0 != false) { wds_carousel0.next(); } return false; }); } } } var wds_click = isMobile ? 'touchend' : 'click'; var mousewheelevt = (/Firefox/i.test(navigator.userAgent)) ? "DOMMouseScroll" : "mousewheel"; /* FF doesn't recognize mousewheel as of FF3.x */ jQuery('.wds_slideshow_filmstrip_0').bind(mousewheelevt, function(e) { var evt = window.event || e; /* Equalize event object.*/ evt = evt.originalEvent ? evt.originalEvent : evt; /* Convert to originalEvent if possible.*/ var delta = evt.detail ? evt.detail*(-40) : evt.wheelDelta; /* Check for detail first, because it is used by Opera and FF.*/ if (delta > 0) { /* Scroll up.*/ jQuery(".wds_slideshow_filmstrip_left_0").trigger("click"); } else { /* Scroll down.*/ jQuery(".wds_slideshow_filmstrip_right_0").trigger("click"); } return false; }); jQuery(".wds_slideshow_filmstrip_right_0").on(wds_click, function () { wds_filmstrip_move_right(); }); jQuery(".wds_slideshow_filmstrip_left_0").on(wds_click, function () { wds_filmstrip_move_left(); }); /* Set filmstrip initial position.*/ wds_set_filmstrip_pos_0(jQuery(".wds_slideshow_filmstrip_0").width()); var wds_play_pause = 0; function wds_play_pause_0() { if (jQuery(".wds_ctrl_btn_0").hasClass("fa-play") || wds_play_pause) { wds_play_pause = 0; /* Play.*/ jQuery(".wds_slideshow_play_pause_0").attr("title", "Pause"); jQuery(".wds_slideshow_play_pause_0").attr("class", "wds_ctrl_btn_0 wds_slideshow_play_pause_0 fa fa-pause"); /* Finish current animation and begin the other.*/ if (0) { if ('top' != 'top') { if ('top' != 'bottom') { if (typeof circle_timer_animate_0 !== 'undefined') { circle_timer_animate_0.stop(); if (0 == true) { wds_carousel0.pause(); } } circle_timer_0(curent_time_deggree_0); } } } play_0(); if (0) { document.getElementById("wds_audio_0").play(); } if (0 != false) { wds_carousel0.start(); } } else { /* Pause.*/ /* Pause layers out effect.*/ wds_play_pause = 1; var current_key = jQuery('#wds_current_image_key_0').val(); var current_slide_layers_count = wds_data_0[current_key]["slide_layers_count"]; setTimeout(function() { for (var k = 0; k < current_slide_layers_count; k++) { clearTimeout(wds_clear_layers_effects_out_0[current_key][k]); } }, wds_duration_for_clear_effects_0); window.clearInterval(wds_playInterval_0); jQuery(".wds_slideshow_play_pause_0").attr("title", "Play"); jQuery(".wds_slideshow_play_pause_0").attr("class", "wds_ctrl_btn_0 wds_slideshow_play_pause_0 fa fa-play"); if (0) { document.getElementById("wds_audio_0").pause(); } if (typeof jQuery().stop !== 'undefined') { if (jQuery.isFunction(jQuery().stop)) { jQuery(".wds_line_timer_0").stop(); } } if (0 != false) { wds_carousel0.pause(); } } } /* Mouswheel navigation.*/ if (0) { jQuery('.wds_slide_container_0').bind(mousewheelevt, function(e) { var evt = window.event || e; /* Equalize event object.*/ evt = evt.originalEvent ? evt.originalEvent : evt; /* Convert to originalEvent if possible.*/ var delta = evt.detail ? evt.detail*(-40) : evt.wheelDelta; /* Check for detail first, because it is used by Opera and FF.*/ if (delta > 0) { /* Scroll up.*/ wds_change_image_0(parseInt(jQuery('#wds_current_image_key_0').val()), (parseInt(jQuery('#wds_current_image_key_0').val()) - iterator_0()) >= 0 ? (parseInt(jQuery('#wds_current_image_key_0').val()) - iterator_0()) % wds_data_0.length : wds_data_0.length - 1, wds_data_0); } else { /* Scroll down.*/ wds_change_image_0(parseInt(jQuery('#wds_current_image_key_0').val()), (parseInt(jQuery('#wds_current_image_key_0').val()) + iterator_0()) % wds_data_0.length, wds_data_0); } return false; }); } /* Keyboard navigation.*/ if (0) { jQuery(document).on('keydown', function (e) { if (e.keyCode === 39 || e.keyCode === 38) { /* Right arrow.*/ wds_change_image_0(parseInt(jQuery('#wds_current_image_key_0').val()), (parseInt(jQuery('#wds_current_image_key_0').val()) + iterator_0()) % wds_data_0.length, wds_data_0); if (e.preventDefault) { e.preventDefault(); } else { e.returnValue = false; } } else if (e.keyCode === 37 || e.keyCode === 40) { /* Left arrow.*/ wds_change_image_0(parseInt(jQuery('#wds_current_image_key_0').val()), (parseInt(jQuery('#wds_current_image_key_0').val()) - iterator_0()) >= 0 ? (parseInt(jQuery('#wds_current_image_key_0').val()) - iterator_0()) % wds_data_0.length : wds_data_0.length - 1, wds_data_0); if (e.preventDefault) { e.preventDefault(); } else { e.returnValue = false; } } else if (e.keyCode === 32) { /* Space.*/ wds_play_pause_0(); if (e.preventDefault) { e.preventDefault(); } else { e.returnValue = false; } } }); } /* Play/pause.*/ jQuery("#wds_slideshow_play_pause_0").on(wds_click, function () { wds_play_pause_0(); }); if (0) { play_0(); jQuery(".wds_slideshow_play_pause_0").attr("title", "Pause"); jQuery(".wds_slideshow_play_pause_0").attr("class", "wds_ctrl_btn_0 wds_slideshow_play_pause_0 fa fa-pause"); if (0) { document.getElementById("wds_audio_0").play(); } if ('top' != 'none') { if ('top' != 'top') { if ('top' != 'bottom') { circle_timer_0(0); } } } } function wds_preload_0(preload_key) { jQuery('') .load(function() { if (preload_key < wds_data_0.length - 1) wds_preload_0(preload_key + 1); }) .error(function() { if (preload_key < wds_data_0.length - 1) wds_preload_0(preload_key + 1); }) .attr("src", (wds_data_0[preload_key]["is_video"] == 'image' ? wds_data_0[preload_key]["image_url"] : "")); } wds_preload_0(0); var first_slide_layers_count_0 = wds_data_0[0]["slide_layers_count"]; if (first_slide_layers_count_0) { /* Loop through layers in.*/ for (var j = 0; j < first_slide_layers_count_0; j++) { wds_set_layer_effect_in_0(j, 0); } /* Loop through layers out.*/ for (var i = 0; i < first_slide_layers_count_0; i++) { wds_set_layer_effect_out_0(i, 0); } } wds_video_dimenstion(0, jQuery("#wds_current_image_key_0").val()); jQuery(".wds_slideshow_filmstrip_0").hover(function() { jQuery(".wds_slideshow_filmstrip_left_0 i, .wds_slideshow_filmstrip_right_0 i").animate({opacity: 1, filter: "Alpha(opacity=100)"}, 700, "swing"); }, function () { jQuery(".wds_slideshow_filmstrip_left_0 i, .wds_slideshow_filmstrip_right_0 i").animate({opacity: 0, filter: "Alpha(opacity=0)"}, 700, "swing"); }); jQuery("#wds_container1_0").hover(function() { }, function () { }); jQuery("#wds_slideshow_play_pause_0").on("click", ".fa-play", function() { }); jQuery("#wds_slideshow_play_pause_0").on("click", ".fa-pause", function() { }); } function wds_stop_animation_0() { window.clearInterval(wds_playInterval_0); /* Pause layers out effect.*/ var current_key = jQuery('#wds_current_image_key_0').val(); var current_slide_layers_count = wds_data_0[current_key]["slide_layers_count"]; setTimeout(function() { for (var k = 0; k < current_slide_layers_count; k++) { clearTimeout(wds_clear_layers_effects_out_0[current_key][k]); } }, wds_duration_for_clear_effects_0); if (0) { document.getElementById("wds_audio_0").pause(); } if (typeof jQuery().stop !== 'undefined') { if (jQuery.isFunction(jQuery().stop)) { if ('top' == 'top' || 'top' == 'bottom') { jQuery(".wds_line_timer_0").stop(); if (0 == true) { wds_carousel0.pause(); } } else if ('top' != 'none') { circle_timer_animate_0.stop(); if (0 == true) { wds_carousel0.pause(); } } } } } function wds_play_animation_0() { if (jQuery(".wds_ctrl_btn_0").hasClass("fa-play")) { return; } play_0(); if (0 == true) { wds_carousel0.start(); } if ('top' != 'none') { if ('top' != 'bottom') { if ('top' != 'top') { if (typeof circle_timer_animate_0 !== 'undefined') { circle_timer_animate_0.stop(); if (0 == true) { wds_carousel0.pause(); } } circle_timer_0(curent_time_deggree_0); } } } if (0) { document.getElementById("wds_audio_0").play(); } } /* Effects in part.*/ function wds_set_layer_effect_in_0(j, key) { wds_clear_layers_effects_in_0[key][j] = setTimeout(function(){ if (wds_data_0[key]["layer_" + j + "_type"] != 'social') { if (jQuery('#wds_0_slide' + wds_data_0[key]["id"] + '_layer' + wds_data_0[key]["layer_" + j + "_id"]).prev().attr('id') != 'wds_0_slide' + wds_data_0[key]["id"] + '_layer' + wds_data_0[key]["layer_" + j + "_id"] + '_round_effect') { jQuery('#wds_0_slide' + wds_data_0[key]["id"] + '_layer' + wds_data_0[key]["layer_" + j + "_id"]).css('-webkit-animation-duration' , wds_data_0[key]["layer_" + j + "_duration_eff_out"] / 1000 + 's').css('animation-duration' , wds_data_0[key]["layer_" + j + "_duration_eff_out"] / 1000 + 's'); jQuery('#wds_0_slide' + wds_data_0[key]["id"] + '_layer' + wds_data_0[key]["layer_" + j + "_id"]).removeClass().addClass( wds_data_0[key]["layer_" + j + "_layer_effect_in"] + ' animated'); } else { jQuery('#wds_0_slide' + wds_data_0[key]["id"] + '_layer' + wds_data_0[key]["layer_" + j + "_id"]+'_div').css('-webkit-animation-duration' , wds_data_0[key]["layer_" + j + "_duration_eff_out"] / 1000 + 's').css('animation-duration' , wds_data_0[key]["layer_" + j + "_duration_eff_out"] / 1000 + 's'); jQuery('#wds_0_slide' + wds_data_0[key]["id"] + '_layer' + wds_data_0[key]["layer_" + j + "_id"]+'_div').removeClass().addClass('hotspot_container ' + wds_data_0[key]["layer_" + j + "_layer_effect_in"] + ' animated'); } } else { jQuery('#wds_0_slide' + wds_data_0[key]["id"] + '_layer' + wds_data_0[key]["layer_" + j + "_id"]).css('-webkit-animation-duration' , wds_data_0[key]["layer_" + j + "_duration_eff_out"] / 1000 + 's').css('animation-duration' , wds_data_0[key]["layer_" + j + "_duration_eff_out"] / 1000 + 's'); jQuery('#wds_0_slide' + wds_data_0[key]["id"] + '_layer' + wds_data_0[key]["layer_" + j + "_id"]).removeClass().addClass( wds_data_0[key]["layer_" + j + "_layer_effect_in"] + ' fa fa-' + wds_data_0[key]["layer_" + j + "_social_button"] + ' animated'); } /* Play video on layer in.*/ if (wds_data_0[key]["layer_" + j + "_type"] == "video") { if (wds_data_0[key]["layer_" + j + "_video_autoplay"] == "on") { jQuery('#wds_0_slide' + wds_data_0[key]["id"] + '_layer' + wds_data_0[key]["layer_" + j + "_id"]).find("iframe").each(function () { jQuery(this)[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*'); jQuery(this)[0].contentWindow.postMessage('{ "method": "play" }', "*"); }); } } wds_upvideo_layer_dimenstion(0, key, j); }, wds_data_0[key]["layer_" + j + "_start"]); } /* Effects out part.*/ function wds_set_layer_effect_out_0(i, key) { wds_clear_layers_effects_out_0[key][i] = setTimeout(function() { if (wds_data_0[key]["layer_" + i + "_layer_effect_out"] != 'none') { if (wds_data_0[key]["layer_" + i + "_type"] != 'social') { if(jQuery('#wds_0_slide' + wds_data_0[key]["id"] + '_layer' + wds_data_0[key]["layer_" + i + "_id"]).prev().attr('id') != 'wds_0_slide' + wds_data_0[key]["id"] + '_layer' + wds_data_0[key]["layer_" + i + "_id"] + '_round_effect'){ jQuery('#wds_0_slide' + wds_data_0[key]["id"] + '_layer' + wds_data_0[key]["layer_" + i + "_id"]).css('-webkit-animation-duration' , wds_data_0[key]["layer_" + i + "_duration_eff_out"] / 1000 + 's').css('animation-duration' , wds_data_0[key]["layer_" + i + "_duration_eff_out"] / 1000 + 's'); jQuery('#wds_0_slide' + wds_data_0[key]["id"] + '_layer' + wds_data_0[key]["layer_" + i + "_id"]).removeClass().addClass( wds_data_0[key]["layer_" + i + "_layer_effect_out"] + ' animated'); }else{ jQuery('#wds_0_slide' + wds_data_0[key]["id"] + '_layer' + wds_data_0[key]["layer_" + i + "_id"]+'_div').css('-webkit-animation-duration' , wds_data_0[key]["layer_" + i + "_duration_eff_out"] / 1000 + 's').css('animation-duration' , wds_data_0[key]["layer_" + i + "_duration_eff_out"] / 1000 + 's'); jQuery('#wds_0_slide' + wds_data_0[key]["id"] + '_layer' + wds_data_0[key]["layer_" + i + "_id"]+'_div').removeClass().addClass( wds_data_0[key]["layer_" + i + "_layer_effect_out"] + ' animated'); } } else { jQuery('#wds_0_slide' + wds_data_0[key]["id"] + '_layer' + wds_data_0[key]["layer_" + i + "_id"]).css('-webkit-animation-duration' , wds_data_0[key]["layer_" + i + "_duration_eff_out"] / 1000 + 's').css('animation-duration' , wds_data_0[key]["layer_" + i + "_duration_eff_out"] / 1000 + 's'); jQuery('#wds_0_slide' + wds_data_0[key]["id"] + '_layer' + wds_data_0[key]["layer_" + i + "_id"]).removeClass().addClass( wds_data_0[key]["layer_" + i + "_layer_effect_out"] + ' fa fa-' + wds_data_0[key]["layer_" + i + "_social_button"] + ' animated'); } } }, wds_data_0[key]["layer_" + i + "_end"]); } function play_0() { if ('top' != 'none') { if (0 || jQuery('.wds_ctrl_btn_0').hasClass('fa-pause')) { jQuery(".wds_line_timer_0").animate({ width: "100%" }, { duration: 5000, specialEasing: {width: "linear"} }); } } window.clearInterval(wds_playInterval_0); /* Play.*/ wds_playInterval_0 = setInterval(function () { var iterator = 1; if (0) { iterator = Math.floor((wds_data_0.length - 1) * Math.random() + 1); } wds_change_image_0(parseInt(jQuery('#wds_current_image_key_0').val()), (parseInt(jQuery('#wds_current_image_key_0').val()) + iterator) % wds_data_0.length, wds_data_0); if (0 == true) { wds_carousel0.next(); } }, parseInt('5000') + wds_duration_for_change_0); } jQuery(window).focus(function() { if (!jQuery(".wds_ctrl_btn_0").hasClass("fa-play")) { if (0) { play_0(); if (0 == true) { wds_carousel0.start(); } if ('top' != 'none') { if ('top' != 'top') { if ('top' != 'bottom') { if (typeof circle_timer_animate_0 !== 'undefined') { circle_timer_animate_0.stop(); } circle_timer_0(curent_time_deggree_0); } } } } } if (0 != true) { var i_0 = 0; jQuery(".wds_slider_0").children("span").each(function () { if (jQuery(this).css('opacity') == 1) { jQuery("#wds_current_image_key_0").val(i_0); } i_0++; }); } }); jQuery(window).blur(function() { wds_event_stack_0 = []; window.clearInterval(wds_playInterval_0); if (typeof jQuery().stop !== 'undefined') { if (jQuery.isFunction(jQuery().stop)) { if ('top' == 'top' || 'top' == 'bottom') { jQuery(".wds_line_timer_0").stop(); if (0 == true) { wds_carousel0.pause(); } } else if ('top' != 'none') { circle_timer_animate_0.stop(); if (0 == true) { wds_carousel0.pause(); } } } } }); if (0 == true) { var wds_currentlyMoving0; var wds_currentCenterNum0; var wds_carousel0; function wds_carousel_params0() { var width, height; var slide_orig_width = 1600; var slide_orig_height = 750; var slide_width = jQuery("#wds_container1_0").parent().width(); var par = 1, par1 = 1; var ratio = slide_width / slide_orig_width; ratio = jQuery(window).width() / slide_orig_width; slide_orig_width = jQuery(window).width() - 0; slide_orig_height = 750 * slide_orig_width / 1600; slide_width = jQuery(window).width() - 0; wds_full_width_0(); var slide_height = slide_orig_height; if (slide_orig_width > slide_width) { slide_height = Math.floor(slide_width * slide_orig_height / slide_orig_width); } width = slide_width; height = slide_height; var larg_width,img_height,parF=1; if (width < 1000) { par = width / 1000; } par1 = 750 * par / height; if (width < 1000) { jQuery(".wds_slideshow_image_wrap_0, #wds_container2_0").height(height * par1+ 0); jQuery(".wds_slideshow_image_container_0").height(height * par1); jQuery(".wds_btn_cont wds_contTableCell0").height(height * par1 ); jQuery(".wds_slide_container_0").height(height * par1); } parF = 1600 * 0.85; jQuery(".wds_slideshow_image_wrap_0, #wds_container2_0").height(height *par1+0); jQuery(".wds_slideshow_image_container_0").height(height * par1); jQuery(".wds_btn_cont wds_contTableCell0").height(height* par1); jQuery(".wds_slide_container_0").height(height * par1); var slideshow_filmstrip_container_width = 'horizontal' == 'horizontal' ? 0 : jQuery( ".wds_slideshow_filmstrip_container_0").width(); jQuery(".wds_slideshow_dots_container_0").css({width: (1600 * par),left:(width -1600 * par - slideshow_filmstrip_container_width) / 2}); var orig_width = 1600 ; var img_width = Math.min(larg_width, orig_width); wds_carousel0 = jQuery(".wds_slide_container_0").featureCarouselslider({ containerWidth: width, containerHeight: height, largeFeatureWidth: 1600 * par, largeFeatureHeight: 750 * par, fit_containerWidth: 0, smallFeaturePar: 0.85, featuresArray: [], timeoutVar: null, rotationsRemaining: 0, parametr: par, parf: parF, data: wds_data_0, autoPlay: 0, interval: 5000, imagecount: 1, wds_number: 0, startingFeature: wds_currentCenterNum0, carouselSpeed: wds_transition_duration_0, borderWidth: 0 }); } jQuery(document).ready(function() { wds_currentlyMoving0 = false; wds_currentCenterNum0 = 1; jQuery(".wds_left-ico_0").click(function () { wds_carousel0.prev(); }); jQuery(".wds_right-ico_0").click(function () { wds_carousel0.next(); }); }); jQuery(window).resize(function() { wds_carousel0.pause(); wds_carousel_params0(); if (!jQuery(".wds_ctrl_btn_0").hasClass("fa-play")) { wds_carousel0.start(); } }); jQuery(window).load(function() { wds_carousel_params0(); wds_display_hotspot(); wds_hotspot_position(); }); } We relish new challenges because of our curiosity and desire to learn new things, and because we enjoy solving problems through smart, beautiful design. Brett Arrington, Studio Manager Marta Bernstein, Associate Creative Director Nicole Fischetti, Creative Director Meg Graham, Project Manager Eli Kahn, Designer Kristine Matthews, Director Dan Neifert, Designer Daniel Robinson, Designer Samantha Segar, Project Manager Selected Clients & Collaborators University of Washington Seattle Art Museum Olson Kundig LMN Architects Ballard Food Bank Seattle Center Armory The Pollinator Pathway Tacoma Art Museum Museum of Pop Culture (MoPOP) Graham Baba Architects Bezos Center for Innovation (MOHAI) Louisiana Children’s Museum MadArt Seattle Pilchuck Glass School Bill & Melinda Gates Foundation Fred Hutchinson Cancer Research Center Pacific Northwest Ballet Museum of Science and Industry, Chicago Center for Wooden Boats Berger Partnership Center for Architecture & Design " onclick="void(0)">

We relish new challenges because of our curiosity and desire to learn new things, and because we enjoy solving problems through smart, beautiful design.

Brett Arrington

Brett Arrington, Studio Manager

Marta Bernstein

Marta Bernstein, Associate Creative Director

Nicole Fischetti

Nicole Fischetti, Creative Director

Meg Graham

Meg Graham, Project Manager

Amy McHorse

Eli Kahn, Designer

Amy McHorse

Kristine Matthews, Director

Dan Neifert

Dan Neifert, Designer

Daniel Robinson

Daniel Robinson, Designer

Dan Neifert

Samantha Segar, Project Manager

Selected Clients & Collaborators

University of Washington
Seattle Art Museum
Olson Kundig
LMN Architects
Ballard Food Bank
Seattle Center Armory
The Pollinator Pathway
Tacoma Art Museum
Museum of Pop Culture (MoPOP)
Graham Baba Architects
Bezos Center for Innovation (MOHAI)
Louisiana Children’s Museum
MadArt Seattle
Pilchuck Glass School
Bill & Melinda Gates Foundation
Fred Hutchinson Cancer Research Center
Pacific Northwest Ballet
Museum of Science and Industry, Chicago
Center for Wooden Boats
Berger Partnership
Center for Architecture & Design

Student Concept Installations from UW Exhibition Design

Read More
Vacant Seattle, our installation for this year’s Seattle Design Festival, opens today at the University of Washington's Jacob Lawrence Gallery. Explore the hundreds of community-building ideas we collected at the Festival, mapped across the entire city. 

Also featured in the @jacob.lawrence.gallery is "Data Imaginaries"—five projects of Dr. Audrey Desjardins, showcasing a series of poetic interactions with domestic data. And in the third gallery space is "Hello World"—another Design Festival project by UW students Charmaine Yabut, Isabella Ceriale, Peyton Todd, and Sophia Johnson.

.
.
.
.
#SustainableDesign 
#VisualCommunicationDesign
#InstallationDesign
#PopUpDesign
#InteractiveDesign
#SeattleDesignFestival 
#SeattleDesign⁣⁣⠀⁣⁣
#GraphicStudio ⠀⁣⁣
#CommunicationArts⠀⁣⁣
#VisualDesign⠀⁣⁣
#SignageDesign⁣⁣
#WayfindingDesign⁣⁣
#InterpretationDesign ⁣⁣
#WayfindingSignage ⁣⁣
#DesignInspiration⠀⁣⁣⠀⁣⁣
#DesignStudios ⠀⁣⁣
#SeattleDesign⁣⁣
#Fabrication
#SeattleFabrication 
#3DSignage⁣
#WayFinding ⠀⁣⁣⁣
#Signage
It's gratifying to see the hand-painted signage weathering beautifully on the Center for Wooden Boats. This @olsonkundig-designed building continues to evolve as a vital community hub for South Lake Union. Link in bio to see more of our work for @cwbheritage.
.
.
.
.
#CWBHeritage
#CenterForWoodenBoats 
#SouthLakeUnion 
#HandPaintedSignage
#SignPainting
#OlsonKundig 
#VisualCommunicationDesign⠀⠀
#CommunicationArts⠀⁣⁣
#VisualDesign⠀⁣⁣
#3DSignage
#SignageDesign⁣⁣
#WayfindingDesign⁣⁣
#InterpretationDesign ⁣⁣
#WayfindingSignage ⁣⠀⁣⁣
#EnvironmentalGraphic ⁣⁣
#EnvironmentalDesign⁣⁣
#GraphicDesign⠀⁣⁣⁣⁣⁣
#DesignStudio⠀⁣⁣
#SeattleDesign⠀⁣⁣
#DesignInspiration⁣⁣
#SignageDesign⠀⁣⁣
#InterpretationDesign
One thing we love about our studio is the easy walking distance to some of our favorite places! (Studio Matthews is right in the middle, marked by a small raised dot. This vintage 3d print is an early test we created as part of interpretation design development for Seattle's new Waterfront Park.)
.
.
.
.
#3DPrinted
#3DRelief
#3DPrintedModel
#CommunicationArts⠀⁣⁣
#VisualCommunicationDesign⠀
#VisualDesign⠀⁣⁣⁣⁣
#SignageDesign⁣⁣⁣⁣
#WayfindingDesign⁣⁣⁣⁣
#InterpretationDesign ⁣⁣⁣⁣
#WayfindingSignage ⁣⠀⁣⁣⁣⁣
#EnvironmentalGraphic ⁣⁣⁣⁣
#EnvironmentalDesign⁣⁣⁣⁣
#ArtInstallation ⁣⁣⁣⁣
#GraphicDesign⠀⁣⁣⁣⁣⁣⁣⁣
#DesignStudio⠀⁣⁣⁣⁣
#SeattleDesign⠀⁣⁣⁣⁣
#DesignInspiration⁣⁣⠀⁣⁣⁣⁣
#MuseumDesign ⁣⁣
#SeattleGraphicDesign
Spotted again: Our @communicationarts feature at one of our favorite local bookstores, @elliottbaybookco. We’re honored to have been featured in the July/August issue.
.
.
.
.
#CommunicationArts⠀⁣⁣
#VisualCommunicationDesign⠀
#VisualDesign⠀⁣⁣⁣⁣
#SignageDesign⁣⁣⁣⁣
#WayfindingDesign⁣⁣⁣⁣
#InterpretationDesign ⁣⁣⁣⁣
#WayfindingSignage ⁣⠀⁣⁣⁣⁣
#EnvironmentalGraphic ⁣⁣⁣⁣
#EnvironmentalDesign⁣⁣⁣⁣
#ArtInstallation ⁣⁣⁣⁣
#GraphicDesign⠀⁣⁣⁣⁣⁣⁣⁣
#DesignStudio⠀⁣⁣⁣⁣
#SeattleDesign⠀⁣⁣⁣⁣
#DesignInspiration⁣⁣⠀⁣⁣⁣⁣
#MuseumDesign ⁣⁣
#SeattleGraphicDesign
#ElliotBayBooks 
#ElliotBayBookCompany
Our Seattle Convention Center site walk with the @lmnarchitects team was a lesson in scale.
.
.
.
.
#LMNArchitects
#WashingtonStateConventionCenter
#VisualCommunicationDesign⠀⠀
#CommunicationArts⠀⁣⁣
#VisualDesign⠀⁣⁣
#SignageDesign⁣⁣
#WayfindingDesign⁣⁣
#InterpretationDesign ⁣⁣
#WayfindingSignage ⁣⠀⁣⁣
#EnvironmentalGraphic ⁣⁣
#EnvironmentalDesign⁣⁣
#ArtInstallation ⁣⁣
#GraphicDesign⠀⁣⁣⁣⁣⁣
#DesignStudio⠀⁣⁣
#SeattleDesign⠀⁣⁣
#DesignInspiration⁣⁣
#SignageDesign⠀⁣⁣
#InterpretationDesign
Test samples for @ballardfoodbank exterior signage. Watch out for a big “Hello Neighbor!” to appear soon on the cladding of their new building, designed by the always excellent @grahambabaarchitects. 
.
.
.
.
#BallardFoodBank 
#GrahamBabaArchitects
#GrahamBaba
#ExteriorSignage
#VisualCommunicationDesign⠀⠀⁣
#CommunicationArts⠀⁣⁣⁣
#VisualDesign⠀⁣⁣⁣
#SignageDesign⁣⁣⁣
#WayfindingDesign⁣⁣⁣
#InterpretationDesign ⁣⁣⁣
#WayfindingSignage ⁣⠀⁣⁣⁣
#EnvironmentalGraphic ⁣⁣⁣
#EnvironmentalDesign⁣⁣⁣
#ArtInstallation ⁣⁣⁣
#GraphicDesign⠀⁣⁣⁣⁣⁣⁣
#DesignStudio⠀⁣⁣⁣
#SeattleDesign⠀⁣⁣⁣
#DesignInspiration⁣⁣⁣
#SignageDesign⠀⁣⁣⁣
#InterpretationDesign⁣⁣⁣
Excited to see our installation for @seadesignfest 2021 literally taking shape! We designed this for maximum visual impact with minimum environmental impact: a lightweight wood frame, wrapped inside and out with white-faced cardboard. Supergraphics coming shortly, which will be direct-printed straight onto the cardboard. Almost ready for installation tomorrow morning!
.
.
.
.
#SustainableDesign 
#VisualCommunicationDesign
#InstallationDesign
#PopUpDesign
#InteractiveDesign
#SeattleDesignFestival 
#SeattleDesign⁣⁣⠀⁣⁣
#GraphicStudio ⠀⁣⁣
#CommunicationArts⠀⁣⁣
#VisualDesign⠀⁣⁣
#SignageDesign⁣⁣
#WayfindingDesign⁣⁣
#InterpretationDesign ⁣⁣
#WayfindingSignage ⁣⁣
#DesignInspiration⠀⁣⁣⠀⁣⁣
#DesignStudios ⠀⁣⁣
#SeattleDesign⁣⁣
#Fabrication 
#SeattleFabrication 
#3DSignage⁣
#WayFinding ⠀⁣⁣⁣
#Signage
We hope to see you @seadesignfest 2021 this weekend! Look for our installation near the Center for Wooden Boats. 
.
.
.
#VisualCommunicationDesign
#InstallationDesign
#PopUpDesign
#InteractiveDesign
#SeattleDesignFestival 
#SeattleDesign⁣⁣⠀⁣⁣
#GraphicStudio ⠀⁣⁣
#CommunicationArts⠀⁣⁣
#VisualDesign⠀⁣⁣
#SignageDesign⁣⁣
#WayfindingDesign⁣⁣
#InterpretationDesign ⁣⁣
#WayfindingSignage ⁣⁣
#DesignInspiration⠀⁣⁣⠀⁣⁣
#DesignStudios ⠀⁣⁣
#SeattleDesign⁣⁣
#Fabrication 
#SeattleFabrication 
#3DSignage⁣
#WayFinding ⠀⁣⁣⁣
#Signage
We hope to see you @seadesignfest 2021 this weekend! Look for our installation near the Center for Wooden Boats. 
.
.
.
#VisualCommunicationDesign
#InstallationDesign
#PopUpDesign
#InteractiveDesign
#SeattleDesignFestival 
#SeattleDesign⁣⁣⠀⁣⁣
#GraphicStudio ⠀⁣⁣
#CommunicationArts⠀⁣⁣
#VisualDesign⠀⁣⁣
#SignageDesign⁣⁣
#WayfindingDesign⁣⁣
#InterpretationDesign ⁣⁣
#WayfindingSignage ⁣⁣
#DesignInspiration⠀⁣⁣⠀⁣⁣
#DesignStudios ⠀⁣⁣
#SeattleDesign⁣⁣
#Fabrication 
#SeattleFabrication 
#3DSignage⁣
#WayFinding ⠀⁣⁣⁣
#Signage

OMA&D wins Comm Arts Award

Hurray, our exhibition design for UW’s Office of Minority Affairs & Diversity—a unique collaboration with Kristine’s Exhibition Design class—has snagged a prestigious Communication Arts award. See it in their Design Annual!

Show and Tell

Learn about our sustainable wayfinding for MoPOP in an interview with Simon Fraser University design students here.

More than just a food bank

The inspiring team at Ballard Food Bank is fundraising for a new, expanded facility and we’re delighted to be designing their campaign.

Taking Flight

Our complete revamp of the Boeing 727 exhibition at Chicago’s Museum of Science & Industry is off the ground—another collaboration with dream team Belle & Wissell, Jill Randerson and Rachel Moritz.

Gender Neutral

Getting underway with design for Mithun’s remodel and expansion of University Prep school, and what better place to start than the restrooms?

Walk Out!

We were proud to participate in the Global Climate Strike on Sept 20, supporting Swedish badass Greta Thunberg and every other kid we know.

Visitor Center for Amazon Spheres

Read More

Branding and signage for the Louisiana Children’s Museum

Read More

Exhibition for the Office of Minority Affairs & Diversity

Read More

Branding launch

Our re-brand of Louisiana Children’s Museum officially launches Labor Day weekend! Children’s drawings feature in the logo design, and throughout their new site. 

Design team ribbon-cutting

Nicole joined in the festivities with the Mithun team and other creatives in New Orleans, celebrating the grand opening of Louisiana Children’s Museum. The culmination of three years of work for the studio! 

Louisiana Children’s Museum

In New Orleans testing some sample graphics at the new Louisiana Children’s Museum. Love it. 

City Park, New Orleans

Exciting to be on site at the Mithun-designed Louisiana Children’s Museum, gearing up to open on Labor Day weekend. Watch this space for our new branding, signage and graphics! 

Center for Wooden Boats

After years in the making, the Center for Wooden Boats’ Wagner Education Center opens this weekend on Seattle’s Lake Union! We’re proud to have donated our time to design signage and donor recognition for an organization that builds community every day on the water.

Sail Away

Look closely at our donor recognition throughout the new Center for Wooden Boats building and you’ll discover the favorite sailing waters of each donor.

800 and counting

Great to see our donor wall design bubbling up at SAAS (Seattle Academy of Arts & Sciences) with 800+ disks, each honoring a contributor to the school.

Four floors of SAAS

Our environmental graphics pop up in unexpected places in the new Cardinal Building at SAAS (Seattle Academy of Arts & Sciences) by LMN Architects.

Design with the 90%

Celebrating months of collaboration with the Gates Foundation and Cooper Hewitt to bring a new exhibition to life: Design with the 90%. Check it out through May 2019 at the Gates Discovery Center!

Talking to Strangers

We loved working with the Gates Foundation’s Youth Program on #OurSpace, a pop-up for the Seattle Design Festival that is designed to prompt meaningful conversations between strangers.

Songs of the Sidewalk

Test tiles for the Market to MOHAI pedestrian trail feature quotes about the pleasures of walking in the city. Yet another reason to leave your car behind.

See the City with New Eyes

Temporary ‘history blades’ and sidewalk quotes hit the streets this week to test the Market to MOHAI pedestrian trail from Seattle’s Pike Place Market to the Museum of History and Industry. Find them on Bell St and Westlake Ave, then fill out the survey at MarketToMOHAI.org.

Very Fishy

https://www.pdza.org/animals/pacific-seas-aquarium/

Read More

Center for Wooden Boats

We eagerly await the opening of the new, Olson Kundig-designed Center for Wooden Boats building on Lake Union. Our donor recognition and signage will roll out this fall. Sign painter Dave Heck did a lovely job getting the logos (designed by Patricia Ackerman) onto the exterior.

Photo by Chris Burnside.

A Waterfront For All

We’re celebrating the culmination of our second phase of work for Waterfront Seattle, documenting an integrated family of interpretation, wayfinding, and visual identity. Looking forward to digging into story content next!

Feeling the Way

As part of our experimentation with tactile interpretation for Waterfront Seattle, we modeled the neighborhood around Studio Matthews. Now we can feel our way to lunch within a five-block radius.

UW Design Show 2018

http://www.uwdesignshow.com/

Read More

An Apple for the Teacher

https://segd.org/kristine-matthews

Read More

On the Waterfront

http://www.fieldoperations.net/project-details/project/seattle-central-waterfront.html

Read More

Stories underfoot

Prototyping for the Market to MOHAI Trail will start this fall, building a breadcrumb trail of city stories.

Etched botany

http://www.oliviaknapp.com

Read More

Installation at the Spheres

http://www.bwco.info/work/understory/

Read More

Tied Up

Working on a unique donor recognition wall — inspired by ballet shoes — for Pacific Northwest Ballet’s new Francia Russell Center.

History in the Making

We’ve kicked off work with the University of Washington and UW Design students, developing an exhibition to celebrate 50 years of diversity and minority support on campus.

Delta Dental New HQ

Happy to see our installations come to life in Delta Dental’s brand new South Lake Union HQ. More fun than a trip to the dentist.

Green Screens

Stories on sustainability initiatives animate the facade of the new Miller Hull-designed UW West Campus Utility Plant. This project developed out of Kristine’s Exhibition Design course on campus.

Getting Inked Up

Thank you Mandolin, our letterpress instructor at Grapheme, for putting the lead in our leading.

Making a Good Impression

Ahh, the pleasure of real ink on paper! Our hand-printed letterpress New Years card, fresh off the press.

Google

Read More

Core77 Design Awards

http://designawards.core77.com/Visual-Communication/60449/Google-Wayfinding

Read More

Market to MOHAI

In collaboration with Berger Partnership, we’ve designed Market to MOHAI, a new urban pedestrian trail linking downtown Seattle’s Pike Place Market with South Lake Union’s Museum of History & Industry (MOHAI). Look out for prototype interpretation along the trail this summer and see the city with new eyes.

Hello Poster Show

http://hellopostershow.com/

Read More

Certificate of Typographic Excellence

We are very proud to announce the Type Directors Club jury has selected our Google Wayfinding project for the Certificate of Typographic Excellence from over 1800 entries from 50 countries!

Happy New Year

Studio Matthews looks forward to the new year with determined focus to be a source of love, acceptance and beauty in the world. Peace and good luck to us all!

Kristine Matthews selected for SEGD Jury

Principal Kristine Matthews has been selected to judge the SEGD Global Design Awards for 2017. Kristine will bring her award-winning design expertise and jury experience to the team of nine talented multi-disciplinary designers.

Awarded Citywide Public Space Plan

We joined forces with Mithun in a successful bid to help Seattle build a 20 year vision for the city’s public spaces. Work kicks off in 2017 and will include branding and the design of public consultation and community involvement.

Sharks!

Studio Matthews is collaborating with San Francisco-based architects EHDD on the Point Defiance Zoo and Aquarium in Tacoma, Washington. Opening in 2018, it’s set to be a big splash with its new visitors and residents.

Awarded Market to MOHAI

Our collaborative design team with Berger Partnership has just been awarded the Market to MOHAI project. We are looking forward to making unifying connections between the Seattle waterfront and Lake Union. Right in our own backyard!

UW Design 2016

It’s Showtime! The UW Bachelor of Design Show will be presented at the Jacob Lawrence Gallery Jun 8-18. Stop by and see the fruits of labor from this year’s crop of superb design students!

Signage and Donor Recognition for The Center for Wooden Boats Wagner Education Center

Read More

You can get there from here

We always have a good time using old materials in new and unconventional ways, especially with our latest tactile wayfinding system that uses sight as well as touch to guide visitors.

Interactive Exhibits for Point Defiance Zoo & Aquarium

Read More

Wayfinding and placemaking for a unique urban development

Read More

Money in the Trash interactive goes live

Recycling just got a lot more interesting with Money in the Trash, the interactive recycling and composting installation at PACCAR Hall led by Kristine Matthews and Karen Cheng. The collaboration brought together experts from many departments including the volunteer organization UW Garbology, UW Recycling, Anthropology, and Visual Communication Design.

Visitor Center for Fred Hutch Cancer Research Center

Read More

Urban Trail from Pike Place Market to the Museum of History & Industry

Read More

We’d like to teach the world to sing

https://open.spotify.com/user/studiomatthews/playlist/1VcUD3Ugdx0eLpTQATgp0i

Read More

Fluorescent lights experiment

Scott and Christoffer hacked together a fluorescent light fixture using scrap materials from the studio and their homes
to literally brighten up the studio.

Signage and wayfinding for Tacoma Art Museum

Read More

Permanent exhibition for the Museum of History and Industry

Read More

Identity for Eerkes Architects

Read More

Permanent installations for Delta Dental

Read More

Permanent exhibition for the Bill & Melinda Gates Foundation

Read More

Exhibition for the Gates Foundation Discovery Center

Read More

Pop-up installation for the Seattle Design Festival

Read More

Signage and donor recognition for Seattle Academy of Arts & Sciences

Read More

Permanent installation for the UW Foster School of Business

Read More

Rainy day people

Keep an eye out for our new construction graphics along Seattle’s Burke Gilman Trail, coming in January. And don’t forget your rain boots.

‘Talking to Strangers’ pop-up for the Seattle Design Festival

Read More

Exhibition celebrating 20 years of the Gates Foundation

Read More

Construction scrims for the University of Washington

Read More

Rebrand and print pieces for Pilchuck Glass School

Read More

Rebrand for Jacob Lawrence Gallery

Read More

Wayfinding for MoPOP

Read More

Wayfinding for Mad Art Seattle installation series

Read More

Wayfinding and environmental graphics for the City of London

Read More

Identity for Field Arts & Events Hall

Read More

Temporary installation for International No Shop Day

Read More

Rebrand for Capitol Hill Housing

Read More

Identity and signage for 12th Avenue Arts

Read More

Waxing poetic

Creative Director Cassie Klingler taught us a thing or two about hot wax in this week’s Studio Share Session. Who knew that folded paper could become sculpture with just one dip in that magical stuff?

Identity for Okano Picard Studio

Read More

Gallery refurbishment for EMP Museum

Read More

Resource Center for Seattle’s International District

Read More

Convention Center project getting underway

Our collaboration started this week with LMN Architects, GGN Landscape Architects and retail and food experts Graham Baba on the city’s new Convention Center project. Looking forward to working with this team! The new center will break ground across from the iconic Paramount Theater in 2017.

Pacific Northwest Ballet, Francia Russell Center

Read More

Glassbaby

Studio field trip to Glassbaby today to learn how they work their molten glass magic. Inspiring to see seasoned makers at work, wielding molten glass with the ease of a baton twirler. Impressive stuff.

Wayfinding at University of Washington

Read More

Permanent installation for the UW Foster School of Business

Read More

Temporary installation for London’s Victoria & Albert Museum

Read More

Permanent installation for the UW Foster School of Business

Read More

Temporary exhibition for the University District Museum Without Walls

Read More

Rebrand, wayfinding and interpretation for Seattle Center

Read More

People’s Choice Award

12 Ave Arts has been selected as a finalist in the city’s first People’s Choice Urban Design Awards mid-rise category. Couldn’t have happened to a nicer project: it’s one of the only Capitol Hill developments in recent years to provide housing for low-income residents. You can vote for your favorite project here (nudge, nudge). See it here.

They found money in the trash

This student team of garbologists helped research University of Washington trash. Turns out we throw tons into landfill that could be composted or recycled, and cost UW hundreds of thousands of dollars in the process. Our collaboration with Prof. Karen Cheng is designing an installation to solve the problem. Stay tuned!

Self-initiated recycling campaign at London’s Royal College of Art

Read More

Identity and temporary exhibition design for London’s South Bank

Read More

Art by the Numbers

Our wayfinding and identity for Mad Campus, Seattle-based MadArt’s public arts project last fall, is highlighted at SEGD. The graphic system was designed to create connections between large, site-specific artworks spread across a 500+ acre campus.

Fred Hutch Visitor Center launches

Proud to be at the ribbon-cutting for the space we designed for Fred Hutchinson Cancer Research Center. The Share Your Story wall already has a collection of amazing contributions from visitors, it’s humbling.

Temporary installation for Seattle Art Museum

Read More

Re-brand, re-bag

Our rebrand for the School of Art + Art History + Design emphasizes that the sum of the divisions is greater than its individual parts. But more importantly, that no new identity is complete without a tote bag.

Rebrand for UHeights Center for the Community

Read More

Temporary exhibition for Center for Architecture and Design, Seattle

Read More

Permanent installation for the UW Foster School of Business

Read More

Identity and installations for the Pollinator Pathway

Read More

Interpretation and wayfinding for the world’s largest wetland park

Read More

Rebrand and signage for London’s Battersea Arts Centre

Read More

Student concept installation from UW Exhibition Design

Read More

Rebrand for Tacoma Art Museum

Read More

Promotion for the Burke Museum

Read More

Permanent exhibition for the UK’s National Maritime Museum

Read More

Student concept installation from UW Exhibition Design

Read More

Student Concept Installation from UW Exhibition Design

Read More

Student concept installation from UW Exhibition Design

Read More

Permanent interpretation for English Partnerships and the UK Environment Agency

Read More

Public consultation for the London Olympic Delivery Authority

Read More

Identity for a UK community engagement initiative

Read More

Kudos from Core77 Awards

Happy news! Our signage and wayfinding for Tacoma Art Museum has been honored in the 2015 Core77 Design Awards for Visual Communication.

Say cheese

Field trip to Gates Visitor Center to show the newest studio team members, and to check if that camera in the final gallery is still taking most flattering shots in town. It is.

This is UW / Design

http://www.uwdesign2015.com

Read More

Never be late for class again

We are hard at work on a comprehensive physical wayfinding system for the University of Washington’s 700+ acre Seattle campus. The signs will guide the XX,XXX students, staff, faculty and tourists that come to campus every year.

Temporary retrospective exhibition

Read More
= 0) { if (now < 271) { jQuery('#top_right_2').css({ '-moz-transform':'rotate('+now+'deg)', '-webkit-transform':'rotate('+now+'deg)', '-o-transform':'rotate('+now+'deg)', '-ms-transform':'rotate('+now+'deg)', 'transform':'rotate('+now+'deg)', '-webkit-transform-origin': 'left bottom', '-ms-transform-origin': 'left bottom', '-moz-transform-origin': 'left bottom', 'transform-origin': 'left bottom' }); } } if (now >= 90) { if (now < 271) { bottom_right_deggree_2 = now - 90; jQuery('#bottom_right_2').css({ '-moz-transform':'rotate('+bottom_right_deggree_2 +'deg)', '-webkit-transform':'rotate('+bottom_right_deggree_2 +'deg)', '-o-transform':'rotate('+bottom_right_deggree_2 +'deg)', '-ms-transform':'rotate('+bottom_right_deggree_2 +'deg)', 'transform':'rotate('+bottom_right_deggree_2 +'deg)', '-webkit-transform-origin': 'left top', '-ms-transform-origin': 'left top', '-moz-transform-origin': 'left top', 'transform-origin': 'left top' }); } } if (now >= 180) { if (now < 361) { bottom_left_deggree_2 = now - 180; jQuery('#bottom_left_2').css({ '-moz-transform':'rotate('+bottom_left_deggree_2 +'deg)', '-webkit-transform':'rotate('+bottom_left_deggree_2 +'deg)', '-o-transform':'rotate('+bottom_left_deggree_2 +'deg)', '-ms-transform':'rotate('+bottom_left_deggree_2 +'deg)', 'transform':'rotate('+bottom_left_deggree_2 +'deg)', '-webkit-transform-origin': 'right top', '-ms-transform-origin': 'right top', '-moz-transform-origin': 'right top', 'transform-origin': 'right top' }); } } if (now >= 270) { if (now < 361) { top_left_deggree_2 = now - 270; jQuery('#top_left_2').css({ '-moz-transform':'rotate('+top_left_deggree_2 +'deg)', '-webkit-transform':'rotate('+top_left_deggree_2 +'deg)', '-o-transform':'rotate('+top_left_deggree_2 +'deg)', '-ms-transform':'rotate('+top_left_deggree_2 +'deg)', 'transform':'rotate('+top_left_deggree_2 +'deg)', '-webkit-transform-origin': 'right bottom', '-ms-transform-origin': 'right bottom', '-moz-transform-origin': 'right bottom', 'transform-origin': 'right bottom' }); } } } }); } /* Stop autoplay.*/ window.clearInterval(wds_playInterval_2); var wds_current_key_2 = '0'; var wds_current_filmstrip_pos_2 = 0; /* Set filmstrip initial position.*/ function wds_set_filmstrip_pos_2(filmStripWidth) { var selectedImagePos = -wds_current_filmstrip_pos_2 - (jQuery(".wds_slideshow_filmstrip_thumbnail_2").width() + 0) / 2; var imagesContainerLeft = Math.min(0, Math.max(filmStripWidth - jQuery(".wds_slideshow_filmstrip_thumbnails_2").width(), selectedImagePos + filmStripWidth / 2)); jQuery(".wds_slideshow_filmstrip_thumbnails_2").animate({ left: imagesContainerLeft }, { duration: 500, complete: function () { wds_filmstrip_arrows_2(); } }); } function wds_move_filmstrip_2() { var image_left = jQuery(".wds_slideshow_thumb_active_2").position().left; var image_right = jQuery(".wds_slideshow_thumb_active_2").position().left + jQuery(".wds_slideshow_thumb_active_2").outerWidth(true); var wds_filmstrip_width = jQuery(".wds_slideshow_filmstrip_2").outerWidth(true); var wds_filmstrip_thumbnails_width = jQuery(".wds_slideshow_filmstrip_thumbnails_2").outerWidth(true); var long_filmstrip_cont_left = jQuery(".wds_slideshow_filmstrip_thumbnails_2").position().left; var long_filmstrip_cont_right = Math.abs(jQuery(".wds_slideshow_filmstrip_thumbnails_2").position().left) + wds_filmstrip_width; if (wds_filmstrip_width > wds_filmstrip_thumbnails_width) { return; } if (image_left < Math.abs(long_filmstrip_cont_left)) { jQuery(".wds_slideshow_filmstrip_thumbnails_2").animate({ left: -image_left }, { duration: 500, complete: function () { wds_filmstrip_arrows_2(); } }); } else if (image_right > long_filmstrip_cont_right) { jQuery(".wds_slideshow_filmstrip_thumbnails_2").animate({ left: -(image_right - wds_filmstrip_width) }, { duration: 500, complete: function () { wds_filmstrip_arrows_2(); } }); } } function wds_move_dots_2() { var image_left = jQuery(".wds_slideshow_dots_active_2").position().left; var image_right = jQuery(".wds_slideshow_dots_active_2").position().left + jQuery(".wds_slideshow_dots_active_2").outerWidth(true); var wds_dots_width = jQuery(".wds_slideshow_dots_container_2").outerWidth(true); var wds_dots_thumbnails_width = jQuery(".wds_slideshow_dots_thumbnails_2").outerWidth(true); var long_filmstrip_cont_left = jQuery(".wds_slideshow_dots_thumbnails_2").position().left; var long_filmstrip_cont_right = Math.abs(jQuery(".wds_slideshow_dots_thumbnails_2").position().left) + wds_dots_width; if (wds_dots_width > wds_dots_thumbnails_width) { return; } if (image_left < Math.abs(long_filmstrip_cont_left)) { jQuery(".wds_slideshow_dots_thumbnails_2").animate({ left: -image_left }, { duration: 500 }); } else if (image_right > long_filmstrip_cont_right) { jQuery(".wds_slideshow_dots_thumbnails_2").animate({ left: -(image_right - wds_dots_width) }, { duration: 500 }); } } /* Show/hide filmstrip arrows.*/ function wds_filmstrip_arrows_2() { if (jQuery(".wds_slideshow_filmstrip_thumbnails_2").width() < jQuery(".wds_slideshow_filmstrip_2").width()) { jQuery(".wds_slideshow_filmstrip_left_2").hide(); jQuery(".wds_slideshow_filmstrip_right_2").hide(); } else { jQuery(".wds_slideshow_filmstrip_left_2").show(); jQuery(".wds_slideshow_filmstrip_right_2").show(); } } function wds_testBrowser_cssTransitions_2() { return wds_testDom_2('Transition'); } function wds_testBrowser_cssTransforms3d_2() { return wds_testDom_2('Perspective'); } function wds_testDom_2(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 wds_set_dots_class_2() { jQuery(".wds_slideshow_dots_2").removeClass("wds_slideshow_dots_active_2").addClass("wds_slideshow_dots_deactive_2"); jQuery("#wds_dots_" + wds_current_key_2 + "_2").removeClass("wds_slideshow_dots_deactive_2").addClass("wds_slideshow_dots_active_2"); jQuery(".wds_slideshow_dots_2").removeClass("fa-square").addClass("fa-square-o"); jQuery("#wds_dots_" + wds_current_key_2 + "_2").removeClass("fa-square-o").addClass("fa-square"); } function wds_set_filmstrip_class_2() { jQuery('.wds_slideshow_filmstrip_thumbnail_2').removeClass('wds_slideshow_thumb_active_2').addClass('wds_slideshow_thumb_deactive_2'); jQuery('#wds_filmstrip_thumbnail_' + wds_current_key_2 + '_2').removeClass('wds_slideshow_thumb_deactive_2').addClass('wds_slideshow_thumb_active_2'); } function wds_grid3d_2(cols, rows, tz, wrx, wry, nty, ntx, nry, nrx, current_image_class, next_image_class, direction, random, easing) { /* If browser does not support CSS transitions.*/ if (!wds_testBrowser_cssTransitions_2()) { return wds_fallback_2(current_image_class, next_image_class, direction); } wds_trans_in_progress_2 = true; /* Set active thumbnail.*/ wds_set_filmstrip_class_2(); wds_set_dots_class_2(); /* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/ var count = (wds_transition_duration_2) / (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 wds_gridlet(width, height, top, img_top, left, img_left, src, src2, imgWidth, imgHeight, c, r) { var delay = random ? Math.floor((cols + rows) * count * Math.random()) : (c + r) * count; /* Return a gridlet elem with styles for specific transition.*/ var grid_div = jQuery('').css({ display: "block", width : "100%", height : "100%", transform : 'translateZ(' + tz + 'px)', backfaceVisibility : 'hidden', overflow: 'hidden' }).append(jQuery('').css({ display: "block", width : jQuery(".wds_slideshow_image_spun_2").width() + "px", height : jQuery(".wds_slideshow_image_spun_2").height() + "px", top : -top, left : -left, backgroundImage : src, backgroundSize: jQuery(".wds_slideshow_image_2").css("background-size"), backgroundPosition: jQuery(".wds_slideshow_image_2").css("background-position"), /*backgroundColor: jQuery(".wds_slideshow_image_wrap_2").css("background-color"),*/ backgroundRepeat: 'no-repeat', })); var grid_div2 = jQuery('').css({ display: "block", width : "100%", height : "100%", backfaceVisibility : 'hidden', transform : 'translateY(' + nty + 'px) translateX(' + ntx + 'px) rotateY('+ nry +'deg) rotateX('+ nrx +'deg)', overflow: 'hidden' }).append(jQuery('').css({ display: "block", width : jQuery(".wds_slideshow_image_spun_2").width() + "px", height : jQuery(".wds_slideshow_image_spun_2").height() + "px", top : -top, left : -left, backgroundImage : src2, backgroundSize: jQuery(".wds_slideshow_image_2").css("background-size"), backgroundPosition: jQuery(".wds_slideshow_image_2").css("background-position"), /*backgroundColor: jQuery(".wds_slideshow_image_wrap_2").css("background-color"),*/ backgroundRepeat: 'no-repeat', })); return jQuery('').css({ display: "block", width : width, height : height, top : top, left : left, transition : 'all ' + wds_transition_duration_2 + 'ms ' + easing + ' ' + delay + 'ms', transform: 'translateZ(-' + tz + 'px)', transformStyle: 'preserve-3d', }).append(grid_div).append(grid_div2); } /* Get the current slide's image.*/ var cur_img = jQuery(current_image_class).find('span[img_id^="wds_slideshow_image"]'); var next_img = jQuery(next_image_class).find('span[img_id^="wds_slideshow_image"]'); /* Create a grid to hold the gridlets.*/ var grid = jQuery('').addClass('wds_grid_2').css('perspective', 1000); /* Prepend the grid to the next slide (i.e. so it's above the slide image).*/ jQuery(current_image_class).prepend(grid); /* vars to calculate positioning/size of gridlets*/ var cont = jQuery(".wds_slide_bg_2"); var imgWidth = cur_img.width(); var imgHeight = cur_img.height(); var contWidth = cont.width(), contHeight = cont.height(), imgSrc = cur_img.css('background-image'), imgSrcNext = next_img.css('background-image'), colWidth = Math.floor(contWidth / cols), rowHeight = Math.floor(contHeight / rows), colRemainder = contWidth - (cols * colWidth), colAdd = Math.ceil(colRemainder / cols), rowRemainder = contHeight - (rows * rowHeight), rowAdd = Math.ceil(rowRemainder / rows), leftDist = 0, img_leftDist = (jQuery(".wds_slide_bg_2").width() - cur_img.width()) / 2; /* Loop through cols*/ for (var i = 0; i < cols; i++) { var topDist = 0, img_topDst = (jQuery(".wds_slide_bg_2").height() - cur_img.height()) / 2, newColWidth = colWidth; /* If imgWidth (px) does not divide cleanly into the specified number of cols, adjust individual col widths to create correct total.*/ if (colRemainder > 0) { var add = colRemainder >= colAdd ? colAdd : colRemainder; newColWidth += add; colRemainder -= add; } /* Nested loop to create row gridlets for each col.*/ for (var j = 0; j < rows; j++) { var newRowHeight = rowHeight, newRowRemainder = rowRemainder; /* If contHeight (px) does not divide cleanly into the specified number of rows, adjust individual row heights to create correct total.*/ if (newRowRemainder > 0) { add = newRowRemainder >= rowAdd ? rowAdd : rowRemainder; newRowHeight += add; newRowRemainder -= add; } /* Create & append gridlet to grid.*/ grid.append(wds_gridlet(newColWidth, newRowHeight, topDist, img_topDst, leftDist, img_leftDist, imgSrc, imgSrcNext, imgWidth, imgHeight, i, j)); topDist += newRowHeight; img_topDst -= newRowHeight; } img_leftDist -= newColWidth; leftDist += newColWidth; } /* Show grid & hide the image it replaces.*/ grid.show(); cur_img.css('opacity', 0); /* Execution steps.*/ setTimeout(function () { grid.children().css({ transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)' }); }, 1); /* After transition.*/ var cccount = 0; var obshicccount = cols * rows; grid.children().one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(wds_after_trans_each)); function wds_after_trans_each() { if (++cccount == obshicccount) { wds_after_trans(); } } function wds_after_trans() { jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1}); jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2}); cur_img.css('opacity', 1); grid.remove(); wds_trans_in_progress_2 = false; if (typeof wds_event_stack_2 !== 'undefined') { if (wds_event_stack_2.length > 0) { key = wds_event_stack_2[0].split("-"); wds_event_stack_2.shift(); wds_change_image_2(key[0], key[1], wds_data_2, true); } } } } function wds_slic3DH_2(current_image_class, next_image_class, direction) { var dimension = jQuery(current_image_class).width() / 2; if (direction == 'right') { wds_grid3d_2(1, 5, dimension, 0, -90, 0, dimension, 90, 0, current_image_class, next_image_class, direction, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } else if (direction == 'left') { wds_grid3d_2(1, 5, dimension, 0, 90, 0, -dimension, -90, 0, current_image_class, next_image_class, direction, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } } function wds_slic3DV_2(current_image_class, next_image_class, direction) { var dimension = jQuery(current_image_class).height() / 2; if (direction == 'right') { wds_grid3d_2(10, 1, dimension, -90, 0, -dimension, 0, 0, 90, current_image_class, next_image_class, direction, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } else if (direction == 'left') { wds_grid3d_2(10, 1, dimension, 90, 0, dimension, 0, 0, -90, current_image_class, next_image_class, direction, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } } function wds_slicR3DH_2(current_image_class, next_image_class, direction) { var dimension = jQuery(current_image_class).width() / 2; if (direction == 'right') { wds_grid3d_2(1, 5, dimension, 0, -90, 0, dimension, 90, 0, current_image_class, next_image_class, direction, 1, 'ease-in-out'); } else if (direction == 'left') { wds_grid3d_2(1, 5, dimension, 0, 90, 0, -dimension, -90, 0, current_image_class, next_image_class, direction, 1, 'ease-in-out'); } } function wds_slicR3DV_2(current_image_class, next_image_class, direction) { var dimension = jQuery(current_image_class).height() / 2; if (direction == 'right') { wds_grid3d_2(10, 1, dimension, -90, 0, -dimension, 0, 0, 90, current_image_class, next_image_class, direction, 1, 'ease-in-out'); } else if (direction == 'left') { wds_grid3d_2(10, 1, dimension, 90, 0, dimension, 0, 0, -90, current_image_class, next_image_class, direction, 1, 'ease-in-out'); } } function wds_parallelSlide_2(ni_left, ni_top, tx, ty, current_image_class, next_image_class, direction, easing) { /* If browser does not support 3d transforms/CSS transitions.*/ if (!wds_testBrowser_cssTransitions_2()) { return wds_fallback_2(current_image_class, next_image_class, direction); } if (!wds_testBrowser_cssTransforms3d_2()) { return wds_fallback3d_2(current_image_class, next_image_class, direction); } wds_trans_in_progress_2 = true; /* Set active thumbnail.*/ wds_set_filmstrip_class_2(); wds_set_dots_class_2(); jQuery(current_image_class).css({ position : 'absolute', top : '0px', left : '0px', position : 'absolute', }); jQuery(next_image_class).css({ position : 'absolute', top : ni_top + 'px', left : ni_left + 'px', 'opacity' : 1, filter : 'Alpha(opacity=100)', position : 'absolute', }); jQuery(".wds_slider_2").css({ position : 'relative', 'backface-visibility': 'hidden' }); jQuery(".wds_slide_bg_2").css({ overflow : 'hidden', }); /* Execution steps.*/ setTimeout(function () { jQuery('.wds_slider_2').css({ transition : 'all ' + wds_transition_duration_2 + 'ms ' + easing, transform : 'translateX(' + tx + 'px) translateY(' + ty + 'px)', }); }, 1); /* After transition.*/ jQuery('.wds_slider_2').one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(wds_after_trans)); function wds_after_trans() { jQuery(current_image_class).removeAttr('style'); jQuery(next_image_class).removeAttr('style'); jQuery(".wds_slider_2").removeAttr('style'); jQuery(".wds_slide_bg_2").removeAttr('style'); 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}); wds_trans_in_progress_2 = false; if (typeof wds_event_stack_2 !== 'undefined') { if (wds_event_stack_2.length > 0) { key = wds_event_stack_2[0].split("-"); wds_event_stack_2.shift(); wds_change_image_2(key[0], key[1], wds_data_2, true); } } } } function wds_parallelSlideH_2(current_image_class, next_image_class, direction) { var width = jQuery(current_image_class).width(); var height = jQuery(current_image_class).height(); if (direction == 'right') { wds_parallelSlide_2(width, 0, -width, 0, current_image_class, next_image_class, direction, 'ease-in-out'); } else if (direction == 'left') { wds_parallelSlide_2(-width, 0, width, 0, current_image_class, next_image_class, direction, 'ease-in-out'); } } function wds_parallelSlideV_2(current_image_class, next_image_class, direction) { var width = jQuery(current_image_class).width(); var height = jQuery(current_image_class).height(); if (direction == 'right') { wds_parallelSlide_2(0, height, 0, -height, current_image_class, next_image_class, direction, 'ease-in-out'); } else if (direction == 'left') { wds_parallelSlide_2(0, -height, 0, height, current_image_class, next_image_class, direction, 'ease-in-out'); } } function wds_cube_2(tz, ntx, nty, nrx, nry, wrx, wry, current_image_class, next_image_class, direction, easing) { /* If browser does not support 3d transforms/CSS transitions.*/ if (!wds_testBrowser_cssTransitions_2()) { return wds_fallback_2(current_image_class, next_image_class, direction); } if (!wds_testBrowser_cssTransforms3d_2()) { return wds_fallback3d_2(current_image_class, next_image_class, direction); } wds_trans_in_progress_2 = true; /* Set active thumbnail.*/ wds_set_filmstrip_class_2(); wds_set_dots_class_2(); jQuery(".wds_slide_container_2").css('overflow', 'visible'); jQuery(".wds_slideshow_image_spun2_2").css('overflow', 'visible'); jQuery(".wds_slideshow_image_wrap_2").css('overflow', 'visible'); var filmstrip_position = 'none'; if (filmstrip_position == 'none') { jQuery(".wds_slideshow_image_2").css('border-radius', jQuery(".wds_slideshow_image_wrap_2").css('border-radius')); } else { jQuery(".wds_slideshow_image_2").css('border-radius', ''); jQuery(".wds_slideshow_filmstrip_container_2").css('border-radius', ''); if (filmstrip_position == 'top') { jQuery(".wds_slideshow_image_2").css('border-top-left-radius', 0); jQuery(".wds_slideshow_image_2").css('border-top-right-radius', 0); jQuery(".wds_slideshow_filmstrip_container_2").css('border-bottom-left-radius', 0); jQuery(".wds_slideshow_filmstrip_container_2").css('border-bottom-right-radius', 0); } else if (filmstrip_position == 'bottom') { jQuery(".wds_slideshow_image_2").css('border-bottom-left-radius', 0); jQuery(".wds_slideshow_image_2").css('border-bottom-right-radius', 0); jQuery(".wds_slideshow_filmstrip_container_2").css('border-top-left-radius', 0); jQuery(".wds_slideshow_filmstrip_container_2").css('border-top-right-radius', 0); } else if (filmstrip_position == 'right') { jQuery(".wds_slideshow_image_2").css('border-bottom-right-radius', 0); jQuery(".wds_slideshow_image_2").css('border-top-right-radius', 0); jQuery(".wds_slideshow_filmstrip_container_2").css('border-bottom-left-radius', 0); jQuery(".wds_slideshow_filmstrip_container_2").css('border-top-left-radius', 0); } else if (filmstrip_position == 'left') { jQuery(".wds_slideshow_image_2").css('border-bottom-left-radius', 0); jQuery(".wds_slideshow_image_2").css('border-top-left-radius', 0); jQuery(".wds_slideshow_filmstrip_container_2").css('border-bottom-right-radius', 0); jQuery(".wds_slideshow_filmstrip_container_2").css('border-top-right-radius', 0); } } jQuery(".wds_slide_bg_2").css('perspective', 1000); jQuery(current_image_class).css({ transform : 'translateZ(' + tz + 'px)', backfaceVisibility : 'hidden' }); jQuery(next_image_class).css({ opacity : 1, filter: 'Alpha(opacity=100)', zIndex: 2, backfaceVisibility : 'hidden', transform : 'translateY(' + nty + 'px) translateX(' + ntx + 'px) rotateY('+ nry +'deg) rotateX('+ nrx +'deg)' }); jQuery(".wds_slider_2").css({ transform: 'translateZ(-' + tz + 'px)', transformStyle: 'preserve-3d', position: 'absolute' }); /* Execution steps.*/ setTimeout(function () { jQuery(".wds_slider_2").css({ transition: 'all ' + wds_transition_duration_2 + 'ms ' + easing, transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)' }); }, 20); /* After transition.*/ jQuery(".wds_slider_2").one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(wds_after_trans)); function wds_after_trans() { jQuery(current_image_class).removeAttr('style'); jQuery(next_image_class).removeAttr('style'); jQuery(".wds_slider_2").removeAttr('style'); 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}); wds_trans_in_progress_2 = false; if (typeof wds_event_stack_2 !== 'undefined') { if (wds_event_stack_2.length > 0) { key = wds_event_stack_2[0].split("-"); wds_event_stack_2.shift(); wds_change_image_2(key[0], key[1], wds_data_2, true); } } jQuery(".wds_slide_container_2").css('overflow', 'hidden'); jQuery(".wds_slideshow_image_spun2_2").css('overflow', 'hidden'); jQuery(".wds_slideshow_image_wrap_2").css('overflow', 'hidden'); jQuery(".wds_slide_bg_2").css('perspective', 'none'); } } function wds_cubeR_2(current_image_class, next_image_class, direction) { var random_direction = Math.floor(Math.random() * 2); var dimension = random_direction ? jQuery(current_image_class).height() / 2 : jQuery(current_image_class).width() / 2; if (direction == 'right') { if (random_direction) { wds_cube_2(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } else { wds_cube_2(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } } else if (direction == 'left') { if (random_direction) { wds_cube_2(dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } else { wds_cube_2(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } } } function wds_cubeH_2(current_image_class, next_image_class, direction) { /* Set to half of image width.*/ var dimension = jQuery(current_image_class).width() / 2; if (direction == 'right') { wds_cube_2(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } else if (direction == 'left') { wds_cube_2(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } } function wds_cubeV_2(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') { wds_cube_2(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } else if (direction == 'left') { wds_cube_2(dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } } /* For browsers that does not support transitions.*/ function wds_fallback_2(current_image_class, next_image_class, direction) { wds_fade_2(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 wds_fallback3d_2(current_image_class, next_image_class, direction) { wds_sliceV_2(current_image_class, next_image_class, direction); } function wds_none_2(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.*/ wds_set_filmstrip_class_2(); wds_set_dots_class_2(); } function wds_fade_2(current_image_class, next_image_class, direction) { /* Set active thumbnail.*/ wds_set_filmstrip_class_2(); wds_set_dots_class_2(); if (wds_testBrowser_cssTransitions_2()) { jQuery(next_image_class).css('transition', 'opacity ' + wds_transition_duration_2 + '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}, wds_transition_duration_2); jQuery(next_image_class).animate({ 'opacity' : 1, 'z-index': 2 }, { duration: wds_transition_duration_2, complete: function () { } }); /* For IE.*/ jQuery(current_image_class).fadeTo(wds_transition_duration_2, 0); jQuery(next_image_class).fadeTo(wds_transition_duration_2, 1); } } function wds_grid_2(cols, rows, ro, tx, ty, sc, op, current_image_class, next_image_class, direction, random, roy, easing) { /* If browser does not support CSS transitions.*/ if (!wds_testBrowser_cssTransitions_2()) { return wds_fallback_2(current_image_class, next_image_class, direction); } wds_trans_in_progress_2 = true; /* Set active thumbnail.*/ wds_set_filmstrip_class_2(); wds_set_dots_class_2(); /* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/ var count = (wds_transition_duration_2) / (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 wds_gridlet(width, height, top, img_top, left, img_left, src, imgWidth, imgHeight, c, r) { var delay = random ? Math.floor((cols + rows) * count * Math.random()) : (c + r) * count; /* Return a gridlet elem with styles for specific transition.*/ var grid_div = jQuery('').css({ display: "block", width : imgWidth,/*"100%"*/ height : jQuery(".wds_slideshow_image_spun_2").height() + "px", top : -top, left : -left, backgroundImage : src, backgroundSize: jQuery(".wds_slideshow_image_2").css("background-size"), backgroundPosition: jQuery(".wds_slideshow_image_2").css("background-position"), /*backgroundColor: jQuery(".wds_slideshow_image_wrap_2").css("background-color"),*/ backgroundRepeat: 'no-repeat' }); return jQuery('').css({ display: "block", width : width,/*"100%"*/ height : height, top : top, left : left, backgroundSize : imgWidth + 'px ' + imgHeight + 'px', backgroundPosition : img_left + 'px ' + img_top + 'px', backgroundRepeat: 'no-repeat', overflow: "hidden", transition : 'all ' + wds_transition_duration_2 + 'ms ' + easing + ' ' + delay + 'ms', transform : 'none' }).append(grid_div); } /* Get the current slide's image.*/ var cur_img = jQuery(current_image_class).find('span[img_id^="wds_slideshow_image"]'); /* Create a grid to hold the gridlets.*/ var grid = jQuery('').addClass('wds_grid_2'); /* Prepend the grid to the next slide (i.e. so it's above the slide image).*/ jQuery(current_image_class).prepend(grid); /* vars to calculate positioning/size of gridlets*/ var cont = jQuery(".wds_slide_bg_2"); var imgWidth = cur_img.width(); var imgHeight = cur_img.height(); var contWidth = cont.width(), contHeight = cont.height(), imgSrc = cur_img.css('background-image'),/*.replace('/thumb', ''),*/ colWidth = Math.floor(contWidth / cols), rowHeight = Math.floor(contHeight / rows), colRemainder = contWidth - (cols * colWidth), colAdd = Math.ceil(colRemainder / cols), rowRemainder = contHeight - (rows * rowHeight), rowAdd = Math.ceil(rowRemainder / rows), leftDist = 0, img_leftDist = (jQuery(".wds_slide_bg_2").width() - cur_img.width()) / 2; /* tx/ty args can be passed as 'auto'/'min-auto' (meaning use slide width/height or negative slide width/height).*/ tx = tx === 'auto' ? contWidth : tx; tx = tx === 'min-auto' ? - contWidth : tx; ty = ty === 'auto' ? contHeight : ty; ty = ty === 'min-auto' ? - contHeight : ty; /* Loop through cols*/ for (var i = 0; i < cols; i++) { var topDist = 0, img_topDst = (jQuery(".wds_slide_bg_2").height() - cur_img.height()) / 2, newColWidth = colWidth; /* If imgWidth (px) does not divide cleanly into the specified number of cols, adjust individual col widths to create correct total.*/ if (colRemainder > 0) { var add = colRemainder >= colAdd ? colAdd : colRemainder; newColWidth += add; colRemainder -= add; } /* Nested loop to create row gridlets for each col.*/ for (var j = 0; j < rows; j++) { var newRowHeight = rowHeight, newRowRemainder = rowRemainder; /* If contHeight (px) does not divide cleanly into the specified number of rows, adjust individual row heights to create correct total.*/ if (newRowRemainder > 0) { add = newRowRemainder >= rowAdd ? rowAdd : rowRemainder; newRowHeight += add; newRowRemainder -= add; } /* Create & append gridlet to grid.*/ grid.append(wds_gridlet(newColWidth, newRowHeight, topDist, img_topDst, leftDist, img_leftDist, imgSrc, imgWidth, imgHeight, i, j)); topDist += newRowHeight; img_topDst -= newRowHeight; } img_leftDist -= newColWidth; leftDist += newColWidth; } /* Show grid & hide the image it replaces.*/ grid.show(); cur_img.css('opacity', 0); /* Add identifying classes to corner gridlets (useful if applying border radius).*/ grid.children().first().addClass('rs-top-left'); grid.children().last().addClass('rs-bottom-right'); grid.children().eq(rows - 1).addClass('rs-bottom-left'); grid.children().eq(- rows).addClass('rs-top-right'); /* Execution steps.*/ setTimeout(function () { grid.children().css({ opacity: op, transform: 'rotate('+ ro +'deg) rotateY('+ roy +'deg) translateX('+ tx +'px) translateY('+ ty +'px) scale('+ sc +')' }); }, 1); jQuery(next_image_class).css('opacity', 1); /* After transition.*/ var cccount = 0; var obshicccount = cols * rows; grid.children().one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(wds_after_trans_each)); function wds_after_trans_each() { if (++cccount == obshicccount) { wds_after_trans(); } } function wds_after_trans() { jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1}); jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2}); cur_img.css('opacity', 1); grid.remove(); wds_trans_in_progress_2 = false; if (typeof wds_event_stack_2 !== 'undefined') { if (wds_event_stack_2.length > 0) { key = wds_event_stack_2[0].split("-"); wds_event_stack_2.shift(); wds_change_image_2(key[0], key[1], wds_data_2, true); } } } } function wds_sliceH_2(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateX = 'min-auto'; } else if (direction == 'left') { var translateX = 'auto'; } wds_grid_2(1, 8, 0, translateX, 0, 1, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_sliceV_2(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateY = 'min-auto'; } else if (direction == 'left') { var translateY = 'auto'; } wds_grid_2(10, 1, 0, 0, translateY, 1, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_slideV_2(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateY = 'auto'; } else if (direction == 'left') { var translateY = 'min-auto'; } wds_grid_2(1, 1, 0, 0, translateY, 1, 1, current_image_class, next_image_class, direction, 0, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } function wds_slideH_2(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateX = 'min-auto'; } else if (direction == 'left') { var translateX = 'auto'; } wds_grid_2(1, 1, 0, translateX, 0, 1, 1, current_image_class, next_image_class, direction, 0, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } function wds_scaleOut_2(current_image_class, next_image_class, direction) { wds_grid_2(1, 1, 0, 0, 0, 1.5, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_scaleIn_2(current_image_class, next_image_class, direction) { wds_grid_2(1, 1, 0, 0, 0, 0.5, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_blockScale_2(current_image_class, next_image_class, direction) { wds_grid_2(8, 6, 0, 0, 0, 0.6, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_blockScaleR_2(current_image_class, next_image_class, direction) { wds_grid_2(8, 6, 0, 0, 0, 0.6, 0, current_image_class, next_image_class, direction, 1, 0, 'ease-in-out'); } function wds_blindR_2(current_image_class, next_image_class, direction) { wds_grid_2(8, 1, 0, 0, 0, 1, 1, current_image_class, next_image_class, direction, 1, 90, 'ease-in-out'); } function wds_tilesR_2(current_image_class, next_image_class, direction) { wds_grid_2(8, 8, 0, 0, 0, 1, 1, current_image_class, next_image_class, direction, 1, 90, 'ease-in-out'); } function wds_kaleidoscope_2(current_image_class, next_image_class, direction) { wds_grid_2(10, 8, 0, 0, 0, 1, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_fan_2(current_image_class, next_image_class, direction) { if (direction == 'right') { var rotate = 45; var translateX = 100; } else if (direction == 'left') { var rotate = -45; var translateX = -100; } wds_grid_2(1, 10, rotate, translateX, 0, 1, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_blindV_2(current_image_class, next_image_class, direction) { wds_grid_2(1, 8, 0, 0, 0, .7, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_blindH_2(current_image_class, next_image_class, direction) { wds_grid_2(10, 1, 0, 0, 0, .7, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_random_2(current_image_class, next_image_class, direction) { var anims = ['sliceH', 'sliceV', 'slideH', 'slideV', 'scaleOut', 'scaleIn', 'blockScale', 'kaleidoscope', 'fan', 'blindH', 'blindV', 'parallelSlideH', 'parallelSlideV']; /* Pick a random transition from the anims array.*/ this["wds_" + anims[Math.floor(Math.random() * anims.length)] + "_2"](current_image_class, next_image_class, direction); } function wds_3Drandom_2(current_image_class, next_image_class, direction) { var anims = ['cubeH', 'cubeV', 'cubeR', 'slic3DH', 'slic3DV', 'slicR3DH', 'slicR3DV']; /* Pick a random transition from the anims array.*/ this["wds_" + anims[Math.floor(Math.random() * anims.length)] + "_2"](current_image_class, next_image_class, direction); } function iterator_2() { var iterator = 1; if (0) { iterator = Math.floor((wds_data_2.length - 1) * Math.random() + 1); } return iterator; } function wds_change_image_2(current_key, key, wds_data_2, from_effect) { if (0) { if (wds_currentlyMoving2) { return; } } /* Pause videos.*/ jQuery("#wds_slideshow_image_container_2").find("iframe").each(function () { if (typeof jQuery(this)[0].contentWindow != "undefined") { jQuery(this)[0].contentWindow.postMessage('{"event":"command","func":"stopVideo","args":""}', '*'); jQuery(this)[0].contentWindow.postMessage('{ "method": "stop" }', "*"); jQuery(this)[0].contentWindow.postMessage('stop', '*'); } }); jQuery("#wds_slideshow_image_container_2").find("video").each(function () { jQuery(this).trigger('pause'); jQuery('.wds_bigplay_2').show(); }); /* Pause layer videos.*/ jQuery(".wds_video_layer_frame_2").each(function () { if (typeof jQuery(this)[0].contentWindow != "undefined") { jQuery(this)[0].contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*'); jQuery(this)[0].contentWindow.postMessage('{ "method": "pause" }', "*"); jQuery(this)[0].contentWindow.postMessage('pause', '*'); } }); if (wds_data_2[key]) { if (jQuery('.wds_ctrl_btn_2').hasClass('fa-pause') || ('')) { play_2(); } if (!from_effect) { /* Change image key.*/ jQuery("#wds_current_image_key_2").val(key); if (current_key == '-1') { /* Filmstrip.*/ current_key = jQuery(".wds_slideshow_thumb_active_2").children("img").attr("image_key"); } else if (current_key == '-2') { /* Dots.*/ /*current_key = jQuery(".wds_slideshow_dots_active_2").attr("image_key");*/ currId = jQuery(".wds_slideshow_dots_active_2").attr("id"); current_key = currId.replace('wds_dots_', '').replace('_2', ''); } } if (wds_trans_in_progress_2) { wds_event_stack_2.push(current_key + '-' + key); return; } var direction = 'right'; var int_curr_key = parseInt(wds_current_key_2); var int_key = parseInt(key); var last_pos = wds_data_2.length - 1; if (int_curr_key > int_key) { direction = 'left'; } else if (int_curr_key == int_key) { return; } if (int_key == 0) { if (int_curr_key == last_pos) { direction = 'right'; } } if (int_key == last_pos) { if (int_curr_key == 0) { direction = 'left'; } } /* Set active thumbnail position.*/ wds_current_filmstrip_pos_2 = key * (jQuery(".wds_slideshow_filmstrip_thumbnail_2").width() + 2 + 2 * 0); wds_current_key_2 = key; /* Change image id.*/ jQuery("div[img_id=wds_slideshow_image_2]").attr('image_id', wds_data_2[key]["id"]); var current_image_class = "#wds_image_id_2_" + wds_data_2[current_key]["id"]; var next_image_class = "#wds_image_id_2_" + wds_data_2[key]["id"]; var next_image_type = wds_data_2[key]["is_video"]; if (next_image_type == 'video' || next_image_type.indexOf('EMBED') >= 0){ jQuery('.wds_pp_btn_cont').hide(); } else { jQuery('.wds_pp_btn_cont').show(); } if (0) { wds_embed_slide_autoplay(next_image_class); } if (wds_data_2[key]["is_video"] == 'image') { jQuery(next_image_class).find(".wds_slideshow_image_2").css("background-image", 'url("' + wds_data_2[key]["image_url"] + '")'); } wds_video_dimenstion(2, key); var current_slide_layers_count = wds_data_2[current_key]["slide_layers_count"]; var next_slide_layers_count = wds_data_2[key]["slide_layers_count"]; /* Clear layers before image change.*/ function set_layer_effect_out_before_change(m) { wds_clear_layers_effects_out_before_change_2[current_key][m] = setTimeout(function() { if (wds_data_2[current_key]["layer_" + m + "_type"] != 'social') { if (jQuery('#wds_2_slide' + wds_data_2[current_key]["id"] + '_layer' + wds_data_2[current_key]["layer_" + m + "_id"]).prev().attr('id') != 'wds_2_slide' + wds_data_2[current_key]["id"] + '_layer' + wds_data_2[current_key]["layer_" + m + "_id"] + '_round_effect') { jQuery('#wds_2_slide' + wds_data_2[current_key]["id"] + '_layer' + wds_data_2[current_key]["layer_" + m + "_id"]).css('-webkit-animation-duration' , 0.6 + 's').css('animation-duration' , 0.6 + 's'); jQuery('#wds_2_slide' + wds_data_2[current_key]["id"] + '_layer' + wds_data_2[current_key]["layer_" + m + "_id"]).removeClass().addClass( wds_data_2[current_key]["layer_" + m + "_layer_effect_out"] + ' animated'); } else { jQuery('#wds_2_slide' + wds_data_2[current_key]["id"] + '_layer' + wds_data_2[current_key]["layer_" + m + "_id"]+"_div").css('-webkit-animation-duration' , 0.6 + 's').css('animation-duration' , 0.6 + 's'); jQuery('#wds_2_slide' + wds_data_2[current_key]["id"] + '_layer' + wds_data_2[current_key]["layer_" + m + "_id"]+"_div").removeClass().addClass( wds_data_2[current_key]["layer_" + m + "_layer_effect_out"] + ' animated'); } } else { jQuery('#wds_2_slide' + wds_data_2[current_key]["id"] + '_layer' + wds_data_2[current_key]["layer_" + m + "_id"]).css('-webkit-animation-duration' , 0.6 + 's').css('animation-duration' , 0.6 + 's'); jQuery('#wds_2_slide' + wds_data_2[current_key]["id"] + '_layer' + wds_data_2[current_key]["layer_" + m + "_id"]).removeClass().addClass( wds_data_2[current_key]["layer_" + m + "_layer_effect_out"] + ' fa fa-' + wds_data_2[current_key]["layer_" + m + "_social_button"] + ' animated'); } }, 10); } if (0) { for (var m = 0; m < current_slide_layers_count; m++) { if (jQuery('#wds_2_slide' + wds_data_2[current_key]["id"] + '_layer' + wds_data_2[current_key]["layer_" + m + "_id"]).prev().attr('id') != 'wds_2_slide' + wds_data_2[current_key]["id"] + '_layer' + wds_data_2[current_key]["layer_" + i + "_id"] + '_round_effect') { if (jQuery('#wds_2_slide' + wds_data_2[current_key]["id"] + '_layer' + wds_data_2[current_key]["layer_" + m + "_id"]).css('opacity') != 0) { set_layer_effect_out_before_change(m); } } else { if (jQuery('#wds_2_slide' + wds_data_2[current_key]["id"] + '_layer' + wds_data_2[current_key]["layer_" + m + "_id"]+"_div").css('opacity') != 0) { set_layer_effect_out_before_change(m); } } } } /* Loop through current slide layers for clear effects.*/ setTimeout(function() { for (var k = 0; k < current_slide_layers_count; k++) { clearTimeout(wds_clear_layers_effects_in_2[current_key][k]); clearTimeout(wds_clear_layers_effects_out_2[current_key][k]); if (wds_data_2[current_key]["layer_" + k + "_type"] != 'social') { jQuery('#wds_2_slide' + wds_data_2[current_key]["id"] + '_layer' + wds_data_2[current_key]["layer_" + k + "_id"]).removeClass().addClass('wds_layer_'+ wds_data_2[current_key]["layer_" + k + "_id"]); } else { jQuery('#wds_2_slide' + wds_data_2[current_key]["id"] + '_layer' + wds_data_2[current_key]["layer_" + k + "_id"]).removeClass().addClass('fa fa-' + wds_data_2[current_key]["layer_" + k + "_social_button"] + ' wds_layer_' + wds_data_2[current_key]["layer_" + k + "_id"]); } } }, wds_duration_for_clear_effects_2); /* Loop through layers in.*/ for (var j = 0; j < next_slide_layers_count; j++) { wds_set_layer_effect_in_2(j, key); } /* Loop through layers out if pause button not pressed.*/ for (var i = 0; i < next_slide_layers_count; i++) { wds_set_layer_effect_out_2(i, key); } setTimeout(function() { if (typeof jQuery().finish !== 'undefined') { if (jQuery.isFunction(jQuery().finish)) { jQuery(".wds_line_timer_2").finish(); } } jQuery(".wds_line_timer_2").css({width: 0}); wds_fade_2(current_image_class, next_image_class, direction); if ('top' != 'none') { if (0 || jQuery('.wds_ctrl_btn_2').hasClass('fa-pause')) { if ('top' == 'top' || 'top' == 'bottom') { if (!jQuery(".wds_ctrl_btn_2").hasClass("fa-play")) { jQuery(".wds_line_timer_2").animate({ width: "100%" }, { duration: 5000, specialEasing: {width: "linear"} }); } } else if ('top' != 'none') { if (typeof circle_timer_animate_2 !== 'undefined') { circle_timer_animate_2.stop(); } jQuery('#top_right_2').css({ '-moz-transform':'rotate(0deg)', '-webkit-transform':'rotate(0deg)', '-o-transform':'rotate(0deg)', '-ms-transform':'rotate(0deg)', 'transform':'rotate(0deg)', '-webkit-transform-origin': 'left bottom', '-ms-transform-origin': 'left bottom', '-moz-transform-origin': 'left bottom', 'transform-origin': 'left bottom' }); jQuery('#bottom_right_2').css({ '-moz-transform':'rotate(0deg)', '-webkit-transform':'rotate(0deg)', '-o-transform':'rotate(0deg)', '-ms-transform':'rotate(0deg)', 'transform':'rotate(0deg)', '-webkit-transform-origin': 'left top', '-ms-transform-origin': 'left top', '-moz-transform-origin': 'left top', 'transform-origin': 'left top' }); jQuery('#bottom_left_2').css({ '-moz-transform':'rotate(0deg)', '-webkit-transform':'rotate(0deg)', '-o-transform':'rotate(0deg)', '-ms-transform':'rotate(0deg)', 'transform':'rotate(0deg)', '-webkit-transform-origin': 'right top', '-ms-transform-origin': 'right top', '-moz-transform-origin': 'right top', 'transform-origin': 'right top' }); jQuery('#top_left_2').css({ '-moz-transform':'rotate(0deg)', '-webkit-transform':'rotate(0deg)', '-o-transform':'rotate(0deg)', '-ms-transform':'rotate(0deg)', 'transform':'rotate(0deg)', '-webkit-transform-origin': 'right bottom', '-ms-transform-origin': 'right bottom', '-moz-transform-origin': 'right bottom', 'transform-origin': 'right bottom' }); if (!jQuery(".wds_ctrl_btn_2").hasClass("fa-play")) { /* Begin circle timer on next.*/ circle_timer_2(0); } else { curent_time_deggree_2 = 0; } } } } if (wds_data_2[key]["is_video"] != 'image') { jQuery("#wds_slideshow_play_pause_2").css({display: 'none'}); } else { jQuery("#wds_slideshow_play_pause_2").css({display: ''}); } }, wds_duration_for_change_2); } if (0) { wds_parallax(2); } } function wds_resize_slider_2() { var slide_orig_width = 1600; var slide_orig_height = 750; /* var slide_width = jQuery("#wds_container1_2").parent().width(); */ var slide_width = wds_get_overall_parent(jQuery("#wds_container1_2")); var ratio; if (slide_width > slide_orig_width) { slide_width = slide_orig_width; } ratio = slide_width / slide_orig_width; ratio = jQuery(window).width() / slide_orig_width; slide_orig_width = jQuery(window).width() - 0; slide_orig_height = 750 * slide_orig_width / 1600; slide_width = jQuery(window).width() - 0; wds_full_width_2(); var slide_height = slide_orig_height; if (slide_orig_width > slide_width) { slide_height = Math.floor(slide_width * slide_orig_height / slide_orig_width); } jQuery(".wds_slideshow_image_wrap_2, #wds_container2_2").height(slide_height + 0); jQuery(".wds_slideshow_image_container_2").height(slide_height); /*jQuery(".wds_slideshow_image_2").height(slide_height);*/ jQuery(".wds_slide_container_2").height(slide_height); jQuery(".wds_slideshow_image_2").height(slide_height); jQuery(".wds_slideshow_video_2").height(slide_height); jQuery(".wds_slideshow_image_2 img").each(function () { var wds_theImage = new Image(); wds_theImage.src = jQuery(this).attr("src"); var wds_origWidth = wds_theImage.width; var wds_origHeight = wds_theImage.height; var wds_imageWidth = jQuery(this).attr("wds_image_width"); var wds_imageHeight = jQuery(this).attr("wds_image_height"); var wds_width = wds_imageWidth; if (wds_imageWidth > wds_origWidth) { wds_width = wds_origWidth; } var wds_height = wds_imageHeight; if (wds_imageHeight > wds_origHeight) { wds_height = wds_origHeight; } jQuery(this).css({ maxWidth: (parseFloat(wds_imageWidth) * ratio) + "px", maxHeight: (parseFloat(wds_imageHeight) * ratio) + "px", }); if (jQuery(this).attr("wds_scale") != "on") { jQuery(this).css({ width: (parseFloat(wds_imageWidth) * ratio) + "px", height: (parseFloat(wds_imageHeight) * ratio) + "px" }); } else if (wds_imageWidth > wds_origWidth || wds_imageHeight > wds_origHeight) { if (wds_origWidth / wds_imageWidth > wds_origHeight / wds_imageHeight) { jQuery(this).css({ width: (parseFloat(wds_imageWidth) * ratio) + "px" }); } else { jQuery(this).css({ height: (parseFloat(wds_imageHeight) * ratio) + "px" }); } } }); jQuery(".wds_slideshow_image_2 [data-type='hotspot']").each(function () { jQuery(this).children().each(function () { var width = jQuery(this).attr("data-width"); if (jQuery(this).attr("data-type") == "hotspot_text") { var height = jQuery(this).attr("data-height"); if (width != 0) { jQuery(this).width(ratio * width); } if (height != 0) { jQuery(this).height(ratio * height); } jQuery(this).css({fontSize: ratio * jQuery(this).attr("data-fsize")}); } else { if (width != 0) { jQuery(this).width(ratio * width); jQuery(this).height(ratio * width); jQuery(this).parent().width(ratio * width); jQuery(this).parent().height(ratio * width); } jQuery(this).css({ borderWidth: ratio * jQuery(this).attr("data-border_width") }); } }); }); jQuery(".wds_slideshow_image_2 span, .wds_slideshow_image_2 i").each(function () { jQuery(this).css({ fontSize: (parseFloat(jQuery(this).attr("wds_fsize")) * ratio) + "px", lineHeight: "1.25em", paddingLeft: (parseFloat(jQuery(this).attr("wds_fpaddingl")) * ratio) + "px", paddingRight: (parseFloat(jQuery(this).attr("wds_fpaddingr")) * ratio) + "px", paddingTop: (parseFloat(jQuery(this).attr("wds_fpaddingt")) * ratio) + "px", paddingBottom: (parseFloat(jQuery(this).attr("wds_fpaddingb")) * ratio) + "px", }); }); wds_display_hotspot(); wds_hotspot_position("", ratio); if (0) { wds_parallax(2); } } /* Generate background position for Zoom Fade effect.*/ function wds_genBgPos_2() { var bgSizeArray = [0, 70]; var bgSize = bgSizeArray[Math.floor(Math.random() * bgSizeArray.length)]; var bgPosXArray = ['left', 'right']; var bgPosYArray = ['top', 'bottom']; var bgPosX = bgPosXArray[Math.floor(Math.random() * bgPosXArray.length)]; var bgPosY = bgPosYArray[Math.floor(Math.random() * bgPosYArray.length)]; jQuery(".wds_slideshow_image_2").css({ backgroundPosition: bgPosX + " " + bgPosY, backgroundSize : (100 + bgSize) + "%", webkitAnimation: '5s linear 0s alternate infinite wdszoom' + bgSize, mozAnimation: '5s linear 0s alternate infinite wdszoom' + bgSize, animation: '5s linear 0s alternate infinite wdszoom' + bgSize }); } jQuery(window).resize(function () { wds_resize_slider_2(); }); function wds_full_width_2() { var left = jQuery("#wds_container1_2").offset().left; jQuery(".wds_slideshow_image_wrap_2").css({ left: (-left + 0) + "px", width: (jQuery(window).width() - 0) + "px", maxWidth: "none" }); } if ("" != '') { jQuery('').attr("src", "").load(function() { jQuery(this).remove(); wds_ready_2(); }); } else { jQuery(document).ready(function () { wds_ready_2(); }); } function wds_ready_2() { jQuery(".wds_slideshow_image_2 span, .wds_slideshow_image_2 i").each(function () { jQuery(this).attr("wds_fpaddingl", jQuery(this).css("paddingLeft")); jQuery(this).attr("wds_fpaddingr", jQuery(this).css("paddingRight")); jQuery(this).attr("wds_fpaddingt", jQuery(this).css("paddingTop")); jQuery(this).attr("wds_fpaddingb", jQuery(this).css("paddingBottom")); }); if (4000) { jQuery("#wds_container2_2").hover(function () { jQuery(".wds_right-ico_2").animate({left: 0}, 700, "swing"); jQuery(".wds_left-ico_2").animate({left: 0}, 700, "swing"); jQuery("#wds_slideshow_play_pause_2").animate({opacity: 1, filter: "Alpha(opacity=100)"}, 700, "swing"); }, function () { jQuery(".wds_right-ico_2").css({left: 4000}); jQuery(".wds_left-ico_2").css({left: -4000}); jQuery("#wds_slideshow_play_pause_2").css({opacity: 0, filter: "Alpha(opacity=0)"}); }); } if (!1) { jQuery("#wds_container2_2").hover(function () { jQuery(".wds_slideshow_dots_container_2").animate({opacity: 1, filter: "Alpha(opacity=100)"}, 700, "swing"); }, function () { jQuery(".wds_slideshow_dots_container_2").css({opacity: 0, filter: "Alpha(opacity=0)"}); }); } wds_resize_slider_2(); jQuery("#wds_container2_2").css({visibility: 'visible'}); jQuery(".wds_loading").hide(); function wds_filmstrip_move_left() { if (typeof jQuery().stop !== 'undefined') { if (jQuery.isFunction(jQuery().stop)) { jQuery( ".wds_slideshow_filmstrip_thumbnails_2" ).stop(true, false); } } if (jQuery(".wds_slideshow_filmstrip_thumbnails_2").position().left < 0) { jQuery(".wds_slideshow_filmstrip_right_2").css({opacity: 1, filter: "Alpha(opacity=100)"}); if (jQuery(".wds_slideshow_filmstrip_thumbnails_2").position().left > - 0) { jQuery(".wds_slideshow_filmstrip_thumbnails_2").animate({left: 0}, 500, 'linear'); } else { jQuery(".wds_slideshow_filmstrip_thumbnails_2").animate({left: (jQuery(".wds_slideshow_filmstrip_thumbnails_2").position().left + 0)}, 500, 'linear'); } } /* Disable left arrow.*/ window.setTimeout(function(){ if (jQuery(".wds_slideshow_filmstrip_thumbnails_2").position().left == 0) { jQuery(".wds_slideshow_filmstrip_left_2").css({opacity: 0.3, filter: "Alpha(opacity=30)"}); } }, 500); } function wds_filmstrip_move_right() { if (typeof jQuery().stop !== 'undefined') { if (jQuery.isFunction(jQuery().stop)) { jQuery( ".wds_slideshow_filmstrip_thumbnails_2" ).stop(true, false); } } if (jQuery(".wds_slideshow_filmstrip_thumbnails_2").position().left >= -(jQuery(".wds_slideshow_filmstrip_thumbnails_2").width() - jQuery(".wds_slideshow_filmstrip_2").width())) { jQuery(".wds_slideshow_filmstrip_left_2").css({opacity: 1, filter: "Alpha(opacity=100)"}); if (jQuery(".wds_slideshow_filmstrip_thumbnails_2").position().left < -(jQuery(".wds_slideshow_filmstrip_thumbnails_2").width() - jQuery(".wds_slideshow_filmstrip_2").width() - 0)) { jQuery(".wds_slideshow_filmstrip_thumbnails_2").animate({left: -(jQuery(".wds_slideshow_filmstrip_thumbnails_2").width() - jQuery(".wds_slideshow_filmstrip_2").width())}, 500, 'linear'); } else { jQuery(".wds_slideshow_filmstrip_thumbnails_2").animate({left: (jQuery(".wds_slideshow_filmstrip_thumbnails_2").position().left - 0)}, 500, 'linear'); } } /* Disable right arrow.*/ window.setTimeout(function() { if (jQuery(".wds_slideshow_filmstrip_thumbnails_2").position().left == -(jQuery(".wds_slideshow_filmstrip_thumbnails_2").width() - jQuery(".wds_slideshow_filmstrip_2").width())) { jQuery(".wds_slideshow_filmstrip_right_2").css({opacity: 0.3, filter: "Alpha(opacity=30)"}); } }, 500); } var curr_img_id = wds_data_2[parseInt(jQuery('#wds_current_image_key_2').val())]["id"]; jQuery("#wds_image_id_2_" + curr_img_id).css('transition', 'opacity ' + wds_transition_duration_2 + 'ms linear'); var isMobile = (/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(navigator.userAgent.toLowerCase())); if (isMobile) { if (1) { wds_swipe(); } } else { if (0) { wds_swipe(); } } function wds_swipe() { if (typeof jQuery().swiperight !== 'undefined') { if (jQuery.isFunction(jQuery().swiperight)) { jQuery('.wds_slideshow_filmstrip_thumbnails_2').swiperight(function () { wds_filmstrip_move_left(); return false; }); jQuery('#wds_container1_2').swiperight(function () { wds_change_image_2(parseInt(jQuery('#wds_current_image_key_2').val()), (parseInt(jQuery('#wds_current_image_key_2').val()) - iterator_2()) >= 0 ? (parseInt(jQuery('#wds_current_image_key_2').val()) - iterator_2()) % wds_data_2.length : wds_data_2.length - 1, wds_data_2); if (0 != false) { wds_carousel2.prev(); } return false; }); } } if (typeof jQuery().swipeleft !== 'undefined') { if (jQuery.isFunction(jQuery().swipeleft)) { jQuery('.wds_slideshow_filmstrip_thumbnails_2').swipeleft(function () { wds_filmstrip_move_right(); return false; }); jQuery('#wds_container1_2').swipeleft(function () { wds_change_image_2(parseInt(jQuery('#wds_current_image_key_2').val()), (parseInt(jQuery('#wds_current_image_key_2').val()) + iterator_2()) % wds_data_2.length, wds_data_2); if (0 != false) { wds_carousel2.next(); } return false; }); } } } var wds_click = isMobile ? 'touchend' : 'click'; var mousewheelevt = (/Firefox/i.test(navigator.userAgent)) ? "DOMMouseScroll" : "mousewheel"; /* FF doesn't recognize mousewheel as of FF3.x */ jQuery('.wds_slideshow_filmstrip_2').bind(mousewheelevt, function(e) { var evt = window.event || e; /* Equalize event object.*/ evt = evt.originalEvent ? evt.originalEvent : evt; /* Convert to originalEvent if possible.*/ var delta = evt.detail ? evt.detail*(-40) : evt.wheelDelta; /* Check for detail first, because it is used by Opera and FF.*/ if (delta > 0) { /* Scroll up.*/ jQuery(".wds_slideshow_filmstrip_left_2").trigger("click"); } else { /* Scroll down.*/ jQuery(".wds_slideshow_filmstrip_right_2").trigger("click"); } return false; }); jQuery(".wds_slideshow_filmstrip_right_2").on(wds_click, function () { wds_filmstrip_move_right(); }); jQuery(".wds_slideshow_filmstrip_left_2").on(wds_click, function () { wds_filmstrip_move_left(); }); /* Set filmstrip initial position.*/ wds_set_filmstrip_pos_2(jQuery(".wds_slideshow_filmstrip_2").width()); var wds_play_pause = 0; function wds_play_pause_2() { if (jQuery(".wds_ctrl_btn_2").hasClass("fa-play") || wds_play_pause) { wds_play_pause = 0; /* Play.*/ jQuery(".wds_slideshow_play_pause_2").attr("title", "Pause"); jQuery(".wds_slideshow_play_pause_2").attr("class", "wds_ctrl_btn_2 wds_slideshow_play_pause_2 fa fa-pause"); /* Finish current animation and begin the other.*/ if (0) { if ('top' != 'top') { if ('top' != 'bottom') { if (typeof circle_timer_animate_2 !== 'undefined') { circle_timer_animate_2.stop(); if (0 == true) { wds_carousel2.pause(); } } circle_timer_2(curent_time_deggree_2); } } } play_2(); if (0) { document.getElementById("wds_audio_2").play(); } if (0 != false) { wds_carousel2.start(); } } else { /* Pause.*/ /* Pause layers out effect.*/ wds_play_pause = 1; var current_key = jQuery('#wds_current_image_key_2').val(); var current_slide_layers_count = wds_data_2[current_key]["slide_layers_count"]; setTimeout(function() { for (var k = 0; k < current_slide_layers_count; k++) { clearTimeout(wds_clear_layers_effects_out_2[current_key][k]); } }, wds_duration_for_clear_effects_2); window.clearInterval(wds_playInterval_2); jQuery(".wds_slideshow_play_pause_2").attr("title", "Play"); jQuery(".wds_slideshow_play_pause_2").attr("class", "wds_ctrl_btn_2 wds_slideshow_play_pause_2 fa fa-play"); if (0) { document.getElementById("wds_audio_2").pause(); } if (typeof jQuery().stop !== 'undefined') { if (jQuery.isFunction(jQuery().stop)) { jQuery(".wds_line_timer_2").stop(); } } if (0 != false) { wds_carousel2.pause(); } } } /* Mouswheel navigation.*/ if (0) { jQuery('.wds_slide_container_2').bind(mousewheelevt, function(e) { var evt = window.event || e; /* Equalize event object.*/ evt = evt.originalEvent ? evt.originalEvent : evt; /* Convert to originalEvent if possible.*/ var delta = evt.detail ? evt.detail*(-40) : evt.wheelDelta; /* Check for detail first, because it is used by Opera and FF.*/ if (delta > 0) { /* Scroll up.*/ wds_change_image_2(parseInt(jQuery('#wds_current_image_key_2').val()), (parseInt(jQuery('#wds_current_image_key_2').val()) - iterator_2()) >= 0 ? (parseInt(jQuery('#wds_current_image_key_2').val()) - iterator_2()) % wds_data_2.length : wds_data_2.length - 1, wds_data_2); } else { /* Scroll down.*/ wds_change_image_2(parseInt(jQuery('#wds_current_image_key_2').val()), (parseInt(jQuery('#wds_current_image_key_2').val()) + iterator_2()) % wds_data_2.length, wds_data_2); } return false; }); } /* Keyboard navigation.*/ if (0) { jQuery(document).on('keydown', function (e) { if (e.keyCode === 39 || e.keyCode === 38) { /* Right arrow.*/ wds_change_image_2(parseInt(jQuery('#wds_current_image_key_2').val()), (parseInt(jQuery('#wds_current_image_key_2').val()) + iterator_2()) % wds_data_2.length, wds_data_2); if (e.preventDefault) { e.preventDefault(); } else { e.returnValue = false; } } else if (e.keyCode === 37 || e.keyCode === 40) { /* Left arrow.*/ wds_change_image_2(parseInt(jQuery('#wds_current_image_key_2').val()), (parseInt(jQuery('#wds_current_image_key_2').val()) - iterator_2()) >= 0 ? (parseInt(jQuery('#wds_current_image_key_2').val()) - iterator_2()) % wds_data_2.length : wds_data_2.length - 1, wds_data_2); if (e.preventDefault) { e.preventDefault(); } else { e.returnValue = false; } } else if (e.keyCode === 32) { /* Space.*/ wds_play_pause_2(); if (e.preventDefault) { e.preventDefault(); } else { e.returnValue = false; } } }); } /* Play/pause.*/ jQuery("#wds_slideshow_play_pause_2").on(wds_click, function () { wds_play_pause_2(); }); if (0) { play_2(); jQuery(".wds_slideshow_play_pause_2").attr("title", "Pause"); jQuery(".wds_slideshow_play_pause_2").attr("class", "wds_ctrl_btn_2 wds_slideshow_play_pause_2 fa fa-pause"); if (0) { document.getElementById("wds_audio_2").play(); } if ('top' != 'none') { if ('top' != 'top') { if ('top' != 'bottom') { circle_timer_2(0); } } } } function wds_preload_2(preload_key) { jQuery('') .load(function() { if (preload_key < wds_data_2.length - 1) wds_preload_2(preload_key + 1); }) .error(function() { if (preload_key < wds_data_2.length - 1) wds_preload_2(preload_key + 1); }) .attr("src", (wds_data_2[preload_key]["is_video"] == 'image' ? wds_data_2[preload_key]["image_url"] : "")); } wds_preload_2(0); var first_slide_layers_count_2 = wds_data_2[0]["slide_layers_count"]; if (first_slide_layers_count_2) { /* Loop through layers in.*/ for (var j = 0; j < first_slide_layers_count_2; j++) { wds_set_layer_effect_in_2(j, 0); } /* Loop through layers out.*/ for (var i = 0; i < first_slide_layers_count_2; i++) { wds_set_layer_effect_out_2(i, 0); } } wds_video_dimenstion(2, jQuery("#wds_current_image_key_2").val()); jQuery(".wds_slideshow_filmstrip_2").hover(function() { jQuery(".wds_slideshow_filmstrip_left_2 i, .wds_slideshow_filmstrip_right_2 i").animate({opacity: 1, filter: "Alpha(opacity=100)"}, 700, "swing"); }, function () { jQuery(".wds_slideshow_filmstrip_left_2 i, .wds_slideshow_filmstrip_right_2 i").animate({opacity: 0, filter: "Alpha(opacity=0)"}, 700, "swing"); }); jQuery("#wds_container1_2").hover(function() { }, function () { }); jQuery("#wds_slideshow_play_pause_2").on("click", ".fa-play", function() { }); jQuery("#wds_slideshow_play_pause_2").on("click", ".fa-pause", function() { }); } function wds_stop_animation_2() { window.clearInterval(wds_playInterval_2); /* Pause layers out effect.*/ var current_key = jQuery('#wds_current_image_key_2').val(); var current_slide_layers_count = wds_data_2[current_key]["slide_layers_count"]; setTimeout(function() { for (var k = 0; k < current_slide_layers_count; k++) { clearTimeout(wds_clear_layers_effects_out_2[current_key][k]); } }, wds_duration_for_clear_effects_2); if (0) { document.getElementById("wds_audio_2").pause(); } if (typeof jQuery().stop !== 'undefined') { if (jQuery.isFunction(jQuery().stop)) { if ('top' == 'top' || 'top' == 'bottom') { jQuery(".wds_line_timer_2").stop(); if (0 == true) { wds_carousel2.pause(); } } else if ('top' != 'none') { circle_timer_animate_2.stop(); if (0 == true) { wds_carousel2.pause(); } } } } } function wds_play_animation_2() { if (jQuery(".wds_ctrl_btn_2").hasClass("fa-play")) { return; } play_2(); if (0 == true) { wds_carousel2.start(); } if ('top' != 'none') { if ('top' != 'bottom') { if ('top' != 'top') { if (typeof circle_timer_animate_2 !== 'undefined') { circle_timer_animate_2.stop(); if (0 == true) { wds_carousel2.pause(); } } circle_timer_2(curent_time_deggree_2); } } } if (0) { document.getElementById("wds_audio_2").play(); } } /* Effects in part.*/ function wds_set_layer_effect_in_2(j, key) { wds_clear_layers_effects_in_2[key][j] = setTimeout(function(){ if (wds_data_2[key]["layer_" + j + "_type"] != 'social') { if (jQuery('#wds_2_slide' + wds_data_2[key]["id"] + '_layer' + wds_data_2[key]["layer_" + j + "_id"]).prev().attr('id') != 'wds_2_slide' + wds_data_2[key]["id"] + '_layer' + wds_data_2[key]["layer_" + j + "_id"] + '_round_effect') { jQuery('#wds_2_slide' + wds_data_2[key]["id"] + '_layer' + wds_data_2[key]["layer_" + j + "_id"]).css('-webkit-animation-duration' , wds_data_2[key]["layer_" + j + "_duration_eff_out"] / 1000 + 's').css('animation-duration' , wds_data_2[key]["layer_" + j + "_duration_eff_out"] / 1000 + 's'); jQuery('#wds_2_slide' + wds_data_2[key]["id"] + '_layer' + wds_data_2[key]["layer_" + j + "_id"]).removeClass().addClass( wds_data_2[key]["layer_" + j + "_layer_effect_in"] + ' animated'); } else { jQuery('#wds_2_slide' + wds_data_2[key]["id"] + '_layer' + wds_data_2[key]["layer_" + j + "_id"]+'_div').css('-webkit-animation-duration' , wds_data_2[key]["layer_" + j + "_duration_eff_out"] / 1000 + 's').css('animation-duration' , wds_data_2[key]["layer_" + j + "_duration_eff_out"] / 1000 + 's'); jQuery('#wds_2_slide' + wds_data_2[key]["id"] + '_layer' + wds_data_2[key]["layer_" + j + "_id"]+'_div').removeClass().addClass('hotspot_container ' + wds_data_2[key]["layer_" + j + "_layer_effect_in"] + ' animated'); } } else { jQuery('#wds_2_slide' + wds_data_2[key]["id"] + '_layer' + wds_data_2[key]["layer_" + j + "_id"]).css('-webkit-animation-duration' , wds_data_2[key]["layer_" + j + "_duration_eff_out"] / 1000 + 's').css('animation-duration' , wds_data_2[key]["layer_" + j + "_duration_eff_out"] / 1000 + 's'); jQuery('#wds_2_slide' + wds_data_2[key]["id"] + '_layer' + wds_data_2[key]["layer_" + j + "_id"]).removeClass().addClass( wds_data_2[key]["layer_" + j + "_layer_effect_in"] + ' fa fa-' + wds_data_2[key]["layer_" + j + "_social_button"] + ' animated'); } /* Play video on layer in.*/ if (wds_data_2[key]["layer_" + j + "_type"] == "video") { if (wds_data_2[key]["layer_" + j + "_video_autoplay"] == "on") { jQuery('#wds_2_slide' + wds_data_2[key]["id"] + '_layer' + wds_data_2[key]["layer_" + j + "_id"]).find("iframe").each(function () { jQuery(this)[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*'); jQuery(this)[0].contentWindow.postMessage('{ "method": "play" }', "*"); }); } } wds_upvideo_layer_dimenstion(2, key, j); }, wds_data_2[key]["layer_" + j + "_start"]); } /* Effects out part.*/ function wds_set_layer_effect_out_2(i, key) { wds_clear_layers_effects_out_2[key][i] = setTimeout(function() { if (wds_data_2[key]["layer_" + i + "_layer_effect_out"] != 'none') { if (wds_data_2[key]["layer_" + i + "_type"] != 'social') { if(jQuery('#wds_2_slide' + wds_data_2[key]["id"] + '_layer' + wds_data_2[key]["layer_" + i + "_id"]).prev().attr('id') != 'wds_2_slide' + wds_data_2[key]["id"] + '_layer' + wds_data_2[key]["layer_" + i + "_id"] + '_round_effect'){ jQuery('#wds_2_slide' + wds_data_2[key]["id"] + '_layer' + wds_data_2[key]["layer_" + i + "_id"]).css('-webkit-animation-duration' , wds_data_2[key]["layer_" + i + "_duration_eff_out"] / 1000 + 's').css('animation-duration' , wds_data_2[key]["layer_" + i + "_duration_eff_out"] / 1000 + 's'); jQuery('#wds_2_slide' + wds_data_2[key]["id"] + '_layer' + wds_data_2[key]["layer_" + i + "_id"]).removeClass().addClass( wds_data_2[key]["layer_" + i + "_layer_effect_out"] + ' animated'); }else{ jQuery('#wds_2_slide' + wds_data_2[key]["id"] + '_layer' + wds_data_2[key]["layer_" + i + "_id"]+'_div').css('-webkit-animation-duration' , wds_data_2[key]["layer_" + i + "_duration_eff_out"] / 1000 + 's').css('animation-duration' , wds_data_2[key]["layer_" + i + "_duration_eff_out"] / 1000 + 's'); jQuery('#wds_2_slide' + wds_data_2[key]["id"] + '_layer' + wds_data_2[key]["layer_" + i + "_id"]+'_div').removeClass().addClass( wds_data_2[key]["layer_" + i + "_layer_effect_out"] + ' animated'); } } else { jQuery('#wds_2_slide' + wds_data_2[key]["id"] + '_layer' + wds_data_2[key]["layer_" + i + "_id"]).css('-webkit-animation-duration' , wds_data_2[key]["layer_" + i + "_duration_eff_out"] / 1000 + 's').css('animation-duration' , wds_data_2[key]["layer_" + i + "_duration_eff_out"] / 1000 + 's'); jQuery('#wds_2_slide' + wds_data_2[key]["id"] + '_layer' + wds_data_2[key]["layer_" + i + "_id"]).removeClass().addClass( wds_data_2[key]["layer_" + i + "_layer_effect_out"] + ' fa fa-' + wds_data_2[key]["layer_" + i + "_social_button"] + ' animated'); } } }, wds_data_2[key]["layer_" + i + "_end"]); } function play_2() { if ('top' != 'none') { if (0 || jQuery('.wds_ctrl_btn_2').hasClass('fa-pause')) { jQuery(".wds_line_timer_2").animate({ width: "100%" }, { duration: 5000, specialEasing: {width: "linear"} }); } } window.clearInterval(wds_playInterval_2); /* Play.*/ wds_playInterval_2 = setInterval(function () { var iterator = 1; if (0) { iterator = Math.floor((wds_data_2.length - 1) * Math.random() + 1); } wds_change_image_2(parseInt(jQuery('#wds_current_image_key_2').val()), (parseInt(jQuery('#wds_current_image_key_2').val()) + iterator) % wds_data_2.length, wds_data_2); if (0 == true) { wds_carousel2.next(); } }, parseInt('5000') + wds_duration_for_change_2); } jQuery(window).focus(function() { if (!jQuery(".wds_ctrl_btn_2").hasClass("fa-play")) { if (0) { play_2(); if (0 == true) { wds_carousel2.start(); } if ('top' != 'none') { if ('top' != 'top') { if ('top' != 'bottom') { if (typeof circle_timer_animate_2 !== 'undefined') { circle_timer_animate_2.stop(); } circle_timer_2(curent_time_deggree_2); } } } } } if (0 != true) { var i_2 = 0; jQuery(".wds_slider_2").children("span").each(function () { if (jQuery(this).css('opacity') == 1) { jQuery("#wds_current_image_key_2").val(i_2); } i_2++; }); } }); jQuery(window).blur(function() { wds_event_stack_2 = []; window.clearInterval(wds_playInterval_2); if (typeof jQuery().stop !== 'undefined') { if (jQuery.isFunction(jQuery().stop)) { if ('top' == 'top' || 'top' == 'bottom') { jQuery(".wds_line_timer_2").stop(); if (0 == true) { wds_carousel2.pause(); } } else if ('top' != 'none') { circle_timer_animate_2.stop(); if (0 == true) { wds_carousel2.pause(); } } } } }); if (0 == true) { var wds_currentlyMoving2; var wds_currentCenterNum2; var wds_carousel2; function wds_carousel_params2() { var width, height; var slide_orig_width = 1600; var slide_orig_height = 750; var slide_width = jQuery("#wds_container1_2").parent().width(); var par = 1, par1 = 1; var ratio = slide_width / slide_orig_width; ratio = jQuery(window).width() / slide_orig_width; slide_orig_width = jQuery(window).width() - 0; slide_orig_height = 750 * slide_orig_width / 1600; slide_width = jQuery(window).width() - 0; wds_full_width_2(); var slide_height = slide_orig_height; if (slide_orig_width > slide_width) { slide_height = Math.floor(slide_width * slide_orig_height / slide_orig_width); } width = slide_width; height = slide_height; var larg_width,img_height,parF=1; if (width < 1000) { par = width / 1000; } par1 = 750 * par / height; if (width < 1000) { jQuery(".wds_slideshow_image_wrap_2, #wds_container2_2").height(height * par1+ 0); jQuery(".wds_slideshow_image_container_2").height(height * par1); jQuery(".wds_btn_cont wds_contTableCell2").height(height * par1 ); jQuery(".wds_slide_container_2").height(height * par1); } parF = 1600 * 0.85; jQuery(".wds_slideshow_image_wrap_2, #wds_container2_2").height(height *par1+0); jQuery(".wds_slideshow_image_container_2").height(height * par1); jQuery(".wds_btn_cont wds_contTableCell2").height(height* par1); jQuery(".wds_slide_container_2").height(height * par1); var slideshow_filmstrip_container_width = 'horizontal' == 'horizontal' ? 0 : jQuery( ".wds_slideshow_filmstrip_container_2").width(); jQuery(".wds_slideshow_dots_container_2").css({width: (1600 * par),left:(width -1600 * par - slideshow_filmstrip_container_width) / 2}); var orig_width = 1600 ; var img_width = Math.min(larg_width, orig_width); wds_carousel2 = jQuery(".wds_slide_container_2").featureCarouselslider({ containerWidth: width, containerHeight: height, largeFeatureWidth: 1600 * par, largeFeatureHeight: 750 * par, fit_containerWidth: 0, smallFeaturePar: 0.85, featuresArray: [], timeoutVar: null, rotationsRemaining: 0, parametr: par, parf: parF, data: wds_data_2, autoPlay: 0, interval: 5000, imagecount: 1, wds_number: 2, startingFeature: wds_currentCenterNum2, carouselSpeed: wds_transition_duration_2, borderWidth: 0 }); } jQuery(document).ready(function() { wds_currentlyMoving2 = false; wds_currentCenterNum2 = 1; jQuery(".wds_left-ico_2").click(function () { wds_carousel2.prev(); }); jQuery(".wds_right-ico_2").click(function () { wds_carousel2.next(); }); }); jQuery(window).resize(function() { wds_carousel2.pause(); wds_carousel_params2(); if (!jQuery(".wds_ctrl_btn_2").hasClass("fa-play")) { wds_carousel2.start(); } }); jQuery(window).load(function() { wds_carousel_params2(); wds_display_hotspot(); wds_hotspot_position(); }); } We relish new challenges because of our curiosity and desire to learn new things, and because we enjoy solving problems through smart, beautiful design. Brett Arrington, Studio Manager Ian Campbell, Senior Designer Nicole Fischetti, Senior Designer Jami Halse, Project Manager Kristine Matthews, Director Selected Clients & Collaborators University of Washington Seattle Art Museum Olson Kundig LMN Architects Ballard Food Bank Seattle Center Armory The Pollinator Pathway Tacoma Art Museum Museum of Pop Culture (MoPOP) Graham Baba Architects Bezos Center for Innovation (MOHAI) Louisiana Children’s Museum MadArt Seattle Pilchuck Glass School Bill & Melinda Gates Foundation Fred Hutchinson Cancer Research Center Pacific Northwest Ballet Museum of Science and Industry, Chicago Center for Wooden Boats Berger Partnership Center for Architecture & Design " onclick="void(0)">

We relish new challenges because of our curiosity and desire to learn new things, and because we enjoy solving problems through smart, beautiful design.

Brett Arrington

Brett Arrington, Studio Manager

Ian Campbell

Ian Campbell, Senior Designer

Nicole Fischetti

Nicole Fischetti, Senior Designer

Jami Halse

Jami Halse, Project Manager

Kristine Matthews

Kristine Matthews, Director

Selected Clients & Collaborators

University of Washington
Seattle Art Museum
Olson Kundig
LMN Architects
Ballard Food Bank
Seattle Center Armory
The Pollinator Pathway
Tacoma Art Museum
Museum of Pop Culture (MoPOP)
Graham Baba Architects
Bezos Center for Innovation (MOHAI)
Louisiana Children’s Museum
MadArt Seattle
Pilchuck Glass School

Bill & Melinda Gates Foundation
Fred Hutchinson Cancer Research Center
Pacific Northwest Ballet
Museum of Science and Industry, Chicago
Center for Wooden Boats
Berger Partnership
Center for Architecture & Design

= 0) { if (now < 271) { jQuery('#top_right_4').css({ '-moz-transform':'rotate('+now+'deg)', '-webkit-transform':'rotate('+now+'deg)', '-o-transform':'rotate('+now+'deg)', '-ms-transform':'rotate('+now+'deg)', 'transform':'rotate('+now+'deg)', '-webkit-transform-origin': 'left bottom', '-ms-transform-origin': 'left bottom', '-moz-transform-origin': 'left bottom', 'transform-origin': 'left bottom' }); } } if (now >= 90) { if (now < 271) { bottom_right_deggree_4 = now - 90; jQuery('#bottom_right_4').css({ '-moz-transform':'rotate('+bottom_right_deggree_4 +'deg)', '-webkit-transform':'rotate('+bottom_right_deggree_4 +'deg)', '-o-transform':'rotate('+bottom_right_deggree_4 +'deg)', '-ms-transform':'rotate('+bottom_right_deggree_4 +'deg)', 'transform':'rotate('+bottom_right_deggree_4 +'deg)', '-webkit-transform-origin': 'left top', '-ms-transform-origin': 'left top', '-moz-transform-origin': 'left top', 'transform-origin': 'left top' }); } } if (now >= 180) { if (now < 361) { bottom_left_deggree_4 = now - 180; jQuery('#bottom_left_4').css({ '-moz-transform':'rotate('+bottom_left_deggree_4 +'deg)', '-webkit-transform':'rotate('+bottom_left_deggree_4 +'deg)', '-o-transform':'rotate('+bottom_left_deggree_4 +'deg)', '-ms-transform':'rotate('+bottom_left_deggree_4 +'deg)', 'transform':'rotate('+bottom_left_deggree_4 +'deg)', '-webkit-transform-origin': 'right top', '-ms-transform-origin': 'right top', '-moz-transform-origin': 'right top', 'transform-origin': 'right top' }); } } if (now >= 270) { if (now < 361) { top_left_deggree_4 = now - 270; jQuery('#top_left_4').css({ '-moz-transform':'rotate('+top_left_deggree_4 +'deg)', '-webkit-transform':'rotate('+top_left_deggree_4 +'deg)', '-o-transform':'rotate('+top_left_deggree_4 +'deg)', '-ms-transform':'rotate('+top_left_deggree_4 +'deg)', 'transform':'rotate('+top_left_deggree_4 +'deg)', '-webkit-transform-origin': 'right bottom', '-ms-transform-origin': 'right bottom', '-moz-transform-origin': 'right bottom', 'transform-origin': 'right bottom' }); } } } }); } /* Stop autoplay.*/ window.clearInterval(wds_playInterval_4); var wds_current_key_4 = '0'; var wds_current_filmstrip_pos_4 = 0; /* Set filmstrip initial position.*/ function wds_set_filmstrip_pos_4(filmStripWidth) { var selectedImagePos = -wds_current_filmstrip_pos_4 - (jQuery(".wds_slideshow_filmstrip_thumbnail_4").width() + 0) / 2; var imagesContainerLeft = Math.min(0, Math.max(filmStripWidth - jQuery(".wds_slideshow_filmstrip_thumbnails_4").width(), selectedImagePos + filmStripWidth / 2)); jQuery(".wds_slideshow_filmstrip_thumbnails_4").animate({ left: imagesContainerLeft }, { duration: 500, complete: function () { wds_filmstrip_arrows_4(); } }); } function wds_move_filmstrip_4() { var image_left = jQuery(".wds_slideshow_thumb_active_4").position().left; var image_right = jQuery(".wds_slideshow_thumb_active_4").position().left + jQuery(".wds_slideshow_thumb_active_4").outerWidth(true); var wds_filmstrip_width = jQuery(".wds_slideshow_filmstrip_4").outerWidth(true); var wds_filmstrip_thumbnails_width = jQuery(".wds_slideshow_filmstrip_thumbnails_4").outerWidth(true); var long_filmstrip_cont_left = jQuery(".wds_slideshow_filmstrip_thumbnails_4").position().left; var long_filmstrip_cont_right = Math.abs(jQuery(".wds_slideshow_filmstrip_thumbnails_4").position().left) + wds_filmstrip_width; if (wds_filmstrip_width > wds_filmstrip_thumbnails_width) { return; } if (image_left < Math.abs(long_filmstrip_cont_left)) { jQuery(".wds_slideshow_filmstrip_thumbnails_4").animate({ left: -image_left }, { duration: 500, complete: function () { wds_filmstrip_arrows_4(); } }); } else if (image_right > long_filmstrip_cont_right) { jQuery(".wds_slideshow_filmstrip_thumbnails_4").animate({ left: -(image_right - wds_filmstrip_width) }, { duration: 500, complete: function () { wds_filmstrip_arrows_4(); } }); } } function wds_move_dots_4() { var image_left = jQuery(".wds_slideshow_dots_active_4").position().left; var image_right = jQuery(".wds_slideshow_dots_active_4").position().left + jQuery(".wds_slideshow_dots_active_4").outerWidth(true); var wds_dots_width = jQuery(".wds_slideshow_dots_container_4").outerWidth(true); var wds_dots_thumbnails_width = jQuery(".wds_slideshow_dots_thumbnails_4").outerWidth(true); var long_filmstrip_cont_left = jQuery(".wds_slideshow_dots_thumbnails_4").position().left; var long_filmstrip_cont_right = Math.abs(jQuery(".wds_slideshow_dots_thumbnails_4").position().left) + wds_dots_width; if (wds_dots_width > wds_dots_thumbnails_width) { return; } if (image_left < Math.abs(long_filmstrip_cont_left)) { jQuery(".wds_slideshow_dots_thumbnails_4").animate({ left: -image_left }, { duration: 500 }); } else if (image_right > long_filmstrip_cont_right) { jQuery(".wds_slideshow_dots_thumbnails_4").animate({ left: -(image_right - wds_dots_width) }, { duration: 500 }); } } /* Show/hide filmstrip arrows.*/ function wds_filmstrip_arrows_4() { if (jQuery(".wds_slideshow_filmstrip_thumbnails_4").width() < jQuery(".wds_slideshow_filmstrip_4").width()) { jQuery(".wds_slideshow_filmstrip_left_4").hide(); jQuery(".wds_slideshow_filmstrip_right_4").hide(); } else { jQuery(".wds_slideshow_filmstrip_left_4").show(); jQuery(".wds_slideshow_filmstrip_right_4").show(); } } function wds_testBrowser_cssTransitions_4() { return wds_testDom_4('Transition'); } function wds_testBrowser_cssTransforms3d_4() { return wds_testDom_4('Perspective'); } function wds_testDom_4(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 wds_set_dots_class_4() { jQuery(".wds_slideshow_dots_4").removeClass("wds_slideshow_dots_active_4").addClass("wds_slideshow_dots_deactive_4"); jQuery("#wds_dots_" + wds_current_key_4 + "_4").removeClass("wds_slideshow_dots_deactive_4").addClass("wds_slideshow_dots_active_4"); jQuery(".wds_slideshow_dots_4").removeClass("fa-square").addClass("fa-square-o"); jQuery("#wds_dots_" + wds_current_key_4 + "_4").removeClass("fa-square-o").addClass("fa-square"); } function wds_set_filmstrip_class_4() { jQuery('.wds_slideshow_filmstrip_thumbnail_4').removeClass('wds_slideshow_thumb_active_4').addClass('wds_slideshow_thumb_deactive_4'); jQuery('#wds_filmstrip_thumbnail_' + wds_current_key_4 + '_4').removeClass('wds_slideshow_thumb_deactive_4').addClass('wds_slideshow_thumb_active_4'); } function wds_grid3d_4(cols, rows, tz, wrx, wry, nty, ntx, nry, nrx, current_image_class, next_image_class, direction, random, easing) { /* If browser does not support CSS transitions.*/ if (!wds_testBrowser_cssTransitions_4()) { return wds_fallback_4(current_image_class, next_image_class, direction); } wds_trans_in_progress_4 = true; /* Set active thumbnail.*/ wds_set_filmstrip_class_4(); wds_set_dots_class_4(); /* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/ var count = (wds_transition_duration_4) / (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 wds_gridlet(width, height, top, img_top, left, img_left, src, src2, imgWidth, imgHeight, c, r) { var delay = random ? Math.floor((cols + rows) * count * Math.random()) : (c + r) * count; /* Return a gridlet elem with styles for specific transition.*/ var grid_div = jQuery('').css({ display: "block", width : "100%", height : "100%", transform : 'translateZ(' + tz + 'px)', backfaceVisibility : 'hidden', overflow: 'hidden' }).append(jQuery('').css({ display: "block", width : jQuery(".wds_slideshow_image_spun_4").width() + "px", height : jQuery(".wds_slideshow_image_spun_4").height() + "px", top : -top, left : -left, backgroundImage : src, backgroundSize: jQuery(".wds_slideshow_image_4").css("background-size"), backgroundPosition: jQuery(".wds_slideshow_image_4").css("background-position"), /*backgroundColor: jQuery(".wds_slideshow_image_wrap_4").css("background-color"),*/ backgroundRepeat: 'no-repeat', })); var grid_div2 = jQuery('').css({ display: "block", width : "100%", height : "100%", backfaceVisibility : 'hidden', transform : 'translateY(' + nty + 'px) translateX(' + ntx + 'px) rotateY('+ nry +'deg) rotateX('+ nrx +'deg)', overflow: 'hidden' }).append(jQuery('').css({ display: "block", width : jQuery(".wds_slideshow_image_spun_4").width() + "px", height : jQuery(".wds_slideshow_image_spun_4").height() + "px", top : -top, left : -left, backgroundImage : src2, backgroundSize: jQuery(".wds_slideshow_image_4").css("background-size"), backgroundPosition: jQuery(".wds_slideshow_image_4").css("background-position"), /*backgroundColor: jQuery(".wds_slideshow_image_wrap_4").css("background-color"),*/ backgroundRepeat: 'no-repeat', })); return jQuery('').css({ display: "block", width : width, height : height, top : top, left : left, transition : 'all ' + wds_transition_duration_4 + 'ms ' + easing + ' ' + delay + 'ms', transform: 'translateZ(-' + tz + 'px)', transformStyle: 'preserve-3d', }).append(grid_div).append(grid_div2); } /* Get the current slide's image.*/ var cur_img = jQuery(current_image_class).find('span[img_id^="wds_slideshow_image"]'); var next_img = jQuery(next_image_class).find('span[img_id^="wds_slideshow_image"]'); /* Create a grid to hold the gridlets.*/ var grid = jQuery('').addClass('wds_grid_4').css('perspective', 1000); /* Prepend the grid to the next slide (i.e. so it's above the slide image).*/ jQuery(current_image_class).prepend(grid); /* vars to calculate positioning/size of gridlets*/ var cont = jQuery(".wds_slide_bg_4"); var imgWidth = cur_img.width(); var imgHeight = cur_img.height(); var contWidth = cont.width(), contHeight = cont.height(), imgSrc = cur_img.css('background-image'), imgSrcNext = next_img.css('background-image'), colWidth = Math.floor(contWidth / cols), rowHeight = Math.floor(contHeight / rows), colRemainder = contWidth - (cols * colWidth), colAdd = Math.ceil(colRemainder / cols), rowRemainder = contHeight - (rows * rowHeight), rowAdd = Math.ceil(rowRemainder / rows), leftDist = 0, img_leftDist = (jQuery(".wds_slide_bg_4").width() - cur_img.width()) / 2; /* Loop through cols*/ for (var i = 0; i < cols; i++) { var topDist = 0, img