// JQUERY (flexslider) $(document).ready(function() { "use strict"; $('.widget-slider .flexslider').flexslider({ animation: "slide", slideshow: "false", slideshowSpeed: 7000, animationSpeed: 600, easing: "swing", directionNav: false }); }); // Le preloader $(window).load(function() { // makes sure the whole site is loaded "use strict"; $("#status").fadeOut(); // will first fade out the loading animation $("#preloader").delay(350).fadeOut("slow"); // will fade out the white DIV that covers the website. $("#preloader-container").css("position","static"); }); // Google Maps function initialize() { var styles = [ { "stylers": [ { "visibility": "on" }, { "saturation": -100 }, { "gamma": 1 } ] },{ } ]; var myLatlng = new google.maps.LatLng(41.385,2.169); var mapOptions = { zoom: 15, mapTypeId: google.maps.MapTypeId.ROADMAP, disableDefaultUI: true, draggable: false, scrollwheel: false, center: myLatlng, }; var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); map.setOptions({styles: styles}); var image = ''; var marker = new google.maps.Marker({ position: myLatlng, map: map, icon: image, }); } // CONTACT FORM $('.submit').click(function() { "use strict"; var name = $("#name").val(); var email = $("#email").val(); var message = $("#message").val(); var dataString = 'name='+ name + '&email=' + email + '&message=' + message; $.ajax({ type: "POST", url: "http://transformingedmonton.ca/wp-content/themes/supergrid/contact.php", data: dataString, success: function (html) { if (html === "invalid_email ") { $('.contact-alerts').empty(); $('.contact-alerts').append('
This email is invalid!
'); } else if (html === "success ") { $('.contact-alerts').empty(); $('.contact-alerts').append('
Your email has been sent!
'); } else if (html === "error ") { $('.contact-alerts').empty(); $('.contact-alerts').append('
Please fill out all the fields!
'); } } }); }); // JQUERY (tooltips) $("[rel=alternate]").tooltip() // JQUERY (hash) $(window).bind( 'hashchange', function( event ) { $.getScript("http://transformingedmonton.ca/wp-content/themes/supergrid/js/load-more.php") }); // JQUERY (fancy) $(document).ready(function() { $(".fancybox").fancybox({ helpers : { overlay : { locked : false } }, padding: ['5px', '5px', '5px', '5px'] }); }); // JQUERY (isotope) $(window).load(function(){ $.Isotope.prototype._getCenteredMasonryColumns = function() { this.width = this.element.width(); var parentWidth = this.element.parent().width(); // i.e. options.masonry && options.masonry.columnWidth var colW = this.options.masonry && this.options.masonry.columnWidth || // or use the size of the first item this.$filteredAtoms.outerWidth(true) || // if there's no items, use size of container parentWidth; var cols = Math.floor( parentWidth / colW ); cols = Math.max( cols, 1 ); // i.e. this.masonry.cols = .... this.masonry.cols = cols; // i.e. this.masonry.columnWidth = ... this.masonry.columnWidth = colW; }; $.Isotope.prototype._masonryReset = function() { // layout-specific props this.masonry = {}; // FIXME shouldn't have to call this again this._getCenteredMasonryColumns(); var i = this.masonry.cols; this.masonry.colYs = []; while (i--) { this.masonry.colYs.push( 0 ); } }; $.Isotope.prototype._masonryResizeChanged = function() { var prevColCount = this.masonry.cols; // get updated colCount this._getCenteredMasonryColumns(); return ( this.masonry.cols !== prevColCount ); }; $.Isotope.prototype._masonryGetContainerSize = function() { var unusedCols = 0, i = this.masonry.cols; // count unused columns while ( --i ) { if ( this.masonry.colYs[i] !== 0 ) { break; } unusedCols++; } return { height : Math.max.apply( Math, this.masonry.colYs ), // fit container to columns that have been used; width : (this.masonry.cols - unusedCols) * this.masonry.columnWidth }; }; // Check if Mobile or Tablet device function is_touch_device() { return !!('ontouchstart' in window) // works on most browsers || !!('onmsgesturechange' in window); // works on ie10 }; // If touch device, disable transforms. if (is_touch_device() && $(window).width() < 800) { var bubu = { animationEngine: 'best-available', filter: '.blog', sortBy: 'original-order', sortAscending: true, transformsEnabled: false, layoutMode: 'masonry' }; } else { var bubu = { animationEngine: 'best-available', filter: '.blog', sortBy: 'original-order', sortAscending: true, transformsEnabled: true, layoutMode: 'masonry', animationOptions: { queue: false, easing: 'linear', duration: 800 }, }; } // Settings for the grid $(function(){ var $container = $('#container'), // object that will keep track of options isotopeOptions = {}, // defaults, used if not explicitly set in hash defaultOptions = bubu; var setupOptions = $.extend( {}, defaultOptions, { itemSelector : '.widget', masonry: { gutterWidth: 50, columnWidth: 1, }, }); // set up Isotope $container.isotope( setupOptions ); var $optionSets = $('nav').find('ul'), isOptionLinkClicked = false; // switches selected class on buttons function changeSelectedLink( $elem ) { // remove selected class on previous item $elem.parents().find('.selected').removeClass('selected'); // set selected class on new item $elem.addClass('selected'); } $container.infinitescroll({ navSelector : '#page_nav', // selector for the paged navigation nextSelector : '#page_nav a', // selector for the NEXT link (to page 2) itemSelector : '.blog', // selector for all items you'll retrieve behavior: 'twitter', loading: { finishedMsg: '', img: '' } }, // call Isotope as a callback function(newElements) { var $newElems = $(newElements); $newElems.imagesLoaded(function(){ $container.isotope('appended', $newElems ); }); $("#page_nav a").css("background-image","url(http://transformingedmonton.ca/wp-content/themes/supergrid/img/icon_cross.png)"); $.getScript("http://transformingedmonton.ca/wp-content/themes/supergrid/js/post-like.js"); } ); $optionSets.find('a').click(function(){ var $this = $(this); // don't proceed if already selected if ( $this.hasClass('selected') ) { return; } changeSelectedLink( $this ); // get href attr, remove leading # var href = $this.attr('href').replace( /^#/, '' ), // convert href into object // i.e. 'filter=.inner-transition' -> { filter: '.inner-transition' } option = $.deparam( href, true ); // apply new option to previous $.extend( isotopeOptions, option ); // set hash, triggers hashchange on window $.bbq.pushState( isotopeOptions ); isOptionLinkClicked = true; if ($(window).width() <= 480) { $('#nav-collapse').removeClass('in'); $('#nav-collapse').css('height','0'); } // Reloads script on filter. $.getScript("http://transformingedmonton.ca/wp-content/themes/supergrid/js/load-more.php"); $.getScript("http://transformingedmonton.ca/wp-content/themes/supergrid/js/post-like.js"); return false; }); var hashChanged = false; $(window).bind( 'hashchange', function( event ){ // get options object from hash var hashOptions = window.location.hash ? $.deparam.fragment( window.location.hash, true ) : {}, // do not animate first call aniEngine = hashChanged ? 'best-available' : 'none', // apply defaults where no option was specified options = $.extend( {}, defaultOptions, hashOptions, { animationEngine: aniEngine } ); // apply options from hash $container.isotope( options ); // save options isotopeOptions = hashOptions; // if option link was not clicked // then we'll need to update selected links if ( !isOptionLinkClicked ) { // iterate over options var hrefObj, hrefValue, $selectedLink; for ( var key in options ) { hrefObj = {}; hrefObj[ key ] = options[ key ]; // convert object into parameter string // i.e. { filter: '.inner-transition' } -> 'filter=.inner-transition' hrefValue = $.param( hrefObj ); // get matching link $selectedLink = $optionSets.find('a[href="#' + hrefValue + '"]'); changeSelectedLink( $selectedLink ); } } isOptionLinkClicked = false; hashChanged = true; }) // trigger hashchange to capture any hash data on init .trigger('hashchange'); }); });