calibre-web/views/_codedrops/3DBookShowcase/js/books2.js

var Books = (function() {

	var transEndEventNames = {
			'WebkitTransition' : 'webkitTransitionEnd',
			'MozTransition' : 'transitionend',
			'OTransition' : 'oTransitionEnd',
			'msTransition' : 'MSTransitionEnd',
			'transition' : 'transitionend'
		}, 
		transEndEventName = transEndEventNames[ Modernizr.prefixed( 'transition' ) ],
		$books = $( '#bk-list > li > div.bk-book' ), booksCount = $books.length, currentbook = -1; 
	
	function init() {

		$books.each( function( i ) {
			
			var $book = $( this ),
				$other = $books.not( $book ),
				$parent = $book.parent(),
				$page = $book.children( 'div.bk-page' ),
				$content = $page.children( 'div.bk-content' ), current = 0;

			if( i < booksCount / 2 ) {
				$parent.css( 'z-index', i ).data( 'stackval', i );
			}
			else {
				$parent.css( 'z-index', booksCount - 1 - i ).data( 'stackval', booksCount - 1 - i );	
			}

			$book.on( 'click', function() {
				
				if( currentbook !== -1 && currentbook !== $parent.index() ) {
					closeCurrent();
				}
				
				if( $book.data( 'opened' ) ) {
					$book.data( 'opened', false ).removeClass( 'bk-viewinside' ).on( transEndEventName, function() {
						$( this ).off( transEndEventName ).removeClass( 'bk-outside' );
						$parent.css( 'z-index', $parent.data( 'stackval' ) );
						currentbook = -1;
					} );
				}
				else {
					$book.data( 'opened', true ).addClass( 'bk-outside' ).on( transEndEventName, function() {
						$( this ).off( transEndEventName ).addClass( 'bk-viewinside' );
						$parent.css( 'z-index', booksCount );
						currentbook = $parent.index();
					} );
					current = 0;
					$content.removeClass( 'bk-content-current' ).eq( current ).addClass( 'bk-content-current' );
				}

			} );

			if( $content.length > 1 ) {

				var $navPrev = $( '<span class="bk-page-prev">&lt;</span>' ),
					$navNext = $( '<span class="bk-page-next">&gt;</span>' );
				
				$page.append( $( '<nav></nav>' ).append( $navPrev, $navNext ) );

				$navPrev.on( 'click', function() {
					if( current > 0 ) {
						--current;
						$content.removeClass( 'bk-content-current' ).eq( current ).addClass( 'bk-content-current' );
					}
					return false;
				} );

				$navNext.on( 'click', function() {
					if( current < $content.length - 1 ) {
						++current;
						$content.removeClass( 'bk-content-current' ).eq( current ).addClass( 'bk-content-current' );
					}
					return false;
				} );

			}
			
		} );

	}

	function closeCurrent() {

		var $book = $books.eq( currentbook ),
			$parent = $book.parent();
		
		$book.data( 'opened', false ).removeClass( 'bk-viewinside' ).on( transEndEventName, function(e) {
			$( this ).off( transEndEventName ).removeClass( 'bk-outside' );
			$parent.css( 'z-index', $parent.data( 'stackval' ) );
		} );

	}

	return { init : init };

})();