var hashOptions; hashOptions = window.location.hash.replace('#filters', '') var is_chrome = /chrome/i.test( navigator.userAgent ); var slideLock = false; var isMobile = { Android: function() { return navigator.userAgent.match(/Android/i); }, BlackBerry: function() { return navigator.userAgent.match(/BlackBerry/i); }, iOS: function() { return navigator.userAgent.match(/iPhone|iPad|iPod/i); }, Opera: function() { return navigator.userAgent.match(/Opera Mini/i); }, Windows: function() { return navigator.userAgent.match(/IEMobile/i); }, any: function() { return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows()); } }; function windowHeightDivs(){ if(!isMobile.any()){ $("#logoWrap").css({"margin-top":$(window).height()-$("#logoWrap").outerHeight()-10+"px"}) } $(".zwartArea").css({ "min-height": $(window).height()+"px" }) $(".isotope").css({ "min-height": $(window).height()+200+"px" }) } function stickyElements(){ $('#filter').fixedsticky(); } function initIsotope(){ var $container = $('.isotope').isotope({ masonry: { columnWidth: '.grid-sizer' }, transitionDuration: '0.2s', filter: hashOptions, }); } // function sidebarOn(){ // if($(window).width()>768){ // // $("#sidebarInner").slideDown(400) // // $("#sidebar").addClass("sidebarBorder"); // // alert('slideDown') // // $('#filter').fixedsticky(); // } // } function sidebarOff(){ if($(window).width()>768){ $(".closeSidebar").css('display','none') // if($(document).scrollTop()>$('#zwartIntro').height()-1 && $(document).scrollTop()<$("#section03").offset().top){ $("#sidebarInner").slideDown(0) // } } else { $(".closeSidebar").css('display','block') } } function ifSticky(){ if (!$("#filter").hasClass('fixedsticky-on')){ if($(document).scrollTop()>$('#zwartIntro').height()-1 && $(document).scrollTop()<$("#section03").offset().top){ if(is_chrome){$('#filter').css({'position':'fixed'})} if($(window).width()<768){ $(".closeSidebar").css('display','block') if(slideLock == false){ $("#sidebarInner").slideDown(0) } }else{ $("#sidebarInner").slideDown(200) } } else{ if(is_chrome){$('#filter').css({'position':''})} if($(window).width()<768){ $(".closeSidebar").css('display','none') if(slideLock == false){ $("#sidebarInner").slideUp(0) } }else{ $("#sidebarInner").slideUp(200) } } } } $(".closeSidebar").click(function(){ $("#sidebarInner").slideToggle() if(slideLock == false){ slideLock = true $(".closeSidebar").html('') }else{ slideLock = false $(".closeSidebar").html('') } }); function toggleDescInner(){ $("#sideBarDescInnerToggle").on('click', function(){ $("#sideBarDescInner").slideToggle() }) } function initUnderlineFilters(){ startfilter = window.location.hash.replace('#filters', '') startfilterArray = startfilter.split(".") startfilterArray.shift() startfilterArray.forEach(function(afilter) { $('input.'+afilter+'').next("p").toggleClass("underlineFilter") moveToSide = $('input.'+afilter+'').next("p").outerWidth() $('input.'+afilter+'').parent().next('label').css({"margin-left":moveToSide+"px"}) $('input.'+afilter+'').prop('checked', $(this).is(':checked')); $('input.'+afilter+'').prop( "checked", true ) $("#sideBarDesc").find($("."+afilter)).prependTo("#sideBarDescInner").slideDown(50) }); } function filterByInput(){ var $checkboxes = $('.themes input'); $checkboxes.change( function() { $(document).scrollTop($('#section02').offset().top); $("#sidebarInner").slideDown(400) // $('#pageWrap').scrollTop($("#filter").outerHeight()+$('#pageWrap').scrollTop()+$('#section02').offset().top); // $(document).scrollTop($(document).scrollTop()+$('#section02').offset().top); // setTimeout(function(){ // if($("#filter:visible").hasClass('fixedBar')){ // $("#sideBarDesc").slideDown(400) // } // }, 300); $('body').css({"opacity":'0'}) var thisSaved = $(this) function layoutComplete(par01){ $('input.'+par01.attr("class")+'').next("p").toggleClass("underlineFilter") $('input.'+par01.attr("class")+'').prop('checked', par01.is(':checked')); if ($('input.'+par01.attr("class")+'').next("p").hasClass("underlineFilter")){ moveToSide = $('input.'+par01.attr("class")+'').next("p").outerWidth() foundClass=par01.attr("class") $("#sideBarDesc").find($("."+foundClass)).prependTo("#sideBarDescInner").slideDown(50) }else{ moveToSide = 0 foundClass=par01.attr("class") $("#sideBarDesc").find($("."+foundClass)).slideUp(50) } $('input.'+par01.attr("class")+'').parent().next('label').css({"margin-left":moveToSide+"px"}) $('body').css({"opacity":'1'}) } // $('input.'+$(this).attr("class")+'').next("p").toggleClass("underlineFilter") // $('input.'+$(this).attr("class")+'').prop('checked', $(this).is(':checked')); var checkboxesCheck = $('.themes input:checked'); var exclusives = []; $checkboxes.each( function( i, elem ) { if ( elem.checked ) { exclusives.push( elem.value ); } }); exclusives = exclusives.join(''); var filterValue; filterValue = exclusives; location.hash = '#filters'+filterValue hashOptions = window.location.hash.replace('#filters', '') $container = $('.isotope').isotope({ filter: hashOptions }) $container.on('layoutComplete', layoutComplete(thisSaved)) }); } // RUN THE FUNCTIONS windowHeightDivs() initIsotope() stickyElements() // initUnderlineFilters() // filterByInput() toggleDescInner() sidebarOff() document.onscroll = function() { ifSticky() }; $( window ).resize(function() { windowHeightDivs() sidebarOff() })