Team:British Columbia/mwe modalEffects.js

From 2014.igem.org

/**

* modalEffects.js v1.0.0
* http://www.codrops.com
*
* Licensed under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 
* Copyright 2013, Codrops
* http://www.codrops.com
*/

var ModalEffects = (function() {

function init() {

var overlay = document.querySelector( '.md-overlay' );

[].slice.call( document.querySelectorAll( '.md-trigger' ) ).forEach( function( el, i ) {

var modal = document.querySelector( '#' + el.getAttribute( 'data-modal' ) ), close = modal.querySelector( '.md-close' );

function removeModal( hasPerspective ) { classie.remove( modal, 'md-show' );

if( hasPerspective ) { classie.remove( document.documentElement, 'md-perspective' ); } }

function removeModalHandler() { removeModal( classie.has( el, 'md-setperspective' ) ); }

el.addEventListener( 'click', function( ev ) { classie.add( modal, 'md-show' ); overlay.removeEventListener( 'click', removeModalHandler ); overlay.addEventListener( 'click', removeModalHandler );

if( classie.has( el, 'md-setperspective' ) ) { setTimeout( function() { classie.add( document.documentElement, 'md-perspective' ); }, 25 ); } });

close.addEventListener( 'click', function( ev ) { ev.stopPropagation(); removeModalHandler(); });

} );

}

init();

})();