/** * 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(); })();