Team:UNITN-Trento/JS/Library/jmslideshow

From 2013.igem.org

(Difference between revisions)
 
(60 intermediate revisions not shown)
Line 1: Line 1:
-
/*!
+
(function( $, undefined ) {
-
* jquery.scrollto.js 0.0.1 - https://github.com/yckart/jquery.scrollto.js
+
-
* Scroll smooth to any element in your DOM.
+
/*
-
*
+
* JMSlideshow object
-
* Copyright (c) 2012 Yannick Albert (http://yckart.com)
+
-
* Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php).
+
-
* 2013/02/17
+
-
**/
+
-
$.scrollTo = $.fn.scrollTo = function(x, y, options){
+
-
    if (!(this instanceof $)) return $.fn.scrollTo.apply($('html, body'), arguments);
+
-
 
+
-
    options = $.extend({}, {
+
-
        gap: {
+
-
            x: 0,
+
-
            y: 0
+
-
        },
+
-
        animation: {
+
-
            easing: 'swing',
+
-
            duration: 600,
+
-
            complete: $.noop,
+
-
            step: $.noop
+
-
        }
+
-
    }, options);
+
-
 
+
-
    return this.each(function(){
+
-
        var elem = $(this);
+
-
        elem.stop().animate({
+
-
            scrollLeft: !isNaN(Number(x)) ? x : $(y).offset().left + options.gap.x,
+
-
            scrollTop: !isNaN(Number(y)) ? y : $(y).offset().top + options.gap.y
+
-
        }, options.animation);
+
-
    });
+
-
};
+
-
 
+
-
/**
+
-
* onHashChange (oHch) event handler
+
-
* @version onHashChange 1.0
+
-
* @copyright Copyright (c) 2010-2012, Gabriele Girelli
+
-
* @author ggirelli <g.girelli@studenti.unitn.it>
+
-
*/
+
-
function oHch(event) {
+
-
    var getHashValue = function() {
+
-
        var hasValue = window.location.hash.split("#")[1];
+
-
        if (typeof hasValue == "undefined") {
+
-
            return false;
+
-
        }
+
-
        return hasValue;
+
-
    }
+
-
var lastHash = getHashValue();
+
-
    (function listenHash() {
+
-
        var hash = getHashValue();
+
-
 
+
-
        if (hash !== lastHash) {
+
-
            event();
+
-
            lastHash = hash;
+
-
        }
+
-
 
+
-
        var t = setTimeout(listenHash, 100);
+
-
 
+
-
    })();
+
-
}
+
-
 
+
-
/**
+
-
* onTimeChange (oTch) event handler
+
-
* @version onTimeChange 1.0
+
-
* @copyright Copyright (c) 2010-2012, Gabriele Girelli
+
-
* @author ggirelli <g.girelli@studenti.unitn.it>
+
-
*/
+
-
function oTch(event) {
+
-
    var getTimeValue = function() {
+
-
        var d = new Date();
+
-
        return d.getTime();
+
-
    }
+
-
        var lastTime = getTimeValue();
+
-
    (function listenTime() {
+
-
        var time = getTimeValue();
+
-
        if (time !== lastTime) {
+
-
            event();
+
-
            lastTime = time;
+
-
        }
+
-
 
+
-
        var t = setTimeout(listenTime, 100);
+
-
 
+
-
    })();
+
-
}
+
-
 
+
-
/**
+
-
* onWidthChange (oWri) event handler
+
-
* @version onWidthChange 1.0
+
-
* @copyright Copyright (c) 2010-2012, Gabriele Girelli
+
-
* @author ggirelli <g.girelli@studenti.unitn.it>
+
-
*/
+
-
function oWch(event) {
+
-
    var getWidthValue = function() {
+
-
        return window.innerWidth;
+
-
    }
+
-
        var lastWidth = getWidthValue();
+
-
    (function listenWidth() {
+
-
        var width = getWidthValue();
+
-
        if (width !== lastWidth) {
+
-
            event();
+
-
            lastWidth = width;
+
-
        }
+
-
 
+
-
        var w = setTimeout(listenWidth, 100);
+
-
 
+
-
    })();
+
-
}
+
-
 
+
-
 
+
-
/*!
+
-
* jmpress.js v0.4.0
+
-
* http://shama.github.com/jmpress.js
+
-
*
+
-
* A jQuery plugin to build a website on the infinite canvas.
+
-
*
+
-
* Copyright 2012 Kyle Robinson Young @shama & Tobias Koppers @sokra
+
-
* Licensed MIT
+
-
* http://www.opensource.org/licenses/mit-license.php
+
-
*
+
-
* Based on the foundation laid by Bartek Szopka @bartaz
+
-
*/
+
-
 
+
-
/*!
+
-
* core.js
+
-
* The core of jmpress.js
+
-
*/
+
-
(function( $, document, window, undefined ) {
+
-
 
+
-
'use strict';
+
-
 
+
-
/**
+
-
* Set supported prefixes
+
-
*
+
-
* @access protected
+
-
* @return Function to get prefixed property
+
*/
*/
-
var pfx = (function () {
+
$.JMSlideshow = function( options, element ) {
-
var style = document.createElement('dummy').style,
+
-
prefixes = 'Webkit Moz O ms Khtml'.split(' '),
+
// the jms-slideshow
-
memory = {};
+
this.$el = $( element );
-
return function ( prop ) {
+
-
if ( typeof memory[ prop ] === "undefined" ) {
+
this._init( options );
-
var ucProp  = prop.charAt(0).toUpperCase() + prop.substr(1),
+
-
props  = (prop + ' ' + prefixes.join(ucProp + ' ') + ucProp).split(' ');
+
-
memory[ prop ] = null;
+
-
for ( var i in props ) {
+
-
if ( style[ props[i] ] !== undefined ) {
+
-
memory[ prop ] = props[i];
+
-
break;
+
-
}
+
-
}
+
-
}
+
-
return memory[ prop ];
+
-
};
+
-
}());
+
-
 
+
-
/**
+
-
* map ex. "WebkitTransform" to "-webkit-transform"
+
-
*/
+
-
function mapProperty( name ) {
+
-
if(!name) {
+
-
return;
+
-
}
+
-
var index = 1 + name.substr(1).search(/[A-Z]/);
+
-
var prefix = name.substr(0, index).toLowerCase();
+
-
var postfix = name.substr(index).toLowerCase();
+
-
return "-" + prefix + "-" + postfix;
+
-
}
+
-
function addComma( attribute ) {
+
-
if(!attribute) {
+
-
return "";
+
-
}
+
-
return attribute + ",";
+
-
}
+
-
 
+
-
/**
+
-
* Default Settings
+
-
*/
+
-
var defaults = {
+
-
/* CLASSES */
+
-
stepSelector: '.step'
+
-
,containerClass: ''
+
-
,canvasClass: ''
+
-
,areaClass: ''
+
-
,notSupportedClass: 'not-supported'
+
-
,loadedClass: 'loaded'
+
-
 
+
-
/* CONFIG */
+
-
,fullscreen: true
+
-
 
+
-
/* ANIMATION */
+
-
,animation: {
+
-
transformOrigin: 'top left'
+
-
,transitionProperty: addComma(mapProperty(pfx('transform'))) + addComma(mapProperty(pfx('perspective'))) + 'opacity'
+
-
,transitionDuration: '1s'
+
-
,transitionDelay: '500ms'
+
-
,transitionTimingFunction: 'ease-in-out'
+
-
,transformStyle: "preserve-3d"
+
-
}
+
-
,transitionDuration: 1500
+
-
 
+
-
/* TEST */
+
-
,test: false
+
};
};
-
var callbacks = {
+
-
'beforeChange': 1
+
$.JMSlideshow.defaults = {
-
,'beforeInitStep': 1
+
// options for the jmpress plugin.
-
,'initStep': 1
+
// you can add much more options here. Check http://shama.github.com/jmpress.js/
-
,'beforeInit': 1
+
jmpressOpts : {
-
,'afterInit': 1
+
// set the viewport
-
,'beforeDeinit': 1
+
viewPort : {
-
,'afterDeinit': 1
+
height : 400,
-
,'applyStep': 1
+
width : 1000,
-
,'unapplyStep': 1
+
maxScale: 1
-
,'setInactive': 1
+
},
-
,'beforeActive': 1
+
fullscreen : false,
-
,'setActive': 1
+
hash : { use : false },
-
,'selectInitialStep': 1
+
mouse : { clickSelects : false },
-
,'selectPrev': 1
+
keyboard : { use : false },
-
,'selectNext': 1
+
animation : { transitionDuration : '1s' }
-
,'selectHome': 1
+
},
-
,'selectEnd': 1
+
// for this specific plugin we will have the following options:
-
,'loadStep': 1
+
// shows/hides navigation arrows
-
,'applyTarget': 1
+
arrows : true,
-
};
+
// shows/hides navigation dots/pages
-
for(var callbackName in callbacks) {
+
dots : true,
-
defaults[callbackName] = [];
+
// each step's bgcolor transition speed
-
}
+
bgColorSpeed: '1s',
-
 
+
// slideshow on / off
-
 
+
autoplay : false,
-
/**
+
// time between transitions for the slideshow
-
* Initialize jmpress
+
interval : 3500
-
*/
+
    };
-
function init( args ) {
+
-
args = $.extend(true, {}, args || {});
+
$.JMSlideshow.prototype = {
-
 
+
_init : function( options ) {
-
// accept functions and arrays of functions as callbacks
+
-
var callbackArgs = {};
+
this.options = $.extend( true, {}, $.JMSlideshow.defaults, options );
-
var callbackName = null;
+
-
for (callbackName in callbacks) {
+
// each one of the slides
-
callbackArgs[callbackName] = $.isFunction( args[callbackName] ) ?
+
this.$slides = this.$el.children('div');
-
[ args[callbackName] ] :
+
// total number of slides
-
args[callbackName];
+
this.slidesCount = this.$slides.length;
-
args[callbackName] = [];
+
-
}
+
// step's bgcolor
-
 
+
this.colors = $.map( this.$slides, function( el, i ) { return $( el ).attr( 'data-color' ); } ).join( ' ' );
-
// MERGE SETTINGS
+
// build the necessary structure to run jmpress
-
var settings = $.extend(true, {}, defaults, args);
+
this._layout();
-
 
+
// initialize the jmpress plugin
-
for (callbackName in callbacks) {
+
this._initImpress();
-
if (callbackArgs[callbackName]) {
+
// if support (function implemented in jmpress plugin)
-
Array.prototype.push.apply(settings[callbackName], callbackArgs[callbackName]);
+
if( this.support ) {
-
}
+
-
}
+
// load some events
-
 
+
this._loadEvents();
-
/*** MEMBER VARS ***/
+
// if autoplay is true start the slideshow
-
 
+
if( this.options.autoplay ) {
-
var jmpress = $( this )
+
-
,container = null
+
this._startSlideshow();
-
,area = null
+
-
,oldStyle = {
+
-
container: ""
+
-
,area: ""
+
-
}
+
-
,canvas = null
+
-
,current = null
+
-
,active = false
+
-
,activeSubstep = null
+
-
,activeDelegated = false;
+
-
 
+
-
 
+
-
/*** MEMBER FUNCTIONS ***/
+
-
// functions have to be called with this
+
-
 
+
-
/**
+
-
* Init a single step
+
-
*
+
-
* @param element the element of the step
+
-
* @param idx number of step
+
-
*/
+
-
function doStepInit( element, idx ) {
+
-
var data = dataset( element );
+
-
var step = {
+
-
oldStyle: $(element).attr("style") || ""
+
-
};
+
-
 
+
-
var callbackData = {
+
-
data: data
+
-
,stepData: step
+
-
};
+
-
callCallback.call(this, 'beforeInitStep', $(element), callbackData);
+
-
step.delegate = data.delegate;
+
-
callCallback.call(this, 'initStep', $(element), callbackData);
+
-
 
+
-
$(element).data('stepData', step);
+
-
 
+
-
if ( !$(element).attr('id') ) {
+
-
$(element).attr('id', 'step-' + (idx + 1));
+
-
}
+
-
 
+
-
callCallback.call(this, 'applyStep', $(element), callbackData);
+
-
}
+
-
/**
+
-
* Deinit a single step
+
-
*
+
-
* @param element the element of the step
+
-
*/
+
-
function doStepDeinit( element ) {
+
-
var stepData = $(element).data('stepData');
+
-
 
+
-
$(element).attr("style", stepData.oldStyle);
+
-
 
+
-
callCallback.call(this, 'unapplyStep', $(element), {
+
-
stepData: stepData
+
-
});
+
-
}
+
-
/**
+
-
* Reapplies stepData to the element
+
-
*
+
-
* @param element
+
-
*/
+
-
function doStepReapply( element ) {
+
-
callCallback.call(this, 'unapplyStep', $(element), {
+
-
stepData: element.data("stepData")
+
-
});
+
-
 
+
-
callCallback.call(this, 'applyStep', $(element), {
+
-
stepData: element.data("stepData")
+
-
});
+
-
}
+
-
/**
+
-
* Completly deinit jmpress
+
-
*
+
-
*/
+
-
function deinit() {
+
-
if ( active ) {
+
-
callCallback.call(this, 'setInactive', active, {
+
-
stepData: $(active).data('stepData')
+
-
,reason: "deinit"
+
-
} );
+
-
}
+
-
if (current.jmpressClass) {
+
-
$(jmpress).removeClass(current.jmpressClass);
+
-
}
+
-
 
+
-
callCallback.call(this, 'beforeDeinit', $(this), {});
+
-
 
+
-
$(settings.stepSelector, jmpress).each(function( idx ) {
+
-
doStepDeinit.call(jmpress, this );
+
-
});
+
-
 
+
-
container.attr("style", oldStyle.container);
+
-
if(settings.fullscreen) {
+
-
$("html").attr("style", "");
+
-
}
+
-
area.attr("style", oldStyle.area);
+
-
$(canvas).children().each(function() {
+
-
jmpress.append( $( this ) );
+
-
});
+
-
if( settings.fullscreen ) {
+
-
canvas.remove();
+
-
} else {
+
-
canvas.remove();
+
-
area.remove();
+
-
}
+
-
 
+
-
callCallback.call(this, 'afterDeinit', $(this), {});
+
-
 
+
-
$(jmpress).data("jmpressmethods", false);
+
-
}
+
-
/**
+
-
* Call a callback
+
-
*
+
-
* @param callbackName String callback which should be called
+
-
* @param element some arguments to the callback
+
-
* @param eventData
+
-
*/
+
-
function callCallback( callbackName, element, eventData ) {
+
-
eventData.settings = settings;
+
-
eventData.current = current;
+
-
eventData.container = container;
+
-
eventData.parents = element ? getStepParents(element) : null;
+
-
eventData.current = current;
+
-
eventData.jmpress = this;
+
-
var result = {};
+
-
$.each( settings[callbackName], function(idx, callback) {
+
-
result.value = callback.call( jmpress, element, eventData ) || result.value;
+
-
});
+
-
return result.value;
+
-
}
+
-
/**
+
-
* Load Siblings
+
-
*
+
-
* @access protected
+
-
* @return void
+
-
*/
+
-
function loadSiblings() {
+
-
if (!active) {
+
-
return;
+
-
}
+
-
var siblings = $(active).near( settings.stepSelector )
+
-
.add( $(active).near( settings.stepSelector, true) )
+
-
.add( callCallback.call(this, 'selectPrev', active, {
+
-
stepData: $(active).data('stepData')
+
-
}))
+
-
.add( callCallback.call(this, 'selectNext', active, {
+
-
stepData: $(active).data('stepData')
+
-
}));
+
-
siblings.each(function() {
+
-
var step = this;
+
-
if ($(step).hasClass( settings.loadedClass )) {
+
-
return;
+
}
}
-
setTimeout(function() {
+
-
if ($(step).hasClass( settings.loadedClass )) {
+
-
return;
+
-
}
+
-
callCallback.call(jmpress, 'loadStep', step, {
+
-
stepData: $(step).data('stepData')
+
-
});
+
-
$(step).addClass( settings.loadedClass );
+
-
}, settings.transitionDuration - 100);
+
-
});
+
-
if ($(active).hasClass( settings.loadedClass )) {
+
-
return;
+
}
}
-
callCallback.call(jmpress, 'loadStep', active, {
+
-
stepData: $(active).data('stepData')
+
},
-
});
+
// wraps all the slides in the jms-wrapper div;
-
$(active).addClass( settings.loadedClass );
+
// adds the navigation options ( arrows and dots ) if set to true
-
}
+
_layout : function() {
-
/**
+
-
*
+
// adds a specific class to each one of the steps
-
*/
+
this.$slides.each( function( i ) {
-
function getStepParents( el ) {
+
-
var parents = [];
+
$(this).addClass( 'jmstep' + ( i + 1 ) );
-
var currentEl = el;
+
-
while($(currentEl).parent().length &&
+
} );
-
$(currentEl).parent().is(settings.stepSelector)) {
+
-
currentEl = $(currentEl).parent();
+
// wrap the slides. This wrapper will be the element on which we will call the jmpress plugin
-
parents.push(currentEl[0]);
+
this.$jmsWrapper = this.$slides.wrapAll( '<div class="jms-wrapper"/>' ).parent();
-
}
+
-
return parents;
+
// transition speed for the wrapper bgcolor
-
}
+
this.$jmsWrapper.css( {
-
/**
+
'-webkit-transition-duration' : this.options.bgColorSpeed,
-
* Reselect the active step
+
'-moz-transition-duration' : this.options.bgColorSpeed,
-
*
+
'-ms-transition-duration' : this.options.bgColorSpeed,
-
* @param String type reason of reselecting step
+
'-o-transition-duration' : this.options.bgColorSpeed,
-
*/
+
'transition-duration' : this.options.bgColorSpeed
-
function reselect( type ) {
+
} );
-
return select( { step: active, substep: activeSubstep }, type);
+
-
}
+
// add navigation arrows
-
/**
+
if( this.options.arrows ) {
-
* Select a given step
+
-
*
+
this.$arrows = $( '<nav class="jms-arrows"></nav>' );
-
* @param el element to select
+
-
* @param type reason of changing step
+
if( this.slidesCount > 1 ) {
-
* @return Object element selected
+
-
*/
+
this.$arrowPrev = $( '<span class="jms-arrows-prev"/>' ).appendTo( this.$arrows );
-
function select( el, type ) {
+
this.$arrowNext = $( '<span class="jms-arrows-next"/>' ).appendTo( this.$arrows );
-
var substep;
+
-
if ( $.isPlainObject( el ) ) {
+
-
substep = el.substep;
+
-
el = el.step;
+
-
}
+
-
if ( typeof el === 'string') {
+
-
el = jmpress.find( el ).first();
+
-
}
+
-
if ( !el || !$(el).data('stepData') ) {
+
-
return false;
+
-
}
+
-
 
+
-
// Sometimes it's possible to trigger focus on first link with some keyboard action.
+
-
// Browser in such a case tries to scroll the page to make this element visible
+
-
// (even that body overflow is set to hidden) and it breaks our careful positioning.
+
-
//
+
-
// So, as a lousy (and lazy) workaround we will make the page scroll back to the top
+
-
// whenever slide is selected
+
-
//
+
-
// If you are reading this and know any better way to handle it, I'll be glad to hear about it!
+
-
scrollFix.call(this);
+
-
 
+
-
var step = $(el).data('stepData');
+
-
 
+
-
var cancelSelect = false;
+
-
callCallback.call(this, "beforeChange", el, {
+
-
stepData: step
+
-
,reason: type
+
-
,cancel: function() {
+
-
cancelSelect = true;
+
}
}
-
});
 
-
if (cancelSelect) {
 
-
return undefined;
 
-
}
 
-
var target = {};
+
this.$el.append( this.$arrows )
-
 
+
-
var delegated = el;
+
-
if($(el).data("stepData").delegate) {
+
-
delegated = $(el).parentsUntil(jmpress).filter(settings.stepSelector).filter(step.delegate) ||
+
-
$(el).near(step.delegate) ||
+
-
$(el).near(step.delegate, true) ||
+
-
$(step.delegate, jmpress);
+
-
step = delegated.data("stepData");
+
}
}
-
if ( activeDelegated ) {
+
-
callCallback.call(this, 'setInactive', activeDelegated, {
+
// add navigation dots
-
stepData: $(activeDelegated).data('stepData')
+
if( this.options.dots ) {
-
,delegatedFrom: active
+
-
,reason: type
+
this.$dots = $( '<nav class="jms-dots"></nav>' );
-
,target: target
+
-
,nextStep: delegated
+
for( var i = this.slidesCount + 1; --i; ) {
-
,nextSubstep: substep
+
-
,nextStepData: step
+
this.$dots.append( ( i === this.slidesCount ) ? '<span class="jms-dots-current"><span/></span>' : '<span><span/></span>' );
-
} );
+
-
}
+
-
var callbackData = {
+
-
stepData: step
+
-
,delegatedFrom: el
+
-
,reason: type
+
-
,target: target
+
-
,substep: substep
+
-
,prevStep: activeDelegated
+
-
,prevSubstep: activeSubstep
+
-
,prevStepData: activeDelegated && $(activeDelegated).data('stepData')
+
-
};
+
-
callCallback.call(this, 'beforeActive', delegated, callbackData);
+
-
callCallback.call(this, 'setActive', delegated, callbackData);
+
-
 
+
-
// Set on step class on root element
+
-
if (current.jmpressClass) {
+
-
$(jmpress).removeClass(current.jmpressClass);
+
-
}
+
-
$(jmpress).addClass(current.jmpressClass = 'step-' + $(delegated).attr('id') );
+
-
if (current.jmpressDelegatedClass) {
+
-
$(jmpress).removeClass(current.jmpressDelegatedClass);
+
-
}
+
-
$(jmpress).addClass(current.jmpressDelegatedClass = 'delegating-step-' + $(el).attr('id') );
+
-
 
+
-
callCallback.call(this, "applyTarget", active, $.extend({
+
-
canvas: canvas
+
-
,area: area
+
-
}, callbackData));
+
-
 
+
-
active = el;
+
-
activeSubstep = callbackData.substep;
+
-
activeDelegated = delegated;
+
-
 
+
-
loadSiblings.call(this);
+
-
 
+
-
return delegated;
+
-
}
+
-
/**
+
-
* This should fix ANY kind of buggy scrolling
+
-
*/
+
-
function scrollFix() {
+
-
function fix() {
+
-
if ($(container)[0].tagName === "BODY") {
+
-
window.scrollTo(0, 0);
+
}
}
-
$(container).scrollTop(0);
+
-
$(container).scrollLeft(0);
+
if( this.options.jmpressOpts.start ) {
-
function check() {
+
-
if ($(container).scrollTop() !== 0 ||
+
this.$start = this.$jmsWrapper.find( this.options.jmpressOpts.start ), idxSelected = 0;
-
$(container).scrollLeft() !== 0) {
+
-
fix();
+
( this.$start.length ) ? idxSelected = this.$start.index() : this.options.jmpressOpts.start = null;
-
}
+
 +
this.$dots.children().removeClass( 'jms-dots-current' ).eq( idxSelected ).addClass( 'jms-dots-current' );
 +
}
}
-
setTimeout(check, 1);
+
-
setTimeout(check, 10);
+
this.$el.append( this.$dots )
-
setTimeout(check, 100);
+
-
setTimeout(check, 200);
+
-
setTimeout(check, 400);
+
}
}
-
fix();
+
-
}
+
},
-
/**
+
// initialize the jmpress plugin
-
* Alias for select
+
_initImpress : function() {
-
*/
+
-
function goTo( el ) {
+
var _self = this;
-
return select.call(this, el, "jump" );
+
-
}
+
this.$jmsWrapper.jmpress( this.options.jmpressOpts );
-
/**
+
// check if supported (function from jmpress.js):
-
* Goto Next Slide
+
// it adds the class not-supported to the wrapper
-
*
+
this.support = !this.$jmsWrapper.hasClass( 'not-supported' );
-
* @return Object newly active slide
+
-
*/
+
// if not supported remove unnecessary elements
-
function next() {
+
if( !this.support ) {
-
return select.call(this, callCallback.call(this, 'selectNext', active, {
+
-
stepData: $(active).data('stepData')
+
if( this.$arrows ) {
-
,substep: activeSubstep
+
-
}), "next" );
+
this.$arrows.remove();
-
}
+
-
/**
+
-
* Goto Previous Slide
+
-
*
+
-
* @return Object newly active slide
+
-
*/
+
-
function prev() {
+
-
return select.call(this, callCallback.call(this, 'selectPrev', active, {
+
-
stepData: $(active).data('stepData')
+
-
,substep: activeSubstep
+
-
}), "prev" );
+
-
}
+
-
/**
+
-
* Goto First Slide
+
-
*
+
-
* @return Object newly active slide
+
-
*/
+
-
function home() {
+
-
return select.call(this, callCallback.call(this, 'selectHome', active, {
+
-
stepData: $(active).data('stepData')
+
-
}), "home" );
+
-
}
+
-
/**
+
-
* Goto Last Slide
+
-
*
+
-
* @return Object newly active slide
+
-
*/
+
-
function end() {
+
-
return select.call(this,  callCallback.call(this, 'selectEnd', active, {
+
-
stepData: $(active).data('stepData')
+
-
}), "end" );
+
-
}
+
-
/**
+
-
* Manipulate the canvas
+
-
*
+
-
* @param props
+
-
* @return Object
+
-
*/
+
-
function canvasMod( props ) {
+
-
css(canvas, props || {});
+
-
return $(canvas);
+
-
}
+
-
/**
+
-
* Return current step
+
-
*
+
-
* @return Object
+
-
*/
+
-
function getActive() {
+
-
return activeDelegated && $(activeDelegated);
+
-
}
+
-
/**
+
-
* fire a callback
+
-
*
+
-
* @param callbackName
+
-
* @param element
+
-
* @param eventData
+
-
* @return void
+
-
*/
+
-
function fire( callbackName, element, eventData ) {
+
-
if( !callbacks[callbackName] ) {
+
-
$.error( "callback " + callbackName + " is not registered." );
+
-
} else {
+
-
callCallback.call(this, callbackName, element, eventData);
+
-
}
+
-
}
+
-
 
+
-
/**
+
-
* PUBLIC METHODS LIST
+
-
*/
+
-
jmpress.data("jmpressmethods", {
+
-
select: select
+
-
,reselect: reselect
+
-
,scrollFix: scrollFix
+
-
,goTo: goTo
+
-
,next: next
+
-
,prev: prev
+
-
,home: home
+
-
,end: end
+
-
,canvas: canvasMod
+
-
,container: function() { return container; }
+
-
,settings: function() { return settings; }
+
-
,active: getActive
+
-
,current: function() { return current; }
+
-
,fire: fire
+
-
,deinit: deinit
+
-
,reapply: doStepReapply
+
-
});
+
-
 
+
-
/**
+
-
* Check for support
+
-
* This will be removed in near future, when support is coming
+
-
*
+
-
* @access protected
+
-
* @return void
+
-
*/
+
-
function checkSupport() {
+
-
var ua = navigator.userAgent.toLowerCase();
+
-
var supported = ( ua.search(/(iphone)|(ipod)|(android)/) === -1 );
+
-
return supported;
+
-
}
+
-
 
+
-
// BEGIN INIT
+
-
 
+
-
// CHECK FOR SUPPORT
+
-
if (checkSupport() === false) {
+
-
if (settings.notSupportedClass) {
+
-
jmpress.addClass(settings.notSupportedClass);
+
-
}
+
-
return;
+
-
} else {
+
-
if (settings.notSupportedClass) {
+
-
jmpress.removeClass(settings.notSupportedClass);
+
-
}
+
-
}
+
-
 
+
-
// grabbing all steps
+
-
var steps = $(settings.stepSelector, jmpress);
+
-
 
+
-
// GERNERAL INIT OF FRAME
+
-
container = jmpress;
+
-
area = $('<div />');
+
-
canvas = $('<div />');
+
-
$(jmpress).children().filter(steps).each(function() {
+
-
canvas.append( $( this ) );
+
-
});
+
-
if(settings.fullscreen) {
+
-
container = $('body');
+
-
$("html").css({
+
-
overflow: 'hidden'
+
-
});
+
-
area = jmpress;
+
-
}
+
-
oldStyle.area = area.attr("style") || "";
+
-
oldStyle.container = container.attr("style") || "";
+
-
if(settings.fullscreen) {
+
-
container.css({
+
-
height: '100%'
+
-
});
+
-
jmpress.append( canvas );
+
-
} else {
+
-
container.css({
+
-
position: "relative"
+
-
});
+
-
area.append( canvas );
+
-
jmpress.append( area );
+
-
}
+
-
 
+
-
$(container).addClass(settings.containerClass);
+
-
$(area).addClass(settings.areaClass);
+
-
$(canvas).addClass(settings.canvasClass);
+
-
 
+
-
document.documentElement.style.height = "100%";
+
-
container.css({
+
-
overflow: 'hidden'
+
-
});
+
-
 
+
-
var props = {
+
-
position: "absolute"
+
-
,transitionDuration: '0s'
+
-
};
+
-
props = $.extend({}, settings.animation, props);
+
-
css(area, props);
+
-
css(area, {
+
-
top: '50%'
+
-
,left: '50%'
+
-
,perspective: '1000px'
+
-
});
+
-
css(canvas, props);
+
-
 
+
-
current = {};
+
-
 
+
-
callCallback.call(this, 'beforeInit', null, {});
+
-
 
+
-
// INITIALIZE EACH STEP
+
-
steps.each(function( idx ) {
+
-
doStepInit.call(jmpress, this, idx );
+
-
});
+
-
 
+
-
callCallback.call(this, 'afterInit', null, {});
+
-
 
+
-
// START
+
-
select.call(this,  callCallback.call(this, 'selectInitialStep', "init", {}) );
+
-
 
+
-
if (settings.initClass) {
+
-
$(steps).removeClass(settings.initClass);
+
-
}
+
-
}
+
-
/**
+
-
* Return default settings
+
-
*
+
-
* @return Object
+
-
*/
+
-
function getDefaults() {
+
-
return defaults;
+
-
}
+
-
/**
+
-
* Register a callback or a jmpress function
+
-
*
+
-
* @access public
+
-
* @param name String the name of the callback or function
+
-
* @param func Function? the function to be added
+
-
*/
+
-
function register(name, func) {
+
-
if( $.isFunction(func) ) {
+
-
if( methods[name] ) {
+
-
$.error( "function " + name + " is already registered." );
+
-
} else {
+
-
methods[name] = func;
+
-
}
+
-
} else {
+
-
if( callbacks[name] ) {
+
-
$.error( "callback " + name + " is already registered." );
+
-
} else {
+
-
callbacks[name] = 1;
+
-
defaults[name] = [];
+
-
}
+
-
}
+
-
}
+
-
/**
+
-
* Set CSS on element w/ prefixes
+
-
*
+
-
* @return Object element which properties were set
+
-
*
+
-
* TODO: Consider bypassing pfx and blindly set as jQuery
+
-
* already checks for support
+
-
*/
+
-
function css( el, props ) {
+
-
var key, pkey, cssObj = {};
+
-
for ( key in props ) {
+
-
if ( props.hasOwnProperty(key) ) {
+
-
pkey = pfx(key);
+
-
if ( pkey !== null ) {
+
-
cssObj[pkey] = props[key];
+
}
}
-
}
+
-
}
+
if( this.$dots ) {
-
$(el).css(cssObj);
+
-
return el;
+
this.$dots.remove();
-
}
+
-
/**
+
-
* Return dataset for element
+
-
*
+
-
* @param el element
+
-
* @return Object
+
-
*/
+
-
function dataset( el ) {
+
-
if ( $(el)[0].dataset ) {
+
-
return $.extend({}, $(el)[0].dataset);
+
-
}
+
-
function toCamelcase( str ) {
+
-
str = str.split( '-' );
+
-
for( var i = 1; i < str.length; i++ ) {
+
-
str[i] = str[i].substr(0, 1).toUpperCase() + str[i].substr(1);
+
-
}
+
-
return str.join( '' );
+
-
}
+
-
var returnDataset = {};
+
-
var attrs = $(el)[0].attributes;
+
-
$.each(attrs, function ( idx, attr ) {
+
-
if ( attr.nodeName.substr(0, 5) === "data-" ) {
+
-
returnDataset[ toCamelcase(attr.nodeName.substr(5)) ] = attr.nodeValue;
+
-
}
+
-
});
+
-
return returnDataset;
+
-
}
+
-
/**
+
-
* Returns true, if jmpress is initialized
+
-
*
+
-
* @return bool
+
-
*/
+
-
function initialized() {
+
-
return !!$(this).data("jmpressmethods");
+
-
}
+
-
 
+
-
 
+
-
/**
+
-
* PUBLIC STATIC METHODS LIST
+
-
*/
+
-
var methods = {
+
-
init: init
+
-
,initialized: initialized
+
-
,deinit: function() {}
+
-
,css: css
+
-
,pfx: pfx
+
-
,defaults: getDefaults
+
-
,register: register
+
-
,dataset: dataset
+
-
};
+
-
 
+
-
/**
+
-
* $.jmpress()
+
-
*/
+
-
$.fn.jmpress = function( method ) {
+
-
function f() {
+
-
var jmpressmethods = $(this).data("jmpressmethods");
+
-
if ( jmpressmethods && jmpressmethods[method] ) {
+
-
if ( method.substr(0, 1) === '_' && jmpressmethods.settings().test === false) {
+
-
$.error( 'Method ' +  method + ' is protected and should only be used internally.' );
+
-
} else {
+
-
return jmpressmethods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
+
}
}
-
} else if ( methods[method] ) {
+
-
if ( method.substr(0, 1) === '_' && defaults.test === false) {
+
return false;
-
$.error( 'Method ' +  method + ' is protected and should only be used internally.' );
+
-
} else {
+
-
return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
+
-
}
+
-
} else if ( callbacks[method] && jmpressmethods ) {
+
-
var settings = jmpressmethods.settings();
+
-
var func = Array.prototype.slice.call( arguments, 1 )[0];
+
-
if ($.isFunction( func )) {
+
-
settings[method] = settings[method] || [];
+
-
settings[method].push(func);
+
-
}
+
-
} else if ( typeof method === 'object' || ! method ) {
+
-
return init.apply( this, arguments );
+
-
} else {
+
-
$.error( 'Method ' +  method + ' does not exist on jQuery.jmpress' );
+
}
}
-
// to allow chaining
+
-
return this;
+
// redefine the jmpress setActive method
-
}
+
this.$jmsWrapper.jmpress( 'setActive', function( slide, eventData ) {
-
var args = arguments;
+
-
var result;
+
// change the pagination dot active class
-
$(this).each(function(idx, element) {
+
if( _self.options.dots ) {
-
result = f.apply(element, args);
+
-
});
+
// adds the current class to the current dot/page
-
return result;
+
_self.$dots
-
};
+
.children()
-
$.extend({
+
.removeClass( 'jms-dots-current' )
-
jmpress: function( method ) {
+
.eq( slide.index() )
-
if ( methods[method] ) {
+
.addClass( 'jms-dots-current' );
-
if ( method.substr(0, 1) === '_' && defaults.test === false) {
+
-
$.error( 'Method ' +  method + ' is protected and should only be used internally.' );
+
-
} else {
+
-
return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
+
}
}
-
} else if ( callbacks[method] ) {
+
-
// plugin interface
+
// delete all current bg colors
-
var func = Array.prototype.slice.call( arguments, 1 )[0];
+
this.removeClass( _self.colors );
-
if ($.isFunction( func )) {
+
// add bg color class
-
defaults[method].push(func);
+
this.addClass( slide.attr( 'data-color' ) );
-
} else {
+
-
$.error( 'Second parameter should be a function: $.jmpress( callbackName, callbackFunction )' );
+
} );
 +
 +
// add step's bg color to the wrapper
 +
this.$jmsWrapper.addClass( $( '#' + _self.$el.attr( 'id' )).find('.step:first-child').attr( 'data-color' ) );
 +
 +
},
 +
// start slideshow if autoplay is true
 +
_startSlideshow : function() {
 +
 +
var _self = this;
 +
 +
this.slideshow = setTimeout( function() {
 +
 +
_self.$jmsWrapper.jmpress( 'next' );
 +
 +
if( _self.options.autoplay ) {
 +
 +
_self._startSlideshow();
 +
}
}
-
} else {
+
-
$.error( 'Method ' +  method + ' does not exist on jQuery.jmpress' );
+
}, this.options.interval );
 +
 +
},
 +
// stops the slideshow
 +
_stopSlideshow : function() {
 +
 +
if( this.options.autoplay ) {
 +
 +
clearTimeout( this.slideshow );
 +
this.options.autoplay = false;
 +
}
}
-
}
+
-
});
+
},
 +
_loadEvents : function() {
 +
 +
var _self = this;
 +
 +
// navigation arrows
 +
if( this.$arrowPrev && this.$arrowNext ) {
 +
 +
this.$arrowPrev.bind( 'click.jmslideshow', function( event ) {
 +
 +
_self._stopSlideshow();
 +
 +
//_self.$jmsWrapper.jmpress( 'prev' );
 +
_self.$jmsWrapper.find( '.step' ).each(function() {
 +
if ( $(this).hasClass( 'active' ) ) {
 +
ind = $(this).index() + 1;
 +
}
 +
});
 +
if ( ind == 1) {
 +
ind = _self.slidesCount + 1;
 +
}
 +
_self.$jmsWrapper.jmpress( 'goTo', '.jmstep' + ( ind - 1 ) );
-
}(jQuery, document, window));
 
-
/*!
 
-
* near.js
 
-
* Find steps near each other
 
-
*/
 
-
(function( $, document, window, undefined ) {
 
-
'use strict';
 
-
 
-
// add near( selector, backwards = false) to jquery
 
-
 
-
 
-
function checkAndGo( elements, func, selector, backwards ) {
 
-
var next;
 
-
elements.each(function(idx, element) {
 
-
if(backwards) {
 
-
next = func(element, selector, backwards);
 
-
if (next) {
 
return false;
return false;
-
}
+
-
}
+
} );
-
if( $(element).is(selector) ) {
+
-
next = element;
+
this.$arrowNext.bind( 'click.jmslideshow', function( event ) {
-
return false;
+
-
}
+
_self._stopSlideshow();
-
if(!backwards) {
+
-
next = func(element, selector, backwards);
+
//_self.$jmsWrapper.jmpress( 'next' );
-
if (next) {
+
_self.$jmsWrapper.find( '.step' ).each(function() {
-
return false;
+
if ( $(this).hasClass( 'active' ) ) {
-
}
+
ind = $(this).index() + 1;
-
}
+
-
});
+
-
return next;
+
-
}
+
-
function findNextInChildren(item, selector, backwards) {
+
-
var children = $(item).children();
+
-
if(backwards) {
+
-
children = $(children.get().reverse());
+
-
}
+
-
return checkAndGo( children, findNextInChildren, selector, backwards );
+
-
}
+
-
function findNextInSiblings(item, selector, backwards) {
+
-
return checkAndGo(
+
-
$(item)[backwards ? "prevAll" : "nextAll"](),
+
-
findNextInChildren, selector, backwards );
+
-
}
+
-
function findNextInParents(item, selector, backwards) {
+
-
var next;
+
-
var parents = $(item).parents();
+
-
parents = $(parents.get());
+
-
$.each(parents.get(), function(idx, element) {
+
-
if( backwards && $(element).is(selector) ) {
+
-
next = element;
+
-
return false;
+
-
}
+
-
next = findNextInSiblings(element, selector, backwards);
+
-
if(next) {
+
-
return false;
+
-
}
+
-
});
+
-
return next;
+
-
}
+
-
 
+
-
$.fn.near = function( selector, backwards ) {
+
-
var array = [];
+
-
$(this).each(function(idx, element) {
+
-
var near = (backwards ?
+
-
false :
+
-
findNextInChildren( element, selector, backwards )) ||
+
-
findNextInSiblings( element, selector, backwards ) ||
+
-
findNextInParents( element, selector, backwards );
+
-
if( near ) {
+
-
array.push(near);
+
-
}
+
-
});
+
-
return $(array);
+
-
};
+
-
}(jQuery, document, window));
+
-
/*!
+
-
* transform.js
+
-
* The engine that powers the transforms or falls back to other methods
+
-
*/
+
-
(function( $, document, window, undefined ) {
+
-
 
+
-
'use strict';
+
-
 
+
-
/* FUNCTIONS */
+
-
function randomString() {
+
-
return "" + Math.round(Math.random() * 100000, 0);
+
-
}
+
-
function toCssNumber(number) {
+
-
return (Math.round(10000*number)/10000)+"";
+
-
}
+
-
 
+
-
/**
+
-
* 3D and 2D engines
+
-
*/
+
-
var engines = {
+
-
3: {
+
-
transform: function( el, data ) {
+
-
var transform = 'translate(-50%,-50%)';
+
-
$.each(data, function(idx, item) {
+
-
var coord = ["X", "Y", "Z"];
+
-
var i;
+
-
if(item[0] === "translate") { // ["translate", x, y, z]
+
-
transform += " translate3d(" + toCssNumber(item[1] || 0) + "px," + toCssNumber(item[2] || 0) + "px," + toCssNumber(item[3] || 0) + "px)";
+
-
} else if(item[0] === "rotate") {
+
-
var order = item[4] ? [1, 2, 3] : [3, 2, 1];
+
-
for(i = 0; i < 3; i++) {
+
-
transform += " rotate" + coord[order[i]-1] + "(" + toCssNumber(item[order[i]] || 0) + "deg)";
+
-
}
+
-
} else if(item[0] === "scale") {
+
-
for(i = 0; i < 3; i++) {
+
-
transform += " scale" + coord[i] + "(" + toCssNumber(item[i+1] || 1) + ")";
+
}
}
 +
});
 +
if ( ind == _self.slidesCount ) {
 +
ind = 0;
}
}
-
});
+
_self.$jmsWrapper.jmpress( 'goTo', '.jmstep' + ( ind + 1 ) );
-
$.jmpress("css", el, $.extend({}, { transform: transform }));
+
-
}
+
-
}
+
-
,2: {
+
-
transform: function( el, data ) {
+
-
var transform = 'translate(-50%,-50%)';
+
-
$.each(data, function(idx, item) {
+
-
var coord = ["X", "Y"];
+
-
if(item[0] === "translate") { // ["translate", x, y, z]
+
-
transform += " translate(" + toCssNumber(item[1] || 0) + "px," + toCssNumber(item[2] || 0) + "px)";
+
-
} else if(item[0] === "rotate") {
+
-
transform += " rotate(" + toCssNumber(item[3] || 0) + "deg)";
+
-
} else if(item[0] === "scale") {
+
-
for(var i = 0; i < 2; i++) {
+
-
transform += " scale" + coord[i] + "(" + toCssNumber(item[i+1] || 1) + ")";
+
-
}
+
-
}
+
-
});
+
-
$.jmpress("css", el, $.extend({}, { transform: transform }));
+
-
}
+
-
}
+
-
,1: {
+
-
// CHECK IF SUPPORT IS REALLY NEEDED?
+
-
// this not even work without scaling...
+
-
// it may better to display the normal view
+
-
transform: function( el, data ) {
+
-
var anitarget = { top: 0, left: 0 };
+
-
$.each(data, function(idx, item) {
+
-
var coord = ["X", "Y"];
+
-
if(item[0] === "translate") { // ["translate", x, y, z]
+
-
anitarget.left = Math.round(item[1] || 0) + "px";
+
-
anitarget.top = Math.round(item[2] || 0) + "px";
+
-
}
+
-
});
+
-
el.animate(anitarget, 1000); // TODO: Use animation duration
+
-
}
+
-
}
+
-
};
+
-
/**
+
return false;
-
* Engine to power cross-browser translate, scale and rotate.
+
-
*/
+
} );
-
var engine = (function() {
+
-
if ($.jmpress("pfx", "perspective")) {
+
-
return engines[3];
+
-
} else if ($.jmpress("pfx", "transform")) {
+
-
return engines[2];
+
-
} else {
+
-
// CHECK IF SUPPORT IS REALLY NEEDED?
+
-
return engines[1];
+
-
}
+
-
}());
+
-
 
+
-
$.jmpress("defaults").reasonableAnimation = {};
+
-
$.jmpress("initStep", function( step, eventData ) {
+
-
var data = eventData.data;
+
-
var stepData = eventData.stepData;
+
-
var pf = parseFloat;
+
-
$.extend(stepData, {
+
-
x: pf(data.x) || 0
+
-
,y: pf(data.y) || 0
+
-
,z: pf(data.z) || 0
+
-
,r: pf(data.r) || 0
+
-
,phi: pf(data.phi) || 0
+
-
,rotate: pf(data.rotate) || 0
+
-
,rotateX: pf(data.rotateX) || 0
+
-
,rotateY: pf(data.rotateY) || 0
+
-
,rotateZ: pf(data.rotateZ) || 0
+
-
,revertRotate: false
+
-
,scale: pf(data.scale) || 1
+
-
,scaleX: pf(data.scaleX) || false
+
-
,scaleY: pf(data.scaleY) || false
+
-
,scaleZ: pf(data.scaleZ) || 1
+
-
});
+
-
});
+
-
$.jmpress("afterInit", function( nil, eventData ) {
+
-
var stepSelector = eventData.settings.stepSelector,
+
-
current = eventData.current;
+
-
current.perspectiveScale = 1;
+
-
current.maxNestedDepth = 0;
+
-
var nestedSteps = $(eventData.jmpress).find(stepSelector).children(stepSelector);
+
-
while(nestedSteps.length) {
+
-
current.maxNestedDepth++;
+
-
nestedSteps = nestedSteps.children(stepSelector);
+
-
}
+
-
});
+
-
$.jmpress("applyStep", function( step, eventData ) {
+
-
$.jmpress("css", $(step), {
+
-
position: "absolute"
+
-
,transformStyle: "preserve-3d"
+
-
});
+
-
if ( eventData.parents.length > 0 ) {
+
-
$.jmpress("css", $(step), {
+
-
top: "50%"
+
-
,left: "50%"
+
-
});
+
-
}
+
-
var sd = eventData.stepData;
+
-
var transform = [
+
-
["translate",
+
-
sd.x || (sd.r * Math.sin(sd.phi*Math.PI/180)),
+
-
sd.y || (-sd.r * Math.cos(sd.phi*Math.PI/180)),
+
-
sd.z],
+
-
["rotate",
+
-
sd.rotateX,
+
-
sd.rotateY,
+
-
sd.rotateZ || sd.rotate,
+
-
true],
+
-
["scale",
+
-
sd.scaleX || sd.scale,
+
-
sd.scaleY || sd.scale,
+
-
sd.scaleZ || sd.scale]
+
-
];
+
-
engine.transform( step, transform );
+
-
});
+
-
$.jmpress("setActive", function( element, eventData ) {
+
-
var target = eventData.target;
+
-
var step = eventData.stepData;
+
-
var tf = target.transform = [];
+
-
target.perspectiveScale = 1;
+
-
 
+
-
for(var i = eventData.current.maxNestedDepth; i > (eventData.parents.length || 0); i--) {
+
-
tf.push(["scale"], ["rotate"], ["translate"]);
+
-
}
+
-
 
+
-
tf.push(["scale",
+
-
1 / (step.scaleX || step.scale),
+
-
1 / (step.scaleY || step.scale),
+
-
1 / (step.scaleZ)]);
+
-
tf.push(["rotate",
+
-
-step.rotateX,
+
-
-step.rotateY,
+
-
-(step.rotateZ || step.rotate)]);
+
-
tf.push(["translate",
+
-
-(step.x || (step.r * Math.sin(step.phi*Math.PI/180))),
+
-
-(step.y || (-step.r * Math.cos(step.phi*Math.PI/180))),
+
-
-step.z]);
+
-
target.perspectiveScale *= (step.scaleX || step.scale);
+
-
 
+
-
$.each(eventData.parents, function(idx, element) {
+
-
var step = $(element).data("stepData");
+
-
tf.push(["scale",
+
-
1 / (step.scaleX || step.scale),
+
-
1 / (step.scaleY || step.scale),
+
-
1 / (step.scaleZ)]);
+
-
tf.push(["rotate",
+
-
-step.rotateX,
+
-
-step.rotateY,
+
-
-(step.rotateZ || step.rotate)]);
+
-
tf.push(["translate",
+
-
-(step.x || (step.r * Math.sin(step.phi*Math.PI/180))),
+
-
-(step.y || (-step.r * Math.cos(step.phi*Math.PI/180))),
+
-
-step.z]);
+
-
target.perspectiveScale *= (step.scaleX || step.scale);
+
-
});
+
-
 
+
-
$.each(tf, function(idx, item) {
+
-
if(item[0] !== "rotate") {
+
-
return;
+
}
}
-
function lowRotate(name) {
+
-
if(eventData.current["rotate"+name+"-"+idx] === undefined) {
+
// navigation dots
-
eventData.current["rotate"+name+"-"+idx] = item[name] || 0;
+
if( this.$dots ) {
-
}
+
-
var cur = eventData.current["rotate"+name+"-"+idx], tar = item[name] || 0,
+
this.$dots.children().bind( 'click.jmslideshow', function( event ) {
-
curmod = cur % 360, tarmod = tar % 360;
+
-
if(curmod < 0) {
+
_self._stopSlideshow();
-
curmod += 360;
+
-
}
+
_self.$jmsWrapper.jmpress( 'goTo', '.jmstep' + ( $(this).index() + 1 ) );
-
if(tarmod < 0) {
+
-
tarmod += 360;
+
return false;
-
}
+
-
var diff = tarmod - curmod;
+
} );
-
if(diff < -180) {
+
-
diff += 360;
+
-
} else if(diff > 180) {
+
-
diff -= 360;
+
-
}
+
-
eventData.current["rotate"+name+"-"+idx] = item[name] = cur + diff;
+
}
}
-
lowRotate(1);
+
-
lowRotate(2);
+
// the touchend event is already defined in the jmpress plugin.
-
lowRotate(3);
+
// we just need to make sure the slideshow stops if the event is triggered
-
});
+
this.$jmsWrapper.bind( 'touchend.jmslideshow', function() {
-
});
+
-
$.jmpress("applyTarget", function( active, eventData ) {
+
_self._stopSlideshow();
-
 
+
-
var target = eventData.target,
+
} );
-
props, step = eventData.stepData,
+
-
settings = eventData.settings,
+
-
zoomin = target.perspectiveScale * 1.3 < eventData.current.perspectiveScale,
+
-
zoomout = target.perspectiveScale > eventData.current.perspectiveScale * 1.3;
+
-
 
+
-
// extract first scale from transform
+
-
var lastScale = -1;
+
-
$.each(target.transform, function(idx, item) {
+
-
if(item.length <= 1) {
+
-
return;
+
-
}
+
-
if(item[0] === "rotate" &&
+
-
item[1] % 360 === 0  &&
+
-
item[2] % 360 === 0  &&
+
-
item[3] % 360 === 0) {
+
-
return;
+
-
}
+
-
if(item[0] === "scale") {
+
-
lastScale = idx;
+
-
} else {
+
-
return false;
+
-
}
+
-
});
+
-
 
+
-
if(lastScale !== eventData.current.oldLastScale) {
+
-
zoomin = zoomout = false;
+
-
eventData.current.oldLastScale = lastScale;
+
}
}
-
 
-
var extracted = [];
 
-
if(lastScale !== -1) {
 
-
while(lastScale >= 0) {
 
-
if(target.transform[lastScale][0] === "scale") {
 
-
extracted.push(target.transform[lastScale]);
 
-
target.transform[lastScale] = ["scale"];
 
-
}
 
-
lastScale--;
 
-
}
 
-
}
 
-
 
-
var animation = settings.animation;
 
-
if(settings.reasonableAnimation[eventData.reason]) {
 
-
animation = $.extend({},
 
-
animation,
 
-
settings.reasonableAnimation[eventData.reason]);
 
-
}
 
-
 
-
props = {
 
-
// to keep the perspective look similar for different scales
 
-
// we need to 'scale' the perspective, too
 
-
perspective: Math.round(target.perspectiveScale * 1000) + "px"
 
-
};
 
-
props = $.extend({}, animation, props);
 
-
if (!zoomin) {
 
-
props.transitionDelay = '0s';
 
-
}
 
-
if (!active) {
 
-
props.transitionDuration = '0s';
 
-
props.transitionDelay = '0s';
 
-
}
 
-
$.jmpress("css", eventData.area, props);
 
-
engine.transform(eventData.area, extracted);
 
-
 
-
props = $.extend({}, animation);
 
-
if (!zoomout) {
 
-
props.transitionDelay = '0s';
 
-
}
 
-
if (!active) {
 
-
props.transitionDuration = '0s';
 
-
props.transitionDelay = '0s';
 
-
}
 
-
 
-
eventData.current.perspectiveScale = target.perspectiveScale;
 
-
 
-
$.jmpress("css", eventData.canvas, props);
 
-
engine.transform(eventData.canvas, target.transform);
 
-
});
 
-
 
-
}(jQuery, document, window));
 
-
/*!
 
-
* active.js
 
-
* Set the active classes on steps
 
-
*/
 
-
(function( $, document, window, undefined ) {
 
-
 
-
'use strict';
 
-
var $jmpress = $.jmpress;
 
-
 
-
/* DEFINES */
 
-
var activeClass = 'activeClass',
 
-
nestedActiveClass = 'nestedActiveClass';
 
-
 
-
/* DEFAULTS */
 
-
var defaults = $jmpress( 'defaults' );
 
-
defaults[nestedActiveClass] = "nested-active";
 
-
defaults[activeClass]      = "active";
 
-
 
-
/* HOOKS */
 
-
$jmpress( 'setInactive', function( step, eventData ) {
 
-
var settings = eventData.settings,
 
-
activeClassSetting = settings[activeClass],
 
-
nestedActiveClassSettings = settings[nestedActiveClass];
 
-
if(activeClassSetting) {
 
-
$(step).removeClass( activeClassSetting );
 
-
}
 
-
if(nestedActiveClassSettings) {
 
-
$.each(eventData.parents, function(idx, element) {
 
-
$(element).removeClass(nestedActiveClassSettings);
 
-
});
 
-
}
 
-
});
 
-
$jmpress( 'setActive', function( step, eventData ) {
 
-
var settings = eventData.settings,
 
-
activeClassSetting = settings[activeClass],
 
-
nestedActiveClassSettings = settings[nestedActiveClass];
 
-
if(activeClassSetting) {
 
-
$(step).addClass( activeClassSetting );
 
-
}
 
-
if(nestedActiveClassSettings) {
 
-
$.each(eventData.parents, function(idx, element) {
 
-
$(element).addClass(nestedActiveClassSettings);
 
-
});
 
-
}
 
-
});
 
-
 
-
}(jQuery, document, window));
 
-
/*!
 
-
* circular.js
 
-
* Repeat from start after end
 
-
*/
 
-
(function( $, document, window, undefined ) {
 
-
 
-
'use strict';
 
-
var $jmpress = $.jmpress;
 
-
 
-
/* FUNCTIONS */
 
-
function firstSlide( step, eventData ) {
 
-
return $(this).find(eventData.settings.stepSelector).first();
 
-
}
 
-
function prevOrNext( jmpress, step, eventData, prev) {
 
-
if (!step) {
 
-
return false;
 
-
}
 
-
var stepSelector = eventData.settings.stepSelector;
 
-
step = $(step);
 
-
do {
 
-
var item = step.near( stepSelector, prev );
 
-
if (item.length === 0 || item.closest(jmpress).length === 0) {
 
-
item = $(jmpress).find(stepSelector)[prev?"last":"first"]();
 
-
}
 
-
if (!item.length) {
 
-
return false;
 
-
}
 
-
step = item;
 
-
} while( step.data("stepData").exclude );
 
-
return step;
 
-
}
 
-
 
-
/* HOOKS */
 
-
$jmpress( 'initStep', function( step, eventData ) {
 
-
eventData.stepData.exclude = eventData.data.exclude && ["false", "no"].indexOf(eventData.data.exclude) === -1;
 
-
});
 
-
$jmpress( 'selectInitialStep', firstSlide);
 
-
$jmpress( 'selectHome', firstSlide);
 
-
$jmpress( 'selectEnd', function( step, eventData ) {
 
-
return $(this).find(eventData.settings.stepSelector).last();
 
-
});
 
-
$jmpress( 'selectPrev', function( step, eventData ) {
 
-
return prevOrNext(this, step, eventData, true);
 
-
});
 
-
$jmpress( 'selectNext', function( step, eventData ) {
 
-
return prevOrNext(this, step, eventData);
 
-
});
 
-
}(jQuery, document, window));
 
-
/*!
 
-
* start.js
 
-
* Set the first step to start on
 
-
*/
 
-
(function( $, document, window, undefined ) {
 
-
 
-
'use strict';
 
-
 
-
/* HOOKS */
 
-
$.jmpress( 'selectInitialStep', function( nil, eventData ) {
 
-
return eventData.settings.start;
 
-
});
 
-
 
-
}(jQuery, document, window));
 
-
/*!
 
-
* ways.js
 
-
* Control the flow of the steps
 
-
*/
 
-
(function( $, document, window, undefined ) {
 
-
 
-
'use strict';
 
-
var $jmpress = $.jmpress;
 
-
 
-
/* FUNCTIONS */
 
-
function randomString() {
 
-
return "" + Math.round(Math.random() * 100000, 0);
 
-
}
 
-
// TODO allow call of route after init
 
-
function routeFunc( jmpress, route, type ) {
 
-
for(var i = 0; i < route.length - 1; i++) {
 
-
var from = route[i];
 
-
var to = route[i+1];
 
-
$(from, jmpress).attr('data-' + type, to);
 
-
}
 
-
}
 
-
function selectPrevOrNext( step, eventData, attr, prev ) {
 
-
var stepData = eventData.stepData;
 
-
if(stepData[attr]) {
 
-
var near = $(step).near(stepData[attr], prev);
 
-
if(near && near.length) {
 
-
return near;
 
-
}
 
-
near = $(stepData[attr], this)[prev?"last":"first"]();
 
-
if(near && near.length) {
 
-
return near;
 
-
}
 
-
}
 
-
}
 
-
 
-
/* EXPORTED FUNCTIONS */
 
-
$jmpress( 'register', 'route', function( route, unidirectional, reversedRoute ) {
 
-
if( typeof route === "string" ) {
 
-
route = [route, route];
 
-
}
 
-
routeFunc(this, route, reversedRoute ? "prev" : "next");
 
-
if (!unidirectional) {
 
-
routeFunc(this, route.reverse(), reversedRoute ? "next" : "prev");
 
-
}
 
-
});
 
-
 
-
/* HOOKS */
 
-
$jmpress( 'initStep', function( step, eventData ) {
 
-
for(var attr in {next:1,prev:1}) {
 
-
eventData.stepData[attr] = eventData.data[attr];
 
-
}
 
-
});
 
-
$jmpress( 'selectNext', function( step, eventData ) {
 
-
return selectPrevOrNext(step, eventData, "next");
 
-
});
 
-
$jmpress( 'selectPrev', function( step, eventData ) {
 
-
return selectPrevOrNext(step, eventData, "prev", true);
 
-
});
 
-
 
-
}(jQuery, document, window));
 
-
/*!
 
-
* ajax.js
 
-
* Load steps via ajax
 
-
*/
 
-
(function( $, document, window, undefined ) {
 
-
 
-
'use strict';
 
-
var $jmpress = $.jmpress;
 
-
 
-
/* DEFINES */
 
-
var afterStepLoaded = 'afterStepLoaded';
 
-
 
-
/* FUNCTIONS */
 
-
function randomString() {
 
-
return "" + Math.round(Math.random() * 100000, 0);
 
-
}
 
-
 
-
/* REGISTER EVENTS */
 
-
$jmpress('register', afterStepLoaded);
 
-
 
-
/* HOOKS */
 
-
$jmpress('initStep', function( step, eventData ) {
 
-
eventData.stepData.src = $(step).attr('href') || eventData.data.src || false;
 
-
});
 
-
$jmpress('loadStep', function( step, eventData ) {
 
-
var stepData = eventData.stepData,
 
-
href = stepData && stepData.src;
 
-
if ( href ) {
 
-
$(step).load(href, function(response, status, xhr) {
 
-
$(eventData.jmpress).jmpress('fire', afterStepLoaded, step, $.extend({}, eventData, {
 
-
response: response
 
-
,status: status
 
-
,xhr: xhr
 
-
}));
 
-
});
 
-
}
 
-
});
 
-
 
-
}(jQuery, document, window));
 
-
/*!
 
-
* hash.js
 
-
* Detect and set the URL hash
 
-
*/
 
-
(function( $, document, window, undefined ) {
 
-
 
-
'use strict';
 
-
var $jmpress = $.jmpress,
 
-
hashLink = "a[href^=#]";
 
-
 
-
/* FUNCTIONS */
 
-
function randomString() {
 
-
return "" + Math.round(Math.random() * 100000, 0);
 
-
}
 
-
/**
 
-
* getElementFromUrl
 
-
*
 
-
* @return String or undefined
 
-
*/
 
-
function getElementFromUrl(settings) {
 
-
// get id from url # by removing `#` or `#/` from the beginning,
 
-
// so both "fallback" `#slide-id` and "enhanced" `#/slide-id` will work
 
-
// TODO SECURITY check user input to be valid!
 
-
try {
 
-
var el = $( '#' + window.location.hash.replace(/^#\/?/,"") );
 
-
return el.length > 0 && el.is(settings.stepSelector) ? el : undefined;
 
-
} catch(e) {}
 
-
}
 
-
 
-
/* DEFAULTS */
 
-
$jmpress('defaults').hash = {
 
-
use: true
 
-
,update: true
 
-
,bindChange: true
 
-
// NOTICE: {use: true, update: false, bindChange: true}
 
-
// will cause a error after clicking on a link to the current step
 
};
};
-
 
+
-
/* HOOKS */
+
var logError = function( message ) {
-
$jmpress('selectInitialStep', function( step, eventData ) {
+
if ( this.console ) {
-
var settings = eventData.settings,
+
console.error( message );
-
hashSettings = settings.hash,
+
-
current = eventData.current,
+
-
jmpress = $(this);
+
-
eventData.current.hashNamespace = ".jmpress-"+randomString();
+
-
// HASH CHANGE EVENT
+
-
if ( hashSettings.use ) {
+
-
if ( hashSettings.bindChange ) {
+
-
$(window).bind('hashchange'+current.hashNamespace, function() {
+
-
var urlItem = getElementFromUrl(settings);
+
-
if ( jmpress.jmpress('initialized') ) {
+
-
jmpress.jmpress("scrollFix");
+
-
}
+
-
if(urlItem && urlItem.length) {
+
-
if(urlItem.attr("id") !== jmpress.jmpress("active").attr("id")) {
+
-
jmpress.jmpress('select', urlItem);
+
-
}
+
-
var shouldBeHash = "#/" + urlItem.attr("id");
+
-
if(window.location.hash !== shouldBeHash) {
+
-
window.location.hash = shouldBeHash;
+
-
}
+
-
}
+
-
});
+
-
$(hashLink).on("click"+current.hashNamespace, function(event) {
+
-
var href = $(this).attr("href");
+
-
try {
+
-
if($(href).is(settings.stepSelector)) {
+
-
jmpress.jmpress("select", href);
+
-
event.preventDefault();
+
-
event.stopPropagation();
+
-
}
+
-
} catch(e) {}
+
-
});
+
-
}
+
-
return getElementFromUrl(settings);
+
}
}
-
});
 
-
$jmpress('afterDeinit', function( nil, eventData ) {
 
-
$(hashLink).off(eventData.current.hashNamespace);
 
-
$(window).unbind(eventData.current.hashNamespace);
 
-
});
 
-
$jmpress('setActive', function( step, eventData ) {
 
-
var settings = eventData.settings,
 
-
current = eventData.current;
 
-
// `#/step-id` is used instead of `#step-id` to prevent default browser
 
-
// scrolling to element in hash
 
-
if ( settings.hash.use && settings.hash.update ) {
 
-
clearTimeout(current.hashtimeout);
 
-
current.hashtimeout = setTimeout(function() {
 
-
window.location.hash = "#/" + $(eventData.delegatedFrom).attr('id');
 
-
}, settings.transitionDuration + 200);
 
-
}
 
-
});
 
-
 
-
}(jQuery, document, window));
 
-
/*!
 
-
* keyboard.js
 
-
* Keyboard event mapping and default keyboard actions
 
-
*/
 
-
(function( $, document, window, undefined ) {
 
-
 
-
'use strict';
 
-
var $jmpress = $.jmpress,
 
-
jmpressNext = "next",
 
-
jmpressPrev = "prev";
 
-
 
-
/* FUNCTIONS */
 
-
function randomString() {
 
-
return "" + Math.round(Math.random() * 100000, 0);
 
-
}
 
-
function stopEvent(event) {
 
-
event.preventDefault();
 
-
event.stopPropagation();
 
-
}
 
-
 
-
/* DEFAULTS */
 
-
$jmpress('defaults').keyboard = {
 
-
use: true
 
-
,keys: {
 
-
33: jmpressPrev // pg up
 
-
,37: jmpressPrev // left
 
-
,38: jmpressPrev // up
 
-
 
-
,9: jmpressNext+":"+jmpressPrev // tab
 
-
,32: jmpressNext // space
 
-
,34: jmpressNext // pg down
 
-
,39: jmpressNext // right
 
-
,40: jmpressNext // down
 
-
 
-
,36: "home" // home
 
-
 
-
,35: "end" // end
 
-
}
 
-
,ignore: {
 
-
"INPUT": [
 
-
32 // space
 
-
,37 // left
 
-
,38 // up
 
-
,39 // right
 
-
,40 // down
 
-
]
 
-
,"TEXTAREA": [
 
-
32 // space
 
-
,37 // left
 
-
,38 // up
 
-
,39 // right
 
-
,40 // down
 
-
]
 
-
,"SELECT": [
 
-
38 // up
 
-
,40 // down
 
-
]
 
-
}
 
-
,tabSelector: "a[href]:visible, :input:visible"
 
};
};
-
 
+
-
/* HOOKS */
+
$.fn.jmslideshow = function( options ) {
-
$jmpress('afterInit', function( nil, eventData ) {
+
-
var settings = eventData.settings,
+
if ( typeof options === 'string' ) {
-
keyboardSettings = settings.keyboard,
+
-
ignoreKeyboardSettings = keyboardSettings.ignore,
+
var args = Array.prototype.slice.call( arguments, 1 );
-
current = eventData.current,
+
-
jmpress = $(this);
+
this.each(function() {
-
 
+
-
// tabindex make it focusable so that it can recieve key events
+
var instance = $.data( this, 'jmslideshow' );
-
if(!settings.fullscreen) {
+
-
jmpress.attr("tabindex", 0);
+
if ( !instance ) {
-
}
+
logError( "cannot call methods on jmslideshow prior to initialization; " +
-
 
+
"attempted to call method '" + options + "'" );
-
current.keyboardNamespace = ".jmpress-"+randomString();
+
-
 
+
-
// KEYPRESS EVENT: this fixes a Opera bug
+
-
$(settings.fullscreen ? document : jmpress)
+
-
.bind("keypress"+current.keyboardNamespace, function( event ) {
+
-
 
+
-
for( var nodeName in ignoreKeyboardSettings ) {
+
-
if ( event.target.nodeName === nodeName && ignoreKeyboardSettings[nodeName].indexOf(event.which) !== -1 ) {
+
return;
return;
}
}
-
}
+
-
if(event.which >= 37 && event.which <= 40 || event.which === 32) {
+
if ( !$.isFunction( instance[options] ) || options.charAt(0) === "_" ) {
-
stopEvent(event);
+
logError( "no such method '" + options + "' for jmslideshow instance" );
-
}
+
-
});
+
-
// KEYDOWN EVENT
+
-
$(settings.fullscreen ? document : jmpress)
+
-
.bind("keydown"+current.keyboardNamespace, function( event ) {
+
-
var eventTarget = $(event.target);
+
-
 
+
-
if ( !settings.fullscreen && !eventTarget.closest(jmpress).length || !keyboardSettings.use ) {
+
-
return;
+
-
}
+
-
 
+
-
for( var nodeName in ignoreKeyboardSettings ) {
+
-
if ( eventTarget[0].nodeName === nodeName && ignoreKeyboardSettings[nodeName].indexOf(event.which) !== -1 ) {
+
return;
return;
}
}
-
}
+
-
 
+
instance[ options ].apply( instance, args );
-
var reverseSelect = false;
+
-
var nextFocus;
+
-
if (event.which === 9) {
+
-
// tab
+
-
if ( !eventTarget.closest( jmpress.jmpress('active') ).length ) {
+
-
if ( !event.shiftKey ) {
+
-
nextFocus = jmpress.jmpress('active').find("a[href], :input").filter(":visible").first();
+
-
} else {
+
-
reverseSelect = true;
+
-
}
+
-
} else {
+
-
nextFocus = eventTarget.near( keyboardSettings.tabSelector, event.shiftKey );
+
-
if( !$(nextFocus)
+
-
.closest( settings.stepSelector )
+
-
.is(jmpress.jmpress('active') ) ) {
+
-
nextFocus = undefined;
+
-
}
+
-
}
+
-
if( nextFocus && nextFocus.length > 0 ) {
+
-
nextFocus.focus();
+
-
jmpress.jmpress("scrollFix");
+
-
stopEvent(event);
+
-
return;
+
-
} else {
+
-
if(event.shiftKey) {
+
-
reverseSelect = true;
+
-
}
+
-
}
+
-
}
+
-
 
+
-
var action = keyboardSettings.keys[ event.which ];
+
-
if ( typeof action === "string" ) {
+
-
if (action.indexOf(":") !== -1) {
+
-
action = action.split(":");
+
-
action = event.shiftKey ? action[1] : action[0];
+
-
}
+
-
jmpress.jmpress( action );
+
-
stopEvent(event);
+
-
} else if ( $.isFunction(action) ) {
+
-
action.call(jmpress, event);
+
-
} else if ( action ) {
+
-
jmpress.jmpress.apply( jmpress, action );
+
-
stopEvent(event);
+
-
}
+
-
 
+
-
if (reverseSelect) {
+
-
// tab
+
-
nextFocus = jmpress.jmpress('active').find("a[href], :input").filter(":visible").last();
+
-
nextFocus.focus();
+
-
jmpress.jmpress("scrollFix");
+
-
}
+
-
});
+
-
});
+
-
$jmpress('afterDeinit', function( nil, eventData ) {
+
-
$(document).unbind(eventData.current.keyboardNamespace);
+
-
});
+
-
 
+
-
 
+
-
}(jQuery, document, window));
+
-
/*!
+
-
* viewport.js
+
-
* Scale to fit a given viewport
+
-
*/
+
-
(function( $, document, window, undefined ) {
+
-
 
+
-
'use strict';
+
-
 
+
-
function randomString() {
+
-
return "" + Math.round(Math.random() * 100000, 0);
+
-
}
+
-
 
+
-
var defaults = $.jmpress("defaults");
+
-
defaults.viewPort = {
+
-
width: false
+
-
,height: false
+
-
,maxScale: 0
+
-
,minScale: 0
+
-
,zoomable: 0
+
-
,zoomBindMove: true
+
-
,zoomBindWheel: true
+
-
};
+
-
var keys = defaults.keyboard.keys;
+
-
keys[$.browser.mozilla?107:187] = "zoomIn";  // +
+
-
keys[$.browser.mozilla?109:189] = "zoomOut"; // -
+
-
defaults.reasonableAnimation.resize = {
+
-
transitionDuration: '0s'
+
-
,transitionDelay: '0ms'
+
-
};
+
-
defaults.reasonableAnimation.zoom = {
+
-
transitionDuration: '0s'
+
-
,transitionDelay: '0ms'
+
-
};
+
-
$.jmpress("initStep", function( step, eventData ) {
+
-
for(var variable in {"viewPortHeight":1, "viewPortWidth":1, "viewPortMinScale":1, "viewPortMaxScale":1, "viewPortZoomable":1}) {
+
-
eventData.stepData[variable] = eventData.data[variable] && parseFloat(eventData.data[variable]);
+
-
}
+
-
});
+
-
$.jmpress("afterInit", function( nil, eventData ) {
+
-
var jmpress = this;
+
-
eventData.current.viewPortNamespace = ".jmpress-"+randomString();
+
-
$(window).bind("resize"+eventData.current.viewPortNamespace, function (event) {
+
-
$(jmpress).jmpress("reselect", "resize");
+
-
});
+
-
eventData.current.userZoom = 0;
+
-
eventData.current.userTranslateX = 0;
+
-
eventData.current.userTranslateY = 0;
+
-
if(eventData.settings.viewPort.zoomBindWheel) {
+
-
$(eventData.settings.fullscreen ? document : this)
+
-
.bind("mousewheel"+eventData.current.viewPortNamespace, function( event, delta ) {
+
-
delta = delta || event.originalEvent.wheelDelta;
+
-
var direction = (delta / Math.abs(delta));
+
-
if(direction < 0) {
+
-
$(eventData.jmpress).jmpress("zoomOut", event.originalEvent.x, event.originalEvent.y);
+
-
} else if(direction > 0) {
+
-
$(eventData.jmpress).jmpress("zoomIn", event.originalEvent.x, event.originalEvent.y);
+
-
}
+
});
});
-
}
+
-
if(eventData.settings.viewPort.zoomBindMove) {
+
}  
-
$(eventData.settings.fullscreen ? document : this).bind("mousedown"+eventData.current.viewPortNamespace, function (event) {
+
else {
-
if(eventData.current.userZoom) {
+
-
eventData.current.userTranslating = { x: event.clientX, y: event.clientY };
+
this.each(function() {
-
event.preventDefault();
+
-
event.stopImmediatePropagation();
+
var instance = $.data( this, 'jmslideshow' );
-
}
+
if ( !instance ) {
-
}).bind("mousemove"+eventData.current.viewPortNamespace, function (event) {
+
$.data( this, 'jmslideshow', new $.JMSlideshow( options, this ) );
-
var userTranslating = eventData.current.userTranslating;
+
-
if(userTranslating) {
+
-
$(jmpress).jmpress("zoomTranslate", event.clientX - userTranslating.x, event.clientY - userTranslating.y);
+
-
userTranslating.x = event.clientX;
+
-
userTranslating.y = event.clientY;
+
-
event.preventDefault();
+
-
event.stopImmediatePropagation();
+
-
}
+
-
}).bind("mouseup"+eventData.current.viewPortNamespace, function (event) {
+
-
if(eventData.current.userTranslating) {
+
-
eventData.current.userTranslating = undefined;
+
-
event.preventDefault();
+
-
event.stopImmediatePropagation();
+
}
}
});
});
 +
}
}
-
});
+
-
function maxAbs(value, range) {
+
return this;
-
return Math.max(Math.min(value, range), -range);
+
-
}
+
-
function zoom(x, y, direction) {
+
-
var current = $(this).jmpress("current"),
+
-
settings = $(this).jmpress("settings"),
+
-
stepData = $(this).jmpress("active").data("stepData"),
+
-
container = $(this).jmpress("container");
+
-
if(current.userZoom === 0 && direction < 0) {
+
-
return;
+
-
}
+
-
var zoomableSteps = stepData.viewPortZoomable || settings.viewPort.zoomable;
+
-
if(current.userZoom === zoomableSteps && direction > 0) {
+
-
return;
+
-
}
+
-
current.userZoom += direction;
+
-
 
+
-
var halfWidth = $(container).innerWidth()/2,
+
-
halfHeight = $(container).innerHeight()/2;
+
-
 
+
-
x = x ? x - halfWidth : x;
+
-
y = y ? y - halfHeight : y;
+
-
 
+
-
// TODO this is not perfect... too much math... :(
+
-
current.userTranslateX =
+
-
maxAbs(current.userTranslateX - direction * x / current.zoomOriginWindowScale / zoomableSteps,
+
-
halfWidth * current.userZoom * current.userZoom / zoomableSteps);
+
-
current.userTranslateY =
+
-
maxAbs(current.userTranslateY - direction * y / current.zoomOriginWindowScale / zoomableSteps,
+
-
halfHeight * current.userZoom * current.userZoom / zoomableSteps);
+
-
 
+
-
$(this).jmpress("reselect", "zoom");
+
-
}
+
-
$.jmpress("register", "zoomIn", function(x, y) {
+
-
zoom.call(this, x||0, y||0, 1);
+
-
});
+
-
$.jmpress("register", "zoomOut", function(x, y) {
+
-
zoom.call(this, x||0, y||0, -1);
+
-
});
+
-
$.jmpress("register", "zoomTranslate", function(x, y) {
+
-
var current = $(this).jmpress("current"),
+
-
settings = $(this).jmpress("settings"),
+
-
stepData = $(this).jmpress("active").data("stepData"),
+
-
container = $(this).jmpress("container");
+
-
var zoomableSteps = stepData.viewPortZoomable || settings.viewPort.zoomable;
+
-
var halfWidth = $(container).innerWidth(),
+
-
halfHeight = $(container).innerHeight();
+
-
current.userTranslateX =
+
-
maxAbs(current.userTranslateX + x / current.zoomOriginWindowScale,
+
-
halfWidth * current.userZoom * current.userZoom / zoomableSteps);
+
-
current.userTranslateY =
+
-
maxAbs(current.userTranslateY + y / current.zoomOriginWindowScale,
+
-
halfHeight * current.userZoom * current.userZoom / zoomableSteps);
+
-
$(this).jmpress("reselect", "zoom");
+
-
});
+
-
$.jmpress('afterDeinit', function( nil, eventData ) {
+
-
$(window).unbind(eventData.current.viewPortNamespace);
+
-
});
+
-
$.jmpress("setActive", function( step, eventData ) {
+
-
var viewPort = eventData.settings.viewPort;
+
-
var viewPortHeight = eventData.stepData.viewPortHeight || viewPort.height;
+
-
var viewPortWidth = eventData.stepData.viewPortWidth || viewPort.width;
+
-
var viewPortMaxScale = eventData.stepData.viewPortMaxScale || viewPort.maxScale;
+
-
var viewPortMinScale = eventData.stepData.viewPortMinScale || viewPort.minScale;
+
-
// Correct the scale based on the window's size
+
-
var windowScaleY = viewPortHeight && $(eventData.container).innerHeight()/viewPortHeight;
+
-
var windowScaleX = viewPortWidth && $(eventData.container).innerWidth()/viewPortWidth;
+
-
var windowScale = (windowScaleX || windowScaleY) && Math.min( windowScaleX || windowScaleY, windowScaleY || windowScaleX );
+
-
 
+
-
if(windowScale) {
+
-
windowScale = windowScale || 1;
+
-
if(viewPortMaxScale) {
+
-
windowScale = Math.min(windowScale, viewPortMaxScale);
+
-
}
+
-
if(viewPortMinScale) {
+
-
windowScale = Math.max(windowScale, viewPortMinScale);
+
-
}
+
-
 
+
-
var zoomableSteps = eventData.stepData.viewPortZoomable || eventData.settings.viewPort.zoomable;
+
-
if(zoomableSteps) {
+
-
var diff = (1/windowScale) - (1/viewPortMaxScale);
+
-
diff /= zoomableSteps;
+
-
windowScale = 1/((1/windowScale) - diff * eventData.current.userZoom);
+
-
}
+
-
 
+
-
eventData.target.transform.reverse();
+
-
if(eventData.current.userTranslateX && eventData.current.userTranslateY) {
+
-
eventData.target.transform.push(["translate", eventData.current.userTranslateX, eventData.current.userTranslateY, 0]);
+
-
} else {
+
-
eventData.target.transform.push(["translate"]);
+
-
}
+
-
eventData.target.transform.push(["scale",
+
-
windowScale,
+
-
windowScale,
+
-
1]);
+
-
eventData.target.transform.reverse();
+
-
}
+
-
eventData.current.zoomOriginWindowScale = windowScale;
+
-
});
+
-
$.jmpress("setInactive", function( step, eventData ) {
+
-
if(!eventData.nextStep || !step || $(eventData.nextStep).attr("id") !== $(step).attr("id")) {
+
-
eventData.current.userZoom = 0;
+
-
eventData.current.userTranslateX = 0;
+
-
eventData.current.userTranslateY = 0;
+
-
}
+
-
});
+
-
 
+
-
}(jQuery, document, window));
+
-
/*!
+
-
* mouse.js
+
-
* Clicking to select a step
+
-
*/
+
-
(function( $, document, window, undefined ) {
+
-
 
+
-
'use strict';
+
-
var $jmpress = $.jmpress;
+
-
 
+
-
/* FUNCTIONS */
+
-
function randomString() {
+
-
return "" + Math.round(Math.random() * 100000, 0);
+
-
}
+
-
 
+
-
/* DEFAULTS */
+
-
$jmpress("defaults").mouse = {
+
-
clickSelects: true
+
};
};
-
 
+
-
/* HOOKS */
+
})( jQuery );
-
$jmpress("afterInit", function( nil, eventData ) {
+
-
var settings = eventData.settings,
+
-
stepSelector = settings.stepSelector,
+
-
current = eventData.current,
+
-
jmpress = $(this);
+
-
current.clickableStepsNamespace = ".jmpress-"+randomString();
+
-
jmpress.bind("click"+current.clickableStepsNamespace, function(event) {
+
-
if (!settings.mouse.clickSelects || current.userZoom) {
+
-
return;
+
-
}
+
-
 
+
-
// get clicked step
+
-
var clickedStep = $(event.target).closest(stepSelector);
+
-
 
+
-
// clicks on the active step do default
+
-
if ( clickedStep.is( jmpress.jmpress("active") ) ) {
+
-
return;
+
-
}
+
-
 
+
-
if (clickedStep.length) {
+
-
// select the clicked step
+
-
jmpress.jmpress("select", clickedStep[0], "click");
+
-
event.preventDefault();
+
-
event.stopPropagation();
+
-
}
+
-
});
+
-
});
+
-
$jmpress('afterDeinit', function( nil, eventData ) {
+
-
$(this).unbind(eventData.current.clickableStepsNamespace);
+
-
});
+
-
 
+
-
}(jQuery, document, window));
+
-
/*!
+
-
* mobile.js
+
-
* Adds support for swipe on touch supported browsers
+
-
*/
+
-
(function( $, document, window, undefined ) {
+
-
 
+
-
'use strict';
+
-
var $jmpress = $.jmpress;
+
-
 
+
-
/* FUNCTIONS */
+
-
function randomString() {
+
-
return "" + Math.round(Math.random() * 100000, 0);
+
-
}
+
-
 
+
-
/* HOOKS */
+
-
$jmpress( 'afterInit', function( step, eventData ) {
+
-
var settings = eventData.settings,
+
-
current = eventData.current,
+
-
jmpress = eventData.jmpress;
+
-
current.mobileNamespace = ".jmpress-"+randomString();
+
-
var data, start = [0,0];
+
-
$(settings.fullscreen ? document : jmpress)
+
-
.bind("touchstart"+current.mobileNamespace, function( event ) {
+
-
 
+
-
data = event.originalEvent.touches[0];
+
-
start = [ data.pageX, data.pageY ];
+
-
 
+
-
}).bind("touchmove"+current.mobileNamespace, function( event ) {
+
-
data = event.originalEvent.touches[0];
+
-
event.preventDefault();
+
-
return false;
+
-
}).bind("touchend"+current.mobileNamespace, function( event ) {
+
-
var end = [ data.pageX, data.pageY ],
+
-
diff = [ end[0]-start[0], end[1]-start[1] ];
+
-
 
+
-
if(Math.max(Math.abs(diff[0]), Math.abs(diff[1])) > 50) {
+
-
diff = Math.abs(diff[0]) > Math.abs(diff[1]) ? diff[0] : diff[1];
+
-
$(jmpress).jmpress(diff > 0 ? "prev" : "next");
+
-
event.preventDefault();
+
-
return false;
+
-
}
+
-
});
+
-
});
+
-
$jmpress('afterDeinit', function( nil, eventData ) {
+
-
var settings = eventData.settings,
+
-
current = eventData.current,
+
-
jmpress = eventData.jmpress;
+
-
$(settings.fullscreen ? document : jmpress).unbind(current.mobileNamespace);
+
-
});
+
-
 
+
-
}(jQuery, document, window));
+
-
/*!
+
-
* templates.js
+
-
* The amazing template engine
+
-
*/
+
-
(function( $, document, window, undefined ) {
+
-
 
+
-
'use strict';
+
-
var $jmpress = $.jmpress,
+
-
templateFromParentIdent = "_template_",
+
-
templateFromApplyIdent = "_applied_template_";
+
-
 
+
-
/* STATIC VARS */
+
-
var templates = {};
+
-
 
+
-
/* FUNCTIONS */
+
-
function randomString() {
+
-
return "" + Math.round(Math.random() * 100000, 0);
+
-
}
+
-
function addUndefined( target, values, prefix ) {
+
-
for( var name in values ) {
+
-
var targetName = name;
+
-
if ( prefix ) {
+
-
targetName = prefix + targetName.substr(0, 1).toUpperCase() + targetName.substr(1);
+
-
}
+
-
if ( $.isPlainObject(values[name]) ) {
+
-
addUndefined( target, values[name], targetName );
+
-
} else if( target[targetName] === undefined ) {
+
-
target[targetName] = values[name];
+
-
}
+
-
}
+
-
}
+
-
function applyChildrenTemplates( children, templateChildren ) {
+
-
if ($.isArray(templateChildren)) {
+
-
if (templateChildren.length < children.length) {
+
-
$.error("more nested steps than children in template");
+
-
} else {
+
-
children.each(function(idx, child) {
+
-
child = $(child);
+
-
var tmpl = child.data(templateFromParentIdent) || {};
+
-
addUndefined(tmpl, templateChildren[idx]);
+
-
child.data(templateFromParentIdent, tmpl);
+
-
});
+
-
}
+
-
} else if($.isFunction(templateChildren)) {
+
-
children.each(function(idx, child) {
+
-
child = $(child);
+
-
var tmpl = child.data(templateFromParentIdent) || {};
+
-
addUndefined(tmpl, templateChildren(idx, child, children));
+
-
child.data(templateFromParentIdent, tmpl);
+
-
});
+
-
} // TODO: else if(object)
+
-
}
+
-
function applyTemplate( data, element, template, eventData ) {
+
-
if (template.children) {
+
-
var children = element.children( eventData.settings.stepSelector );
+
-
applyChildrenTemplates( children, template.children );
+
-
}
+
-
applyTemplateData( data, template );
+
-
}
+
-
function applyTemplateData( data, template ) {
+
-
addUndefined(data, template);
+
-
}
+
-
 
+
-
/* HOOKS */
+
-
$jmpress("beforeInitStep", function( step, eventData ) {
+
-
step = $(step);
+
-
var data = eventData.data,
+
-
templateFromAttr = data.template,
+
-
templateFromApply = step.data(templateFromApplyIdent),
+
-
templateFromParent = step.data(templateFromParentIdent);
+
-
if(templateFromAttr) {
+
-
$.each(templateFromAttr.split(" "), function(idx, tmpl) {
+
-
var template = templates[tmpl];
+
-
applyTemplate( data, step, template, eventData );
+
-
});
+
-
}
+
-
if (templateFromApply) {
+
-
applyTemplate( data, step, templateFromApply, eventData );
+
-
}
+
-
if (templateFromParent) {
+
-
applyTemplate( data, step, templateFromParent, eventData );
+
-
step.data(templateFromParentIdent, null);
+
-
if(templateFromParent.template) {
+
-
$.each(templateFromParent.template.split(" "), function(idx, tmpl) {
+
-
var template = templates[tmpl];
+
-
applyTemplate( data, step, template, eventData );
+
-
});
+
-
}
+
-
}
+
-
});
+
-
$jmpress("beforeInit", function( nil, eventData ) {
+
-
var data = $jmpress("dataset", this),
+
-
dataTemplate = data.template,
+
-
stepSelector = eventData.settings.stepSelector;
+
-
if (dataTemplate) {
+
-
var template = templates[dataTemplate];
+
-
applyChildrenTemplates( $(this).find(stepSelector).filter(function() {
+
-
return !$(this).parent().is(stepSelector);
+
-
}), template.children );
+
-
}
+
-
});
+
-
 
+
-
/* EXPORTED FUNCTIONS */
+
-
$jmpress("register", "template", function( name, tmpl ) {
+
-
if (templates[name]) {
+
-
templates[name] = $.extend(true, {}, templates[name], tmpl);
+
-
} else {
+
-
templates[name] = $.extend(true, {}, tmpl);
+
-
}
+
-
});
+
-
$jmpress("register", "apply", function( selector, tmpl ) {
+
-
if( !tmpl ) {
+
-
// TODO ERROR because settings not found
+
-
var stepSelector = $(this).jmpress("settings").stepSelector;
+
-
applyChildrenTemplates( $(this).find(stepSelector).filter(function() {
+
-
return !$(this).parent().is(stepSelector);
+
-
}), selector );
+
-
} else if($.isArray(tmpl)) {
+
-
applyChildrenTemplates( $(selector), tmpl );
+
-
} else {
+
-
var template;
+
-
if(typeof tmpl === "string") {
+
-
template = templates[tmpl];
+
-
} else {
+
-
template = $.extend(true, {}, tmpl);
+
-
}
+
-
$(selector).each(function(idx, element) {
+
-
element = $(element);
+
-
var tmpl = element.data(templateFromApplyIdent) || {};
+
-
addUndefined(tmpl, template);
+
-
element.data(templateFromApplyIdent, tmpl);
+
-
});
+
-
}
+
-
});
+
-
 
+
-
}(jQuery, document, window));
+
-
/*!
+
-
* jqevents.js
+
-
*/
+
-
(function( $, document, window, undefined ) {
+
-
 
+
-
'use strict';
+
-
 
+
-
/* FUNCTIONS */
+
-
function randomString() {
+
-
return "" + Math.round(Math.random() * 100000, 0);
+
-
}
+
-
 
+
-
/* HOOKS */
+
-
// the events should not bubble up the tree
+
-
// elsewise nested jmpress would cause buggy behavior
+
-
$.jmpress("setActive", function( step, eventData ) {
+
-
if(eventData.prevStep !== step) {
+
-
$(step).triggerHandler("enterStep");
+
-
}
+
-
});
+
-
$.jmpress("setInactive", function( step, eventData ) {
+
-
if(eventData.nextStep !== step) {
+
-
$(step).triggerHandler("leaveStep");
+
-
}
+
-
});
+
-
 
+
-
}(jQuery, document, window));
+
-
/*!
+
-
* animation.js
+
-
* Apply custom animations to steps
+
-
*/
+
-
(function( $, document, window, undefined ) {
+
-
 
+
-
'use strict';
+
-
 
+
-
function randomString() {
+
-
return "" + Math.round(Math.random() * 100000, 0);
+
-
}
+
-
 
+
-
function parseSubstepInfo(str) {
+
-
var arr = str.split(" ");
+
-
var className = arr[0];
+
-
var config = { willClass: "will-"+className, doClass: "do-"+className, hasClass: "has-"+className };
+
-
var state = "";
+
-
for(var i = 1; i < arr.length; i++) {
+
-
var s = arr[i];
+
-
switch(state) {
+
-
case "":
+
-
if(s === "after") {
+
-
state = "after";
+
-
} else {
+
-
$.warn("unknown keyword in '"+str+"'. '"+s+"' unknown.");
+
-
}
+
-
break;
+
-
case "after":
+
-
if(s.match(/^[1-9][0-9]*m?s?/)) {
+
-
var value = parseFloat(s);
+
-
if(s.indexOf("ms") !== -1) {
+
-
value *= 1;
+
-
} else if(s.indexOf("s") !== -1) {
+
-
value *= 1000;
+
-
} else if(s.indexOf("m") !== -1) {
+
-
value *= 60000;
+
-
}
+
-
config.delay = value;
+
-
} else {
+
-
config.after = Array.prototype.slice.call(arr, i).join(" ");
+
-
}
+
-
}
+
-
}
+
-
return config;
+
-
}
+
-
function find(array, selector, start, end) {
+
-
end = end || (array.length - 1);
+
-
start = start || 0;
+
-
for(var i = start; i < end + 1; i++) {
+
-
if($(array[i].element).is(selector)) {
+
-
return i;
+
-
}
+
-
}
+
-
}
+
-
function addOn(list, substep, delay) {
+
-
$.each(substep._on, function(idx, child) {
+
-
list.push({substep: child.substep, delay: child.delay + delay});
+
-
addOn(list, child.substep, child.delay + delay);
+
-
});
+
-
}
+
-
$.jmpress("defaults").customAnimationDataAttribute = "jmpress";
+
-
$.jmpress("afterInit", function( nil, eventData ) {
+
-
eventData.current.animationTimeouts = [];
+
-
eventData.current.animationCleanupWaiting = [];
+
-
});
+
-
$.jmpress("applyStep", function( step, eventData ) {
+
-
// read custom animation from elements
+
-
var substepsData = {};
+
-
var listOfSubsteps = [];
+
-
$(step).find("[data-"+eventData.settings.customAnimationDataAttribute+"]")
+
-
.each(function(idx, element) {
+
-
if($(element).closest(eventData.settings.stepSelector).is(step)) {
+
-
listOfSubsteps.push({element: element});
+
-
}
+
-
});
+
-
if(listOfSubsteps.length === 0) {
+
-
return;
+
-
}
+
-
$.each(listOfSubsteps, function(idx, substep) {
+
-
substep.info = parseSubstepInfo(
+
-
$(substep.element).data(eventData.settings.customAnimationDataAttribute));
+
-
$(substep.element).addClass(substep.info.willClass);
+
-
substep._on = [];
+
-
substep._after = null;
+
-
});
+
-
var current = {_after: undefined, _on: [], info: {}}; // virtual zero step
+
-
$.each(listOfSubsteps, function(idx, substep) {
+
-
var other = substep.info.after;
+
-
if(other) {
+
-
if(other === "step") {
+
-
other = current;
+
-
} else if(other === "prev") {
+
-
other = listOfSubsteps[idx-1];
+
-
} else {
+
-
var index = find(listOfSubsteps, other, 0, idx - 1);
+
-
if(index === -1) {
+
-
index = find(listOfSubsteps, other);
+
-
}
+
-
other = (index === -1 || index === idx) ? listOfSubsteps[idx-1] : listOfSubsteps[index];
+
-
}
+
-
} else {
+
-
other = listOfSubsteps[idx-1];
+
-
}
+
-
if(other) {
+
-
if(!substep.info.delay) {
+
-
if(!other._after) {
+
-
other._after = substep;
+
-
return;
+
-
}
+
-
other = other._after;
+
-
}
+
-
other._on.push({substep: substep, delay: substep.info.delay || 0});
+
-
}
+
-
});
+
-
if(current._after === undefined && current._on.length === 0) {
+
-
var startStep = find(listOfSubsteps, eventData.stepData.startSubstep) || 0;
+
-
current._after = listOfSubsteps[startStep];
+
-
}
+
-
var substepsInOrder = [];
+
-
function findNextFunc(idx, item) {
+
-
if(item.substep._after) {
+
-
current = item.substep._after;
+
-
return false;
+
-
}
+
-
}
+
-
do {
+
-
var substepList = [{substep: current, delay: 0}];
+
-
addOn(substepList, current, 0);
+
-
substepsInOrder.push(substepList);
+
-
current = null;
+
-
$.each(substepList, findNextFunc);
+
-
} while(current);
+
-
substepsData.list = substepsInOrder;
+
-
$(step).data("substepsData", substepsData);
+
-
});
+
-
$.jmpress("unapplyStep", function( step, eventData ) {
+
-
var substepsData = $(step).data("substepsData");
+
-
if(substepsData) {
+
-
$.each(substepsData.list, function(idx, activeSubsteps) {
+
-
$.each(activeSubsteps, function(idx, substep) {
+
-
if(substep.substep.info.willClass) {
+
-
$(substep.substep.element).removeClass(substep.substep.info.willClass);
+
-
}
+
-
if(substep.substep.info.hasClass) {
+
-
$(substep.substep.element).removeClass(substep.substep.info.hasClass);
+
-
}
+
-
if(substep.substep.info.doClass) {
+
-
$(substep.substep.element).removeClass(substep.substep.info.doClass);
+
-
}
+
-
});
+
-
});
+
-
}
+
-
});
+
-
$.jmpress("setActive", function(step, eventData) {
+
-
var substepsData = $(step).data("substepsData");
+
-
if(!substepsData) {
+
-
return;
+
-
}
+
-
if(eventData.substep === undefined) {
+
-
eventData.substep =
+
-
(eventData.reason === "prev" ?
+
-
substepsData.list.length-1 :
+
-
0
+
-
);
+
-
}
+
-
var substep = eventData.substep;
+
-
$.each(eventData.current.animationTimeouts, function(idx, timeout) {
+
-
clearTimeout(timeout);
+
-
});
+
-
eventData.current.animationTimeouts = [];
+
-
$.each(substepsData.list, function(idx, activeSubsteps) {
+
-
var applyHas = idx < substep;
+
-
var applyDo = idx <= substep;
+
-
$.each(activeSubsteps, function(idx, substep) {
+
-
if(substep.substep.info.hasClass) {
+
-
$(substep.substep.element)[(applyHas?"add":"remove")+"Class"](substep.substep.info.hasClass);
+
-
}
+
-
function applyIt() {
+
-
$(substep.substep.element).addClass(substep.substep.info.doClass);
+
-
}
+
-
if(applyDo && !applyHas && substep.delay && eventData.reason !== "prev") {
+
-
if(substep.substep.info.doClass) {
+
-
$(substep.substep.element).removeClass(substep.substep.info.doClass);
+
-
eventData.current.animationTimeouts.push(setTimeout(applyIt, substep.delay));
+
-
}
+
-
} else {
+
-
if(substep.substep.info.doClass) {
+
-
$(substep.substep.element)[(applyDo?"add":"remove")+"Class"](substep.substep.info.doClass);
+
-
}
+
-
}
+
-
});
+
-
});
+
-
});
+
-
$.jmpress("setInactive", function(step, eventData) {
+
-
if(eventData.nextStep === step) {
+
-
return;
+
-
}
+
-
function cleanupAnimation( substepsData ) {
+
-
$.each(substepsData.list, function(idx, activeSubsteps) {
+
-
$.each(activeSubsteps, function(idx, substep) {
+
-
if(substep.substep.info.hasClass) {
+
-
$(substep.substep.element).removeClass(substep.substep.info.hasClass);
+
-
}
+
-
if(substep.substep.info.doClass) {
+
-
$(substep.substep.element).removeClass(substep.substep.info.doClass);
+
-
}
+
-
});
+
-
});
+
-
}
+
-
$.each(eventData.current.animationCleanupWaiting, function(idx, item) {
+
-
cleanupAnimation(item);
+
-
});
+
-
eventData.current.animationCleanupWaiting = [];
+
-
var substepsData = $(step).data("substepsData");
+
-
if(substepsData) {
+
-
eventData.current.animationCleanupWaiting.push( substepsData );
+
-
}
+
-
});
+
-
$.jmpress("selectNext", function( step, eventData ) {
+
-
if(eventData.substep === undefined) {
+
-
return;
+
-
}
+
-
var substepsData = $(step).data("substepsData");
+
-
if(!substepsData) {
+
-
return;
+
-
}
+
-
if(eventData.substep < substepsData.list.length-1) {
+
-
return {step: step, substep: eventData.substep+1};
+
-
}
+
-
});
+
-
$.jmpress("selectPrev", function( step, eventData ) {
+
-
if(eventData.substep === undefined) {
+
-
return;
+
-
}
+
-
var substepsData = $(step).data("substepsData");
+
-
if(!substepsData) {
+
-
return;
+
-
}
+
-
if(eventData.substep > 0) {
+
-
return {step: step, substep: eventData.substep-1};
+
-
}
+
-
});
+
-
 
+
-
}(jQuery, document, window));
+

Latest revision as of 07:25, 12 August 2013

(function( $, undefined ) {

/* * JMSlideshow object */ $.JMSlideshow = function( options, element ) {

// the jms-slideshow this.$el = $( element );

this._init( options );

};

$.JMSlideshow.defaults = { // options for the jmpress plugin. // you can add much more options here. Check http://shama.github.com/jmpress.js/ jmpressOpts : { // set the viewport viewPort : { height : 400, width : 1000, maxScale: 1 }, fullscreen : false, hash : { use : false }, mouse : { clickSelects : false }, keyboard : { use : false }, animation : { transitionDuration : '1s' } }, // for this specific plugin we will have the following options: // shows/hides navigation arrows arrows : true, // shows/hides navigation dots/pages dots : true, // each step's bgcolor transition speed bgColorSpeed: '1s', // slideshow on / off autoplay : false, // time between transitions for the slideshow interval : 3500 

   };

$.JMSlideshow.prototype = { _init : function( options ) {

this.options = $.extend( true, {}, $.JMSlideshow.defaults, options );

// each one of the slides this.$slides = this.$el.children('div'); // total number of slides this.slidesCount = this.$slides.length;

// step's bgcolor this.colors = $.map( this.$slides, function( el, i ) { return $( el ).attr( 'data-color' ); } ).join( ' ' ); // build the necessary structure to run jmpress this._layout(); // initialize the jmpress plugin this._initImpress(); // if support (function implemented in jmpress plugin) if( this.support ) {

// load some events this._loadEvents(); // if autoplay is true start the slideshow if( this.options.autoplay ) {

this._startSlideshow();

}

}

}, // wraps all the slides in the jms-wrapper div; // adds the navigation options ( arrows and dots ) if set to true _layout : function() {

// adds a specific class to each one of the steps this.$slides.each( function( i ) {

$(this).addClass( 'jmstep' + ( i + 1 ) );

} );

// wrap the slides. This wrapper will be the element on which we will call the jmpress plugin this.$jmsWrapper = this.$slides.wrapAll( '<div class="jms-wrapper"/>' ).parent();

// transition speed for the wrapper bgcolor this.$jmsWrapper.css( { '-webkit-transition-duration' : this.options.bgColorSpeed, '-moz-transition-duration' : this.options.bgColorSpeed, '-ms-transition-duration' : this.options.bgColorSpeed, '-o-transition-duration' : this.options.bgColorSpeed, 'transition-duration' : this.options.bgColorSpeed } );

// add navigation arrows if( this.options.arrows ) {

this.$arrows = $( '<nav class="jms-arrows"></nav>' );

if( this.slidesCount > 1 ) {

this.$arrowPrev = $( '<span class="jms-arrows-prev"/>' ).appendTo( this.$arrows ); this.$arrowNext = $( '<span class="jms-arrows-next"/>' ).appendTo( this.$arrows );

}

this.$el.append( this.$arrows )

}

// add navigation dots if( this.options.dots ) {

this.$dots = $( '<nav class="jms-dots"></nav>' );

for( var i = this.slidesCount + 1; --i; ) {

this.$dots.append( ( i === this.slidesCount ) ? '<span/>' : '<span/>' );

}

if( this.options.jmpressOpts.start ) {

this.$start = this.$jmsWrapper.find( this.options.jmpressOpts.start ), idxSelected = 0;

( this.$start.length ) ? idxSelected = this.$start.index() : this.options.jmpressOpts.start = null;

this.$dots.children().removeClass( 'jms-dots-current' ).eq( idxSelected ).addClass( 'jms-dots-current' );

}

this.$el.append( this.$dots )

}

}, // initialize the jmpress plugin _initImpress : function() {

var _self = this;

this.$jmsWrapper.jmpress( this.options.jmpressOpts ); // check if supported (function from jmpress.js): // it adds the class not-supported to the wrapper this.support = !this.$jmsWrapper.hasClass( 'not-supported' );

// if not supported remove unnecessary elements if( !this.support ) {

if( this.$arrows ) {

this.$arrows.remove();

}

if( this.$dots ) {

this.$dots.remove();

}

return false;

}

// redefine the jmpress setActive method this.$jmsWrapper.jmpress( 'setActive', function( slide, eventData ) {

// change the pagination dot active class if( _self.options.dots ) {

// adds the current class to the current dot/page _self.$dots .children() .removeClass( 'jms-dots-current' ) .eq( slide.index() ) .addClass( 'jms-dots-current' );

}

// delete all current bg colors this.removeClass( _self.colors ); // add bg color class this.addClass( slide.attr( 'data-color' ) );

} );

// add step's bg color to the wrapper this.$jmsWrapper.addClass( $( '#' + _self.$el.attr( 'id' )).find('.step:first-child').attr( 'data-color' ) );

}, // start slideshow if autoplay is true _startSlideshow : function() {

var _self = this;

this.slideshow = setTimeout( function() {

_self.$jmsWrapper.jmpress( 'next' );

if( _self.options.autoplay ) {

_self._startSlideshow();

}

}, this.options.interval );

}, // stops the slideshow _stopSlideshow : function() {

if( this.options.autoplay ) {

clearTimeout( this.slideshow ); this.options.autoplay = false;

}

}, _loadEvents : function() {

var _self = this;

// navigation arrows if( this.$arrowPrev && this.$arrowNext ) {

this.$arrowPrev.bind( 'click.jmslideshow', function( event ) {

_self._stopSlideshow();

//_self.$jmsWrapper.jmpress( 'prev' ); _self.$jmsWrapper.find( '.step' ).each(function() { if ( $(this).hasClass( 'active' ) ) { ind = $(this).index() + 1; } }); if ( ind == 1) { ind = _self.slidesCount + 1; } _self.$jmsWrapper.jmpress( 'goTo', '.jmstep' + ( ind - 1 ) );


return false;

} );

this.$arrowNext.bind( 'click.jmslideshow', function( event ) {

_self._stopSlideshow();

//_self.$jmsWrapper.jmpress( 'next' ); _self.$jmsWrapper.find( '.step' ).each(function() { if ( $(this).hasClass( 'active' ) ) { ind = $(this).index() + 1; } }); if ( ind == _self.slidesCount ) { ind = 0; } _self.$jmsWrapper.jmpress( 'goTo', '.jmstep' + ( ind + 1 ) );

return false;

} );

}

// navigation dots if( this.$dots ) {

this.$dots.children().bind( 'click.jmslideshow', function( event ) {

_self._stopSlideshow();

_self.$jmsWrapper.jmpress( 'goTo', '.jmstep' + ( $(this).index() + 1 ) );

return false;

} );

}

// the touchend event is already defined in the jmpress plugin. // we just need to make sure the slideshow stops if the event is triggered this.$jmsWrapper.bind( 'touchend.jmslideshow', function() {

_self._stopSlideshow();

} );

} };

var logError = function( message ) { if ( this.console ) { console.error( message ); } };

$.fn.jmslideshow = function( options ) {

if ( typeof options === 'string' ) {

var args = Array.prototype.slice.call( arguments, 1 );

this.each(function() {

var instance = $.data( this, 'jmslideshow' );

if ( !instance ) { logError( "cannot call methods on jmslideshow prior to initialization; " + "attempted to call method '" + options + "'" ); return; }

if ( !$.isFunction( instance[options] ) || options.charAt(0) === "_" ) { logError( "no such method '" + options + "' for jmslideshow instance" ); return; }

instance[ options ].apply( instance, args );

});

} else {

this.each(function() {

var instance = $.data( this, 'jmslideshow' ); if ( !instance ) { $.data( this, 'jmslideshow', new $.JMSlideshow( options, this ) ); } });

}

return this;

};

})( jQuery );

Retrieved from "http://2013.igem.org/Team:UNITN-Trento/JS/Library/jmslideshow"