/* * flowplayer.js 3.2.6. The Flowplayer API * * Copyright 2009-2011 Flowplayer Oy * * This file is part of Flowplayer. * * Flowplayer is free software: you can redistribute it and/or modify * it under the terms of the GNU General Public License as published by * the Free Software Foundation, either version 3 of the License, or * (at your option) any later version. * * Flowplayer is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * You should have received a copy of the GNU General Public License * along with Flowplayer. If not, see . * * Date: 2011-02-04 05:45:28 -0500 (Fri, 04 Feb 2011) * Revision: 614 * * *** Modified by Heather Matanock for Bimvid. *** wrapped console.log in try/catch loop to prevent errors in IE ~ char 27-86 *** added additional events to array ~ chars 1218-1242 *** Date: 2011-10-31 * */ (function(){function g(o){try{console.log("$f.fireEvent",[].slice.call(o))}catch(p){}}function k(q){if(!q||typeof q!="object"){return q}var o=new q.constructor();for(var p in q){if(q.hasOwnProperty(p)){o[p]=k(q[p])}}return o}function m(t,q){if(!t){return}var o,p=0,r=t.length;if(r===undefined){for(o in t){if(q.call(t[o],o,t[o])===false){break}}}else{for(var s=t[0];p1){var t=arguments[1],q=(arguments.length==3)?arguments[2]:{};if(typeof t=="string"){t={src:t}}t=i({bgcolor:"#000000",version:[9,0],expressInstall:"http://static.flowplayer.org/swf/expressinstall.swf",cachebusting:false},t);if(typeof o=="string"){if(o.indexOf(".")!=-1){var s=[];m(n(o),function(){s.push(new b(this,k(t),k(q)))});return new d(s)}else{var r=c(o);return new b(r!==null?r:o,t,q)}}else{if(o){return new b(o,t,q)}}}return null};i(window.$f,{fireEvent:function(){var o=[].slice.call(arguments);var q=$f(o[0]);return q?q._fireEvent(o.slice(1)):null},addPlugin:function(o,p){b.prototype[o]=p;return $f},each:m,extend:i});if(typeof jQuery=="function"){jQuery.fn.flowplayer=function(q,p){if(!arguments.length||typeof arguments[0]=="number"){var o=[];this.each(function(){var r=$f(this);if(r){o.push(r)}});return arguments.length?o[arguments[0]]:new d(o)}return this.each(function(){$f(this,k(q),p?k(p):{})})}}})();(function(){var e=typeof jQuery=="function";var i={width:"100%",height:"100%",allowfullscreen:true,allowscriptaccess:"always",quality:"high",version:null,onFail:null,expressInstall:null,w3c:false,cachebusting:false};if(e){jQuery.tools=jQuery.tools||{};jQuery.tools.flashembed={version:"1.0.4",conf:i}}function j(){if(c.done){return false}var l=document;if(l&&l.getElementsByTagName&&l.getElementById&&l.body){clearInterval(c.timer);c.timer=null;for(var k=0;k'}q.width=q.height=q.id=q.w3c=q.src=null;for(var l in q){if(q[l]!==null){n+=''}}var o="";if(t){for(var m in t){if(t[m]!==null){o+=m+"="+(typeof t[m]=="object"?g(t[m]):t[m])+"&"}}o=o.substring(0,o.length-1);n+='"}n+="";return n}function d(m,p,l){var k=flashembed.getVersion();f(this,{getContainer:function(){return m},getConf:function(){return p},getVersion:function(){return k},getFlashvars:function(){return l},getApi:function(){return m.firstChild},getHTML:function(){return a(p,l)}});var q=p.version;var r=p.expressInstall;var o=!q||flashembed.isSupported(q);if(o){p.onFail=p.version=p.expressInstall=null;m.innerHTML=a(p,l)}else{if(q&&r&&flashembed.isSupported([6,65])){f(p,{src:r});l={MMredirectURL:location.href,MMplayerType:"PlugIn",MMdoctitle:document.title};m.innerHTML=a(p,l)}else{if(m.innerHTML.replace(/\s/g,"")!==""){}else{m.innerHTML="

Flash version "+q+" or greater is required

"+(k[0]>0?"Your version is "+k:"You have no flash plugin installed")+"

"+(m.tagName=="A"?"

Click here to download latest version

":"

Download latest version from here

");if(m.tagName=="A"){m.onclick=function(){location.href="http://www.adobe.com/go/getflashplayer"}}}}}if(!o&&p.onFail){var n=p.onFail.call(this);if(typeof n=="string"){m.innerHTML=n}}if(document.all){window[p.id]=document.getElementById(p.id)}}window.flashembed=function(l,m,k){if(typeof l=="string"){var n=document.getElementById(l);if(n){l=n}else{c(function(){flashembed(l,m,k)});return}}if(!l){return}if(typeof m=="string"){m={src:m}}var o=f({},i);f(o,m);return new d(l,o,k)};f(window.flashembed,{getVersion:function(){var m=[0,0];if(navigator.plugins&&typeof navigator.plugins["Shockwave Flash"]=="object"){var l=navigator.plugins["Shockwave Flash"].description;if(typeof l!="undefined"){l=l.replace(/^.*\s+(\S+\s+\S+$)/,"$1");var n=parseInt(l.replace(/^(.*)\..*$/,"$1"),10);var r=/r/.test(l)?parseInt(l.replace(/^.*r(.*)$/,"$1"),10):0;m=[n,r]}}else{if(window.ActiveXObject){try{var p=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7")}catch(q){try{p=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");m=[6,0];p.AllowScriptAccess="always"}catch(k){if(m[0]==6){return m}}try{p=new ActiveXObject("ShockwaveFlash.ShockwaveFlash")}catch(o){}}if(typeof p=="object"){l=p.GetVariable("$version");if(typeof l!="undefined"){l=l.replace(/^\S+\s+(.*)$/,"$1").split(",");m=[parseInt(l[0],10),parseInt(l[2],10)]}}}}return m},isSupported:function(k){var m=flashembed.getVersion();var l=(m[0]>k[0])||(m[0]==k[0]&&m[1]>=k[1]);return l},domReady:c,asString:g,getHTML:a});if(e){jQuery.fn.flashembed=function(l,k){var m=null;this.each(function(){m=flashembed(this,l,k)});return l.api===false?this:m}}})(); /** * ipad.js 3.2.2. The Flowplayer ipad/iphone fallback. * * Copyright 2010, 2011 Flowplayer Oy * By Thomas Dubois * * This file is part of Flowplayer. * * Flowplayer is free software: you can redistribute it and/or modify * it under the terms of the GNU General Public License as published by * the Free Software Foundation, either version 3 of the License, or * (at your option) any later version. * * Flowplayer is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * You should have received a copy of the GNU General Public License * along with Flowplayer. If not, see . * * Date: 2011-01-10 07:50:57 -0500 (Mon, 10 Jan 2011) * Revision: 4901 */ $f.addPlugin("ipad", function(options) { var STATE_UNLOADED = -1; var STATE_LOADED = 0; var STATE_UNSTARTED = 1; var STATE_BUFFERING = 2; var STATE_PLAYING = 3; var STATE_PAUSED = 4; var STATE_ENDED = 5; var self = this; var currentVolume = 1; var onStartFired = false; var stopping = false; var playAfterSeek = false; var activeIndex = 0; var activePlaylist = []; var clipDefaults = { accelerated: false, // unused autoBuffering: false, autoPlay: true, baseUrl: null, bufferLength: 3, // unused connectionProvider: null, // unused cuepointMultiplier: 1000, cuepoints: [], controls: {}, // unused duration: 0, // not yet implemented extension: '', fadeInSpeed: 1000, // not yet implemented fadeOutSpeed: 1000, // not yet implemented image: false, // unused linkUrl: null, // not yet implemented linkWindow: '_self', // not yet implemented live: false, // unused metaData: {}, originalUrl: null, position: 0, // unused playlist: [], // unused provider: 'http', scaling: 'scale', // not yet implemented seekableOnBegin: false, // unused start: 0, // not yet implemented url: null, urlResolvers: [] // unused }; var currentState = STATE_UNLOADED; var previousState= STATE_UNLOADED; var isiDevice = /iPad|iPhone|iPod/i.test(navigator.userAgent); var video = null; function extend(to, from, includeFuncs) { if (from) { for (key in from) { if (key) { if ( from[key] && typeof from[key] == "function" && ! includeFuncs ) continue; if ( from[key] && typeof from[key] == "object" && from[key].length == undefined) { var cp = {}; extend(cp, from[key]); to[key] = cp; } else { to[key] = from[key]; } } } } return to; } var opts = { simulateiDevice: false, controlsSizeRatio: 1.5, controls: true, debug: false, validExtensions: /mov|m4v|mp4|avi/gi }; extend(opts, options); // some util funcs function log() { if ( opts.debug && typeof(console) !== 'undefined' && console !== null) { if ( isiDevice ) { var str = [].splice.call(arguments,0).join(', '); console.log.apply(console, [str]); } else { console.log.apply(console, arguments); } } } function stateDescription(state) { switch(state) { case -1: return "UNLOADED"; case 0: return "LOADED"; case 1: return "UNSTARTED"; case 2: return "BUFFERING"; case 3: return "PLAYING"; case 4: return "PAUSED"; case 5: return "ENDED"; } return "UNKOWN"; } function actionAllowed(eventName) { var ret = $f.fireEvent(self.id(), "onBefore"+eventName, activeIndex); return ret !== false; } function stopEvent(e) { e.stopPropagation(); e.preventDefault(); return false; } function setState(state, force) { if ( currentState == STATE_UNLOADED && ! force ) return; previousState = currentState; currentState = state; stopPlayTimeTracker(); if ( state == STATE_PLAYING ) startPlayTimeTracker(); log(stateDescription(state)); } function resetState() { video.fp_stop(); onStartFired = false; stopping = false; playAfterSeek= false; // call twice so previous state is unstarted too setState(STATE_UNSTARTED); setState(STATE_UNSTARTED); } /* PLAY TIME TRACKING */ var _playTimeTracker = null; function startPlayTimeTracker() { if ( _playTimeTracker ) return; log("starting tracker"); _playTimeTracker = setInterval(onTimeTracked, 100); onTimeTracked(); } function stopPlayTimeTracker() { clearInterval(_playTimeTracker); _playTimeTracker = null; } function onTimeTracked() { // cue points handling var currentTime = Math.floor(video.fp_getTime() * 10) * 100; var duration = Math.floor(video.duration * 10) * 100; var fireTime = (new Date()).time; // find nearest cuepoint and fire it. Should be moved to avoid closure compilation each time function fireCuePointsIfNeeded(time, cues) { time = time >= 0 ? time : duration - Math.abs(time); for ( var i = 0; i < cues.length; i++ ) { // if cue point fired in the future, reset it if ( cues[i].lastTimeFired > fireTime ) { cues[i].lastTimeFired = -1; } else if ( cues[i].lastTimeFired + 500 > fireTime ) { // cuepoint was fired less that 500 ms ago, don't do anything continue; } else { if ( time == currentTime || // we got the right tick (currentTime - 500 < time && currentTime > time) ) { // we missed one cues[i].lastTimeFired = fireTime; $f.fireEvent(self.id(), 'onCuepoint', activeIndex, cues[i].fnId, cues[i].parameters); } } } } $f.each(self.getCommonClip()._cuepoints , fireCuePointsIfNeeded); $f.each(activePlaylist[activeIndex]._cuepoints, fireCuePointsIfNeeded); } function replay() { resetState(); playAfterSeek = true; video.fp_seek(0); } function scaleVideo(clip) { } // internal func, maps flowplayer's API function addAPI() { function fixClip(clip) { var extendedClip = {}; extend(extendedClip, clipDefaults); extend(extendedClip, self.getCommonClip()); extend(extendedClip, clip); if ( extendedClip.ipadUrl ) url = decodeURIComponent(extendedClip.ipadUrl); else if ( extendedClip.url ) url = extendedClip.url; if ( url && url.indexOf('://') == -1 && extendedClip.baseUrl ) url = extendedClip.baseUrl + '/' + url; extendedClip.originalUrl = extendedClip.url; extendedClip.completeUrl = url; extendedClip.extension = extendedClip.completeUrl.substr(extendedClip.completeUrl.lastIndexOf('.')); extendedClip.type = 'video'; // remove this delete extendedClip.index; log("fixed clip", extendedClip); return extendedClip; } video.fp_play = function(clip, inStream, /* private one, handy for playlists */ forcePlay) { var url = null; var autoBuffering = true; var autoPlay = true; log("Calling play() " + clip, clip); if ( inStream ) { log("ERROR: inStream clips not yet supported"); return; } // we got a param : // array, index, clip obj, url if ( clip !== undefined ) { // simply change the index if ( typeof clip == "number" ) { if ( activeIndex >= activePlaylist.length ) return; activeIndex = clip; clip = activePlaylist[activeIndex]; } else { // String if ( typeof clip == "string" ) { clip = { url: clip }; } // replace playlist video.fp_setPlaylist(clip.length !== undefined ? clip : [clip]); } if ( ! opts.validExtensions.test(activePlaylist[activeIndex].extension)) { if ( activePlaylist.length > 1 && activeIndex < (activePlaylist.length - 1) ) { // not the last clip in the playlist log("Not last clip in the playlist, moving to next one"); video.fp_play(++activeIndex, false, true); } return; } clip = activePlaylist[activeIndex]; url = clip.completeUrl; if ( clip.autoBuffering !== undefined && clip.autoBuffering === false ) autoBuffering = false; if ( clip.autoPlay === undefined || clip.autoPlay === true || forcePlay === true ) { autoBuffering = true; autoPlay = true; } else { autoPlay = false; } } else { log("clip was not given, simply calling video.play, if not already buffering"); // clip was not given, simply calling play if ( currentState != STATE_BUFFERING ) video.play(); return; } log("about to play "+ url, autoBuffering, autoPlay); // we have a new clip to play resetState(); if ( url ) { log("Changing SRC attribute"+ url); video.setAttribute('src', url); } //return; // autoBuffering is true or we just called play if ( autoBuffering ) { if ( ! actionAllowed('Begin') ) return false; $f.fireEvent(self.id(), 'onBegin', activeIndex); log("calling video.load()"); video.load(); } // auto if ( autoPlay ) { log("calling video.play()"); video.play(); } } video.fp_pause = function() { log("pause called"); if ( ! actionAllowed('Pause') ) return false; video.pause(); }; video.fp_resume = function() { log("resume called"); if ( ! actionAllowed('Resume') ) return false; video.play(); }; video.fp_stop = function() { log("stop called"); if ( ! actionAllowed('Stop') ) return false; stopping = true; video.pause(); try { video.currentTime = 0; } catch(ignored) {} }; video.fp_seek = function(position) { log("seek called "+ position); if ( ! actionAllowed('Seek') ) return false; var seconds = 0; var position = position + ""; if ( position.charAt(position.length-1) == '%' ) { var percentage = parseInt(position.substr(0, position.length-1)) / 100; var duration = video.duration; seconds = duration * percentage; } else { seconds = position; } try { video.currentTime = seconds; } catch(e) { log("Wrong seek time"); } }; video.fp_getTime = function() { // log("getTime called"); return video.currentTime; }; video.fp_mute = function() { log("mute called"); if ( ! actionAllowed('Mute') ) return false; currentVolume = video.volume; video.volume = 0; }; video.fp_unmute = function() { if ( ! actionAllowed('Unmute') ) return false; video.volume = currentVolume; }; video.fp_getVolume = function() { return video.volume * 100; }; video.fp_setVolume = function(volume) { if ( ! actionAllowed('Volume') ) return false; video.volume = volume / 100; }; video.fp_toggle = function() { log('toggle called'); if ( self.getState() == STATE_ENDED ) { replay(); return; } if ( video.paused ) video.fp_play(); else video.fp_pause(); }; video.fp_isPaused = function() { return video.paused; }; video.fp_isPlaying = function() { return ! video.paused; }; video.fp_getPlugin = function(name) { if ( name == 'canvas' || name == 'controls' ) { var config = self.getConfig(); //log("looking for config for "+ name, config); return config['plugins'] && config['plugins'][name] ? config['plugins'][name] : null; } log("ERROR: no support for "+ name +" plugin on iDevices"); return null; }; /* video.fp_css = function(name, css) { if ( self.plugins[name] && self.plugins[name]._api && self.plugins[name]['_api'] && self.plugins[name]['_api']['css'] && self.plugins[name]['_api']['css'] instanceof Function ) return self.plugins[name]['_api']['css'](); return self; }*/ video.fp_close = function() { setState(STATE_UNLOADED); video.parentNode.removeChild(video); video = null; }; video.fp_getStatus = function() { var bufferStart = 0; var bufferEnd = 0; try { bufferStart = video.buffered.start(); bufferEnd = video.buffered.end(); } catch(ignored) {} return { bufferStart: bufferStart, bufferEnd: bufferEnd, state: currentState, time: video.fp_getTime(), muted: video.muted, volume: video.fp_getVolume() }; }; video.fp_getState = function() { return currentState; }; video.fp_startBuffering = function() { if ( currentState == STATE_UNSTARTED ) video.load(); }; video.fp_setPlaylist = function(playlist) { log("Setting playlist"); activeIndex = 0; for ( var i = 0; i < playlist.length; i++ ) playlist[i] = fixClip(playlist[i]); activePlaylist = playlist; // keep flowplayer.js in sync $f.fireEvent(self.id(), 'onPlaylistReplace', playlist); }; video.fp_addClip = function(clip, index) { clip = fixClip(clip); activePlaylist.splice(index, 0, clip); // keep flowplayer.js in sync $f.fireEvent(self.id(), 'onClipAdd', clip, index); }; video.fp_updateClip = function(clip, index) { extend(activePlaylist[index], clip); return activePlaylist[index]; }; video.fp_getVersion = function() { return '3.2.3'; } video.fp_isFullscreen = function() { return false; //video.webkitDisplayingFullscreen; } video.fp_toggleFullscreen = function() { if ( video.fp_isFullscreen() ) video.webkitExitFullscreen(); else video.webkitEnterFullscreen(); } video.fp_addCuepoints = function(points, index, fnId) { var clip = index == -1 ? self.getCommonClip() : activePlaylist[index]; clip._cuepoints = clip._cuepoints || {}; points = points instanceof Array ? points : [points]; for ( var i = 0; i < points.length; i++ ) { var time = typeof points[i] == "object" ? (points[i]['time'] || null) : points[i]; if ( time == null ) continue; time = Math.floor(time / 100) * 100; var parameters = time; if ( typeof points[i] == "object" ) { parameters = extend({}, points[i], false); if ( parameters['time'] != undefined ) delete parameters['time']; if ( parameters['parameters'] != undefined ) { extend(parameters, parameters['parameters'], false); delete parameters['parameters']; } } clip._cuepoints[time] = clip._cuepoints[time] || []; clip._cuepoints[time].push({fnId: fnId, lastTimeFired: -1, parameters: parameters}); } } // install all other core API with dummy function // core API methods $f.each(("toggleFullscreen,stopBuffering,reset,playFeed,setKeyboardShortcutsEnabled,isKeyboardShortcutsEnabled,css,animate,showPlugin,hidePlugin,togglePlugin,fadeTo,invoke,loadPlugin").split(","), function() { var name = this; video["fp_"+name] = function() { log("ERROR: unsupported API on iDevices "+ name); return false; }; } ); } // Internal func, maps Flowplayer's events function addListeners() { /* CLIP EVENTS MAPPING */ var events = [ 'abort', 'canplay', 'canplaythrough', 'durationchange', 'emptied', 'ended', 'error', 'loadeddata', 'loadedmetadata', 'loadstart', 'pause', 'play', 'playing', 'progress', 'ratechange', 'seeked', 'seeking', 'stalled', 'suspend', // 'timeupdate', 'volumechange', 'waiting']; var eventsLogger = function(e) { log("Got event "+ e.type, e); } for ( var i = 0; i < events.length; i++ ) video.addEventListener(events[i], eventsLogger, false); var onBufferEmpty = function(e) { log("got onBufferEmpty event "+e.type) setState(STATE_BUFFERING); $f.fireEvent(self.id(), 'onBufferEmpty', activeIndex); }; video.addEventListener('emptied', onBufferEmpty, false); video.addEventListener('waiting', onBufferEmpty, false); var onBufferFull = function(e) { if ( previousState == STATE_UNSTARTED || previousState == STATE_BUFFERING ) { // wait for play event, nothing to do } else { log("Restoring old state "+ stateDescription(previousState)); setState(previousState); } $f.fireEvent(self.id(), 'onBufferFull', activeIndex); }; video.addEventListener('canplay', onBufferFull, false); video.addEventListener('canplaythrough', onBufferFull, false); var onMetaData = function(e) { // update clip video.fp_updateClip({duration: video.duration, metaData: {duration: video.duration}}, activeIndex); activePlaylist[activeIndex].duration = video.duration; $f.fireEvent(self.id(), 'onMetaData', activeIndex, activePlaylist[activeIndex]); }; video.addEventListener('loadedmetadata', onMetaData, false); video.addEventListener('durationchange', onMetaData, false); var onMetaDataLoaded = function(e) { // update clip video.fp_updateClip({duration: video.duration, metaData: {duration: video.duration}}, activeIndex); activePlaylist[activeIndex].duration = video.duration; $f.fireEvent(self.id(), 'onMetaDataLoaded', activeIndex, activePlaylist[activeIndex]); }; video.addEventListener('loadedmetadata', onMetaDataLoaded, false); var onStart = function(e) { if ( currentState == STATE_PAUSED ) { if ( ! actionAllowed('Resume') ) { // user initiated resume log("Resume disallowed, pausing"); video.fp_pause(); return stopEvent(e); } $f.fireEvent(self.id(), 'onResume', activeIndex); } setState(STATE_PLAYING); if ( ! onStartFired ) { onStartFired = true; $f.fireEvent(self.id(), 'onStart', activeIndex); } }; video.addEventListener('playing', onStart, false); var onFinish = function(e) { if ( ! actionAllowed('Finish') ) { if ( activePlaylist.length == 1 ) { //In the case of a single clip, the player will start from the beginning of the clip. log("Active playlist only has one clip, onBeforeFinish returned false. Replaying"); replay(); } else if ( activeIndex != (activePlaylist.length -1) ) { // In the case of an ordinary clip in a playlist, the "Play again" button will appear. // oops, we don't have any play again button yet :) // simply go to the beginning of the video log("Not the last clip in the playlist, but onBeforeFinish returned false. Returning to the beginning of current clip"); video.fp_seek(0); } else { //In the case of the final clip in a playlist, the player will start from the beginning of the playlist. log("Last clip in playlist, but onBeforeFinish returned false, start again from the beginning"); video.fp_play(0); } return stopEvent(e); } // action was canceled setState(STATE_ENDED); $f.fireEvent(self.id(), 'onFinish', activeIndex); if ( activePlaylist.length > 1 && activeIndex < (activePlaylist.length - 1) ) { // not the last clip in the playlist log("Not last clip in the playlist, moving to next one"); video.fp_play(++activeIndex, false, true); } }; video.addEventListener('ended', onFinish, false); var onError = function(e) { setState(STATE_LOADED, true); $f.fireEvent(self.id(), 'onError', activeIndex, 201); if ( opts.onFail && opts.onFail instanceof Function ) opts.onFail.apply(self, []); }; video.addEventListener('error', onError, false); var onPause = function(e) { log("got pause event from player" + self.id()); if ( stopping ) return; if ( currentState == STATE_BUFFERING && previousState == STATE_UNSTARTED ) { log("forcing play"); setTimeout(function() { video.play(); }, 0); return;// stopEvent(e); } if ( ! actionAllowed('Pause') ) { // user initiated pause video.fp_resume(); return stopEvent(e); } setState(STATE_PAUSED); $f.fireEvent(self.id(), 'onPause', activeIndex); } video.addEventListener('pause', onPause, false); var onSeek = function(e) { $f.fireEvent(self.id(), 'onBeforeSeek', activeIndex); }; video.addEventListener('seeking', onSeek, false); var onSeekDone = function(e) { if ( stopping ) { stopping = false; $f.fireEvent(self.id(), 'onStop', activeIndex); } else $f.fireEvent(self.id(), 'onSeek', activeIndex); log("seek done, currentState", stateDescription(currentState)); if ( playAfterSeek ) { playAfterSeek = false; video.fp_play(); } else if ( currentState != STATE_PLAYING ) video.fp_pause(); }; video.addEventListener('seeked', onSeekDone, false); /* PLAYER EVENTS MAPPING */ var onVolumeChange = function(e) { // add onBeforeQwe here $f.fireEvent(self.id(), 'onVolume', video.fp_getVolume()); }; video.addEventListener('volumechange', onVolumeChange, false); } // this is called only on iDevices function onPlayerLoaded() { video.fp_play(0); //installControlbar(); } function installControlbar() { // if we're on an iDevice, try to load the js controlbar if needed /* if ( self['controls'] == undefined ) return; // js controlbar not loaded var controlsConf = {}; if ( self.getConfig() && self.getConfig()['plugins'] && self.getConfig()['plugins']['controls'] ) controlsConf = self.getConfig()['plugins']['controls']; var controlsRoot = document.createElement('div'); // dynamically load js, css file according to swf url ? // something more smart here controlsRoot.style.position = "absolute"; controlsRoot.style.bottom = 0; self.getParent().children[0].appendChild(controlsRoot); self.controls(controlsRoot, {heightRatio: opts.controlsSizeRatio }, controlsConf); */ } // Here we are getting serious. If we're on an iDevice, we don't care about Flash embed. // replace it by ours so we can install a video html5 tag instead when FP's init will be called. if ( isiDevice || opts.simulateiDevice ) { if ( ! window.flashembed.__replaced ) { var realFlashembed = window.flashembed; window.flashembed = function(root, opts, conf) { // DON'T, I mean, DON'T use self here as we are in a global func $f.fireEvent(conf.config.playerId, 'onLoadingAsHTML5', 'Testing'); if (typeof root == 'string') { root = document.getElementById(root.replace("#", "")); } // not found if (!root) { return; } var style = window.getComputedStyle(root, null); var width = parseInt(style.width); var height= parseInt(style.height); // clearing root while(root.firstChild) root.removeChild(root.firstChild); var container = document.createElement('div'); var api = document.createElement('video'); container.appendChild(api); root.appendChild(container); //var hasBuiltinControls = conf.config['plugins'] == undefined || (conf.config['plugins'] && conf.config['plugins']['controls'] && conf.config['plugins']['controls'] != null // && self['controls'] == undefined); // we make a careful use of "self", as we're looking in the prototype // styling container container.style.height = height+'px'; container.style.width = width+'px'; container.style.display= 'block'; container.style.position = 'relative'; container.style.background = '-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.7)))'; container.style.cursor = 'default'; container.style.webkitUserDrag = 'none'; // styling video tag api.style.height = '100%'; api.style.width = '100%'; api.style.display= 'block'; api.id = opts.id; api.name = opts.id; api.style.cursor = 'pointer'; api.style.webkitUserDrag = 'none'; api.type="video/mp4"; // if ( hasBuiltinControls ) // api.controls="controls"; api.playerConfig = conf.config; // tell the player we are ready and go back to player's closure $f.fireEvent(conf.config.playerId, 'onLoad', 'player'); log("onLoad fired?"); //api.fp_play(conf.config.playlist); }; flashembed.getVersion = realFlashembed.getVersion; flashembed.asString = realFlashembed.asString; flashembed.isSupported = function() {return true;} flashembed.__replaced = true; } // hack so we get the onload event before everybody and we can set the api var __fireEvent = self._fireEvent; // only on iDevice, of course self._fireEvent = function(a) { log("fireEventFunction: " + a[0]); if ( a[0] == 'onLoadingAsHTML5' ) { __fireEvent.apply(self, [a]); } if ( a[0] == 'onLoad' && a[1] == 'player' ) { video = self.getParent().querySelector('video'); if ( opts.controls ) video.controls="controls"; addAPI(); addListeners(); setState(STATE_LOADED, true); // set up first clip video.fp_setPlaylist(video.playerConfig.playlist); // we are loaded onPlayerLoaded(); __fireEvent.apply(self, [a]); } var shouldFireEvent = currentState != STATE_UNLOADED; if ( currentState == STATE_UNLOADED && typeof a == 'string' ) shouldFireEvent = true; if ( shouldFireEvent ) return __fireEvent.apply(self, [a]); } // please, don't ask me why, but if you call video.clientHeight while the video is buffering // it will be stuck buffering self._swfHeight = function() { return parseInt(video.style.height); } self.hasiPadSupport = function() { return true; } } // end of iDevice test // some chaining return self; }); /*! * jQuery Cycle Plugin (with Transition Definitions) * Examples and documentation at: http://jquery.malsup.com/cycle/ * Copyright (c) 2007-2010 M. Alsup * Version: 2.88 (08-JUN-2010) * Dual licensed under the MIT and GPL licenses. * http://jquery.malsup.com/license.html * Requires: jQuery v1.2.6 or later */ ;(function($) { var ver = '2.88'; // if $.support is not defined (pre jQuery 1.3) add what I need if ($.support == undefined) { $.support = { opacity: !($.browser.msie) }; } function debug(s) { if ($.fn.cycle.debug) log(s); } function log() { if (window.console && window.console.log) window.console.log('[cycle] ' + Array.prototype.join.call(arguments,' ')); }; // the options arg can be... // a number - indicates an immediate transition should occur to the given slide index // a string - 'pause', 'resume', 'toggle', 'next', 'prev', 'stop', 'destroy' or the name of a transition effect (ie, 'fade', 'zoom', etc) // an object - properties to control the slideshow // // the arg2 arg can be... // the name of an fx (only used in conjunction with a numeric value for 'options') // the value true (only used in first arg == 'resume') and indicates // that the resume should occur immediately (not wait for next timeout) $.fn.cycle = function(options, arg2) { var o = { s: this.selector, c: this.context }; // in 1.3+ we can fix mistakes with the ready state if (this.length === 0 && options != 'stop') { if (!$.isReady && o.s) { log('DOM not ready, queuing slideshow'); $(function() { $(o.s,o.c).cycle(options,arg2); }); return this; } // is your DOM ready? http://docs.jquery.com/Tutorials:Introducing_$(document).ready() log('terminating; zero elements found by selector' + ($.isReady ? '' : ' (DOM not ready)')); return this; } // iterate the matched nodeset return this.each(function() { var opts = handleArguments(this, options, arg2); if (opts === false) return; opts.updateActivePagerLink = opts.updateActivePagerLink || $.fn.cycle.updateActivePagerLink; // stop existing slideshow for this container (if there is one) if (this.cycleTimeout) clearTimeout(this.cycleTimeout); this.cycleTimeout = this.cyclePause = 0; var $cont = $(this); var $slides = opts.slideExpr ? $(opts.slideExpr, this) : $cont.children(); var els = $slides.get(); if (els.length < 2) { log('terminating; too few slides: ' + els.length); return; } var opts2 = buildOptions($cont, $slides, els, opts, o); if (opts2 === false) return; var startTime = opts2.continuous ? 10 : getTimeout(els[opts2.currSlide], els[opts2.nextSlide], opts2, !opts2.rev); // if it's an auto slideshow, kick it off if (startTime) { startTime += (opts2.delay || 0); if (startTime < 10) startTime = 10; debug('first timeout: ' + startTime); this.cycleTimeout = setTimeout(function(){go(els,opts2,0,(!opts2.rev && !opts.backwards))}, startTime); } }); }; // process the args that were passed to the plugin fn function handleArguments(cont, options, arg2) { if (cont.cycleStop == undefined) cont.cycleStop = 0; if (options === undefined || options === null) options = {}; if (options.constructor == String) { switch(options) { case 'destroy': case 'stop': var opts = $(cont).data('cycle.opts'); if (!opts) return false; cont.cycleStop++; // callbacks look for change if (cont.cycleTimeout) clearTimeout(cont.cycleTimeout); cont.cycleTimeout = 0; $(cont).removeData('cycle.opts'); if (options == 'destroy') destroy(opts); return false; case 'toggle': cont.cyclePause = (cont.cyclePause === 1) ? 0 : 1; checkInstantResume(cont.cyclePause, arg2, cont); return false; case 'pause': cont.cyclePause = 1; return false; case 'resume': cont.cyclePause = 0; checkInstantResume(false, arg2, cont); return false; case 'prev': case 'next': var opts = $(cont).data('cycle.opts'); if (!opts) { log('options not found, "prev/next" ignored'); return false; } $.fn.cycle[options](opts); return false; default: options = { fx: options }; }; return options; } else if (options.constructor == Number) { // go to the requested slide var num = options; options = $(cont).data('cycle.opts'); if (!options) { log('options not found, can not advance slide'); return false; } if (num < 0 || num >= options.elements.length) { log('invalid slide index: ' + num); return false; } options.nextSlide = num; if (cont.cycleTimeout) { clearTimeout(cont.cycleTimeout); cont.cycleTimeout = 0; } if (typeof arg2 == 'string') options.oneTimeFx = arg2; go(options.elements, options, 1, num >= options.currSlide); return false; } return options; function checkInstantResume(isPaused, arg2, cont) { if (!isPaused && arg2 === true) { // resume now! var options = $(cont).data('cycle.opts'); if (!options) { log('options not found, can not resume'); return false; } if (cont.cycleTimeout) { clearTimeout(cont.cycleTimeout); cont.cycleTimeout = 0; } go(options.elements, options, 1, (!opts.rev && !opts.backwards)); } } }; function removeFilter(el, opts) { if (!$.support.opacity && opts.cleartype && el.style.filter) { try { el.style.removeAttribute('filter'); } catch(smother) {} // handle old opera versions } }; // unbind event handlers function destroy(opts) { if (opts.next) $(opts.next).unbind(opts.prevNextEvent); if (opts.prev) $(opts.prev).unbind(opts.prevNextEvent); if (opts.pager || opts.pagerAnchorBuilder) $.each(opts.pagerAnchors || [], function() { this.unbind().remove(); }); opts.pagerAnchors = null; if (opts.destroy) // callback opts.destroy(opts); }; // one-time initialization function buildOptions($cont, $slides, els, options, o) { // support metadata plugin (v1.0 and v2.0) var opts = $.extend({}, $.fn.cycle.defaults, options || {}, $.metadata ? $cont.metadata() : $.meta ? $cont.data() : {}); if (opts.autostop) opts.countdown = opts.autostopCount || els.length; var cont = $cont[0]; $cont.data('cycle.opts', opts); opts.$cont = $cont; opts.stopCount = cont.cycleStop; opts.elements = els; opts.before = opts.before ? [opts.before] : []; opts.after = opts.after ? [opts.after] : []; opts.after.unshift(function(){ opts.busy=0; }); // push some after callbacks if (!$.support.opacity && opts.cleartype) opts.after.push(function() { removeFilter(this, opts); }); if (opts.continuous) opts.after.push(function() { go(els,opts,0,(!opts.rev && !opts.backwards)); }); saveOriginalOpts(opts); // clearType corrections if (!$.support.opacity && opts.cleartype && !opts.cleartypeNoBg) clearTypeFix($slides); // container requires non-static position so that slides can be position within if ($cont.css('position') == 'static') $cont.css('position', 'relative'); if (opts.width) $cont.width(opts.width); if (opts.height && opts.height != 'auto') $cont.height(opts.height); if (opts.startingSlide) opts.startingSlide = parseInt(opts.startingSlide); else if (opts.backwards) opts.startingSlide = els.length - 1; // if random, mix up the slide array if (opts.random) { opts.randomMap = []; for (var i = 0; i < els.length; i++) opts.randomMap.push(i); opts.randomMap.sort(function(a,b) {return Math.random() - 0.5;}); opts.randomIndex = 1; opts.startingSlide = opts.randomMap[1]; } else if (opts.startingSlide >= els.length) opts.startingSlide = 0; // catch bogus input opts.currSlide = opts.startingSlide || 0; var first = opts.startingSlide; // set position and zIndex on all the slides $slides.css({position: 'absolute', top:0, left:0}).hide().each(function(i) { var z; if (opts.backwards) z = first ? i <= first ? els.length + (i-first) : first-i : els.length-i; else z = first ? i >= first ? els.length - (i-first) : first-i : els.length-i; $(this).css('z-index', z) }); // make sure first slide is visible $(els[first]).css('opacity',1).show(); // opacity bit needed to handle restart use case removeFilter(els[first], opts); // stretch slides if (opts.fit && opts.width) $slides.width(opts.width); if (opts.fit && opts.height && opts.height != 'auto') $slides.height(opts.height); // stretch container var reshape = opts.containerResize && !$cont.innerHeight(); if (reshape) { // do this only if container has no size http://tinyurl.com/da2oa9 var maxw = 0, maxh = 0; for(var j=0; j < els.length; j++) { var $e = $(els[j]), e = $e[0], w = $e.outerWidth(), h = $e.outerHeight(); if (!w) w = e.offsetWidth || e.width || $e.attr('width') if (!h) h = e.offsetHeight || e.height || $e.attr('height'); maxw = w > maxw ? w : maxw; maxh = h > maxh ? h : maxh; } if (maxw > 0 && maxh > 0) $cont.css({width:maxw+'px',height:maxh+'px'}); } if (opts.pause) $cont.hover(function(){this.cyclePause++;},function(){this.cyclePause--;}); if (supportMultiTransitions(opts) === false) return false; // apparently a lot of people use image slideshows without height/width attributes on the images. // Cycle 2.50+ requires the sizing info for every slide; this block tries to deal with that. var requeue = false; options.requeueAttempts = options.requeueAttempts || 0; $slides.each(function() { // try to get height/width of each slide var $el = $(this); this.cycleH = (opts.fit && opts.height) ? opts.height : ($el.height() || this.offsetHeight || this.height || $el.attr('height') || 0); this.cycleW = (opts.fit && opts.width) ? opts.width : ($el.width() || this.offsetWidth || this.width || $el.attr('width') || 0); if ( $el.is('img') ) { // sigh.. sniffing, hacking, shrugging... this crappy hack tries to account for what browsers do when // an image is being downloaded and the markup did not include sizing info (height/width attributes); // there seems to be some "default" sizes used in this situation var loadingIE = ($.browser.msie && this.cycleW == 28 && this.cycleH == 30 && !this.complete); var loadingFF = ($.browser.mozilla && this.cycleW == 34 && this.cycleH == 19 && !this.complete); var loadingOp = ($.browser.opera && ((this.cycleW == 42 && this.cycleH == 19) || (this.cycleW == 37 && this.cycleH == 17)) && !this.complete); var loadingOther = (this.cycleH == 0 && this.cycleW == 0 && !this.complete); // don't requeue for images that are still loading but have a valid size if (loadingIE || loadingFF || loadingOp || loadingOther) { if (o.s && opts.requeueOnImageNotLoaded && ++options.requeueAttempts < 100) { // track retry count so we don't loop forever log(options.requeueAttempts,' - img slide not loaded, requeuing slideshow: ', this.src, this.cycleW, this.cycleH); setTimeout(function() {$(o.s,o.c).cycle(options)}, opts.requeueTimeout); requeue = true; return false; // break each loop } else { log('could not determine size of image: '+this.src, this.cycleW, this.cycleH); } } } return true; }); if (requeue) return false; opts.cssBefore = opts.cssBefore || {}; opts.animIn = opts.animIn || {}; opts.animOut = opts.animOut || {}; $slides.not(':eq('+first+')').css(opts.cssBefore); if (opts.cssFirst) $($slides[first]).css(opts.cssFirst); if (opts.timeout) { opts.timeout = parseInt(opts.timeout); // ensure that timeout and speed settings are sane if (opts.speed.constructor == String) opts.speed = $.fx.speeds[opts.speed] || parseInt(opts.speed); if (!opts.sync) opts.speed = opts.speed / 2; var buffer = opts.fx == 'shuffle' ? 500 : 250; while((opts.timeout - opts.speed) < buffer) // sanitize timeout opts.timeout += opts.speed; } if (opts.easing) opts.easeIn = opts.easeOut = opts.easing; if (!opts.speedIn) opts.speedIn = opts.speed; if (!opts.speedOut) opts.speedOut = opts.speed; opts.slideCount = els.length; opts.currSlide = opts.lastSlide = first; if (opts.random) { if (++opts.randomIndex == els.length) opts.randomIndex = 0; opts.nextSlide = opts.randomMap[opts.randomIndex]; } else if (opts.backwards) opts.nextSlide = opts.startingSlide == 0 ? (els.length-1) : opts.startingSlide-1; else opts.nextSlide = opts.startingSlide >= (els.length-1) ? 0 : opts.startingSlide+1; // run transition init fn if (!opts.multiFx) { var init = $.fn.cycle.transitions[opts.fx]; if ($.isFunction(init)) init($cont, $slides, opts); else if (opts.fx != 'custom' && !opts.multiFx) { log('unknown transition: ' + opts.fx,'; slideshow terminating'); return false; } } // fire artificial events var e0 = $slides[first]; if (opts.before.length) opts.before[0].apply(e0, [e0, e0, opts, true]); if (opts.after.length > 1) opts.after[1].apply(e0, [e0, e0, opts, true]); if (opts.next) $(opts.next).bind(opts.prevNextEvent,function(){return advance(opts,opts.rev?-1:1)}); if (opts.prev) $(opts.prev).bind(opts.prevNextEvent,function(){return advance(opts,opts.rev?1:-1)}); if (opts.pager || opts.pagerAnchorBuilder) buildPager(els,opts); exposeAddSlide(opts, els); return opts; }; // save off original opts so we can restore after clearing state function saveOriginalOpts(opts) { opts.original = { before: [], after: [] }; opts.original.cssBefore = $.extend({}, opts.cssBefore); opts.original.cssAfter = $.extend({}, opts.cssAfter); opts.original.animIn = $.extend({}, opts.animIn); opts.original.animOut = $.extend({}, opts.animOut); $.each(opts.before, function() { opts.original.before.push(this); }); $.each(opts.after, function() { opts.original.after.push(this); }); }; function supportMultiTransitions(opts) { var i, tx, txs = $.fn.cycle.transitions; // look for multiple effects if (opts.fx.indexOf(',') > 0) { opts.multiFx = true; opts.fxs = opts.fx.replace(/\s*/g,'').split(','); // discard any bogus effect names for (i=0; i < opts.fxs.length; i++) { var fx = opts.fxs[i]; tx = txs[fx]; if (!tx || !txs.hasOwnProperty(fx) || !$.isFunction(tx)) { log('discarding unknown transition: ',fx); opts.fxs.splice(i,1); i--; } } // if we have an empty list then we threw everything away! if (!opts.fxs.length) { log('No valid transitions named; slideshow terminating.'); return false; } } else if (opts.fx == 'all') { // auto-gen the list of transitions opts.multiFx = true; opts.fxs = []; for (p in txs) { tx = txs[p]; if (txs.hasOwnProperty(p) && $.isFunction(tx)) opts.fxs.push(p); } } if (opts.multiFx && opts.randomizeEffects) { // munge the fxs array to make effect selection random var r1 = Math.floor(Math.random() * 20) + 30; for (i = 0; i < r1; i++) { var r2 = Math.floor(Math.random() * opts.fxs.length); opts.fxs.push(opts.fxs.splice(r2,1)[0]); } debug('randomized fx sequence: ',opts.fxs); } return true; }; // provide a mechanism for adding slides after the slideshow has started function exposeAddSlide(opts, els) { opts.addSlide = function(newSlide, prepend) { var $s = $(newSlide), s = $s[0]; if (!opts.autostopCount) opts.countdown++; els[prepend?'unshift':'push'](s); if (opts.els) opts.els[prepend?'unshift':'push'](s); // shuffle needs this opts.slideCount = els.length; $s.css('position','absolute'); $s[prepend?'prependTo':'appendTo'](opts.$cont); if (prepend) { opts.currSlide++; opts.nextSlide++; } if (!$.support.opacity && opts.cleartype && !opts.cleartypeNoBg) clearTypeFix($s); if (opts.fit && opts.width) $s.width(opts.width); if (opts.fit && opts.height && opts.height != 'auto') $slides.height(opts.height); s.cycleH = (opts.fit && opts.height) ? opts.height : $s.height(); s.cycleW = (opts.fit && opts.width) ? opts.width : $s.width(); $s.css(opts.cssBefore); if (opts.pager || opts.pagerAnchorBuilder) $.fn.cycle.createPagerAnchor(els.length-1, s, $(opts.pager), els, opts); if ($.isFunction(opts.onAddSlide)) opts.onAddSlide($s); else $s.hide(); // default behavior }; } // reset internal state; we do this on every pass in order to support multiple effects $.fn.cycle.resetState = function(opts, fx) { fx = fx || opts.fx; opts.before = []; opts.after = []; opts.cssBefore = $.extend({}, opts.original.cssBefore); opts.cssAfter = $.extend({}, opts.original.cssAfter); opts.animIn = $.extend({}, opts.original.animIn); opts.animOut = $.extend({}, opts.original.animOut); opts.fxFn = null; $.each(opts.original.before, function() { opts.before.push(this); }); $.each(opts.original.after, function() { opts.after.push(this); }); // re-init var init = $.fn.cycle.transitions[fx]; if ($.isFunction(init)) init(opts.$cont, $(opts.elements), opts); }; // this is the main engine fn, it handles the timeouts, callbacks and slide index mgmt function go(els, opts, manual, fwd) { // opts.busy is true if we're in the middle of an animation if (manual && opts.busy && opts.manualTrump) { // let manual transitions requests trump active ones debug('manualTrump in go(), stopping active transition'); $(els).stop(true,true); opts.busy = false; } // don't begin another timeout-based transition if there is one active if (opts.busy) { debug('transition active, ignoring new tx request'); return; } var p = opts.$cont[0], curr = els[opts.currSlide], next = els[opts.nextSlide]; // stop cycling if we have an outstanding stop request if (p.cycleStop != opts.stopCount || p.cycleTimeout === 0 && !manual) return; // check to see if we should stop cycling based on autostop options if (!manual && !p.cyclePause && !opts.bounce && ((opts.autostop && (--opts.countdown <= 0)) || (opts.nowrap && !opts.random && opts.nextSlide < opts.currSlide))) { if (opts.end) opts.end(opts); return; } // if slideshow is paused, only transition on a manual trigger var changed = false; if ((manual || !p.cyclePause) && (opts.nextSlide != opts.currSlide)) { changed = true; var fx = opts.fx; // keep trying to get the slide size if we don't have it yet curr.cycleH = curr.cycleH || $(curr).height(); curr.cycleW = curr.cycleW || $(curr).width(); next.cycleH = next.cycleH || $(next).height(); next.cycleW = next.cycleW || $(next).width(); // support multiple transition types if (opts.multiFx) { if (opts.lastFx == undefined || ++opts.lastFx >= opts.fxs.length) opts.lastFx = 0; fx = opts.fxs[opts.lastFx]; opts.currFx = fx; } // one-time fx overrides apply to: $('div').cycle(3,'zoom'); if (opts.oneTimeFx) { fx = opts.oneTimeFx; opts.oneTimeFx = null; } $.fn.cycle.resetState(opts, fx); // run the before callbacks if (opts.before.length) $.each(opts.before, function(i,o) { if (p.cycleStop != opts.stopCount) return; o.apply(next, [curr, next, opts, fwd]); }); // stage the after callacks var after = function() { $.each(opts.after, function(i,o) { if (p.cycleStop != opts.stopCount) return; o.apply(next, [curr, next, opts, fwd]); }); }; debug('tx firing; currSlide: ' + opts.currSlide + '; nextSlide: ' + opts.nextSlide); // get ready to perform the transition opts.busy = 1; if (opts.fxFn) // fx function provided? opts.fxFn(curr, next, opts, after, fwd, manual && opts.fastOnEvent); else if ($.isFunction($.fn.cycle[opts.fx])) // fx plugin ? $.fn.cycle[opts.fx](curr, next, opts, after, fwd, manual && opts.fastOnEvent); else $.fn.cycle.custom(curr, next, opts, after, fwd, manual && opts.fastOnEvent); } if (changed || opts.nextSlide == opts.currSlide) { // calculate the next slide opts.lastSlide = opts.currSlide; if (opts.random) { opts.currSlide = opts.nextSlide; if (++opts.randomIndex == els.length) opts.randomIndex = 0; opts.nextSlide = opts.randomMap[opts.randomIndex]; if (opts.nextSlide == opts.currSlide) opts.nextSlide = (opts.currSlide == opts.slideCount - 1) ? 0 : opts.currSlide + 1; } else if (opts.backwards) { var roll = (opts.nextSlide - 1) < 0; if (roll && opts.bounce) { opts.backwards = !opts.backwards; opts.nextSlide = 1; opts.currSlide = 0; } else { opts.nextSlide = roll ? (els.length-1) : opts.nextSlide-1; opts.currSlide = roll ? 0 : opts.nextSlide+1; } } else { // sequence var roll = (opts.nextSlide + 1) == els.length; if (roll && opts.bounce) { opts.backwards = !opts.backwards; opts.nextSlide = els.length-2; opts.currSlide = els.length-1; } else { opts.nextSlide = roll ? 0 : opts.nextSlide+1; opts.currSlide = roll ? els.length-1 : opts.nextSlide-1; } } } if (changed && opts.pager) opts.updateActivePagerLink(opts.pager, opts.currSlide, opts.activePagerClass); // stage the next transition var ms = 0; if (opts.timeout && !opts.continuous) ms = getTimeout(els[opts.currSlide], els[opts.nextSlide], opts, fwd); else if (opts.continuous && p.cyclePause) // continuous shows work off an after callback, not this timer logic ms = 10; if (ms > 0) p.cycleTimeout = setTimeout(function(){ go(els, opts, 0, (!opts.rev && !opts.backwards)) }, ms); }; // invoked after transition $.fn.cycle.updateActivePagerLink = function(pager, currSlide, clsName) { $(pager).each(function() { $(this).children().removeClass(clsName).eq(currSlide).addClass(clsName); }); }; // calculate timeout value for current transition function getTimeout(curr, next, opts, fwd) { if (opts.timeoutFn) { // call user provided calc fn var t = opts.timeoutFn.call(curr,curr,next,opts,fwd); while ((t - opts.speed) < 250) // sanitize timeout t += opts.speed; debug('calculated timeout: ' + t + '; speed: ' + opts.speed); if (t !== false) return t; } return opts.timeout; }; // expose next/prev function, caller must pass in state $.fn.cycle.next = function(opts) { advance(opts, opts.rev?-1:1); }; $.fn.cycle.prev = function(opts) { advance(opts, opts.rev?1:-1);}; // advance slide forward or back function advance(opts, val) { var els = opts.elements; var p = opts.$cont[0], timeout = p.cycleTimeout; if (timeout) { clearTimeout(timeout); p.cycleTimeout = 0; } if (opts.random && val < 0) { // move back to the previously display slide opts.randomIndex--; if (--opts.randomIndex == -2) opts.randomIndex = els.length-2; else if (opts.randomIndex == -1) opts.randomIndex = els.length-1; opts.nextSlide = opts.randomMap[opts.randomIndex]; } else if (opts.random) { opts.nextSlide = opts.randomMap[opts.randomIndex]; } else { opts.nextSlide = opts.currSlide + val; if (opts.nextSlide < 0) { if (opts.nowrap) return false; opts.nextSlide = els.length - 1; } else if (opts.nextSlide >= els.length) { if (opts.nowrap) return false; opts.nextSlide = 0; } } var cb = opts.onPrevNextEvent || opts.prevNextClick; // prevNextClick is deprecated if ($.isFunction(cb)) cb(val > 0, opts.nextSlide, els[opts.nextSlide]); go(els, opts, 1, val>=0); return false; }; function buildPager(els, opts) { var $p = $(opts.pager); $.each(els, function(i,o) { $.fn.cycle.createPagerAnchor(i,o,$p,els,opts); }); opts.updateActivePagerLink(opts.pager, opts.startingSlide, opts.activePagerClass); }; $.fn.cycle.createPagerAnchor = function(i, el, $p, els, opts) { var a; if ($.isFunction(opts.pagerAnchorBuilder)) { a = opts.pagerAnchorBuilder(i,el); debug('pagerAnchorBuilder('+i+', el) returned: ' + a); } else a = ''+(i+1)+''; if (!a) return; var $a = $(a); // don't reparent if anchor is in the dom if ($a.parents('body').length === 0) { var arr = []; if ($p.length > 1) { $p.each(function() { var $clone = $a.clone(true); $(this).append($clone); arr.push($clone[0]); }); $a = $(arr); } else { $a.appendTo($p); } } opts.pagerAnchors = opts.pagerAnchors || []; opts.pagerAnchors.push($a); $a.bind(opts.pagerEvent, function(e) { e.preventDefault(); opts.nextSlide = i; var p = opts.$cont[0], timeout = p.cycleTimeout; if (timeout) { clearTimeout(timeout); p.cycleTimeout = 0; } var cb = opts.onPagerEvent || opts.pagerClick; // pagerClick is deprecated if ($.isFunction(cb)) cb(opts.nextSlide, els[opts.nextSlide]); go(els,opts,1,opts.currSlide < i); // trigger the trans // return false; // <== allow bubble }); if ( ! /^click/.test(opts.pagerEvent) && !opts.allowPagerClickBubble) $a.bind('click.cycle', function(){return false;}); // suppress click if (opts.pauseOnPagerHover) $a.hover(function() { opts.$cont[0].cyclePause++; }, function() { opts.$cont[0].cyclePause--; } ); }; // helper fn to calculate the number of slides between the current and the next $.fn.cycle.hopsFromLast = function(opts, fwd) { var hops, l = opts.lastSlide, c = opts.currSlide; if (fwd) hops = c > l ? c - l : opts.slideCount - l; else hops = c < l ? l - c : l + opts.slideCount - c; return hops; }; // fix clearType problems in ie6 by setting an explicit bg color // (otherwise text slides look horrible during a fade transition) function clearTypeFix($slides) { debug('applying clearType background-color hack'); function hex(s) { s = parseInt(s).toString(16); return s.length < 2 ? '0'+s : s; }; function getBg(e) { for ( ; e && e.nodeName.toLowerCase() != 'html'; e = e.parentNode) { var v = $.css(e,'background-color'); if (v.indexOf('rgb') >= 0 ) { var rgb = v.match(/\d+/g); return '#'+ hex(rgb[0]) + hex(rgb[1]) + hex(rgb[2]); } if (v && v != 'transparent') return v; } return '#ffffff'; }; $slides.each(function() { $(this).css('background-color', getBg(this)); }); }; // reset common props before the next transition $.fn.cycle.commonReset = function(curr,next,opts,w,h,rev) { $(opts.elements).not(curr).hide(); opts.cssBefore.opacity = 1; opts.cssBefore.display = 'block'; if (w !== false && next.cycleW > 0) opts.cssBefore.width = next.cycleW; if (h !== false && next.cycleH > 0) opts.cssBefore.height = next.cycleH; opts.cssAfter = opts.cssAfter || {}; opts.cssAfter.display = 'none'; $(curr).css('zIndex',opts.slideCount + (rev === true ? 1 : 0)); $(next).css('zIndex',opts.slideCount + (rev === true ? 0 : 1)); }; // the actual fn for effecting a transition $.fn.cycle.custom = function(curr, next, opts, cb, fwd, speedOverride) { var $l = $(curr), $n = $(next); var speedIn = opts.speedIn, speedOut = opts.speedOut, easeIn = opts.easeIn, easeOut = opts.easeOut; $n.css(opts.cssBefore); if (speedOverride) { if (typeof speedOverride == 'number') speedIn = speedOut = speedOverride; else speedIn = speedOut = 1; easeIn = easeOut = null; } var fn = function() {$n.animate(opts.animIn, speedIn, easeIn, cb)}; $l.animate(opts.animOut, speedOut, easeOut, function() { if (opts.cssAfter) $l.css(opts.cssAfter); if (!opts.sync) fn(); }); if (opts.sync) fn(); }; // transition definitions - only fade is defined here, transition pack defines the rest $.fn.cycle.transitions = { fade: function($cont, $slides, opts) { $slides.not(':eq('+opts.currSlide+')').css('opacity',0); opts.before.push(function(curr,next,opts) { $.fn.cycle.commonReset(curr,next,opts); opts.cssBefore.opacity = 0; }); opts.animIn = { opacity: 1 }; opts.animOut = { opacity: 0 }; opts.cssBefore = { top: 0, left: 0 }; } }; $.fn.cycle.ver = function() { return ver; }; // override these globally if you like (they are all optional) $.fn.cycle.defaults = { fx: 'fade', // name of transition effect (or comma separated names, ex: 'fade,scrollUp,shuffle') timeout: 4000, // milliseconds between slide transitions (0 to disable auto advance) timeoutFn: null, // callback for determining per-slide timeout value: function(currSlideElement, nextSlideElement, options, forwardFlag) continuous: 0, // true to start next transition immediately after current one completes speed: 1000, // speed of the transition (any valid fx speed value) speedIn: null, // speed of the 'in' transition speedOut: null, // speed of the 'out' transition next: null, // selector for element to use as event trigger for next slide prev: null, // selector for element to use as event trigger for previous slide // prevNextClick: null, // @deprecated; please use onPrevNextEvent instead onPrevNextEvent: null, // callback fn for prev/next events: function(isNext, zeroBasedSlideIndex, slideElement) prevNextEvent:'click.cycle',// event which drives the manual transition to the previous or next slide pager: null, // selector for element to use as pager container //pagerClick null, // @deprecated; please use onPagerEvent instead onPagerEvent: null, // callback fn for pager events: function(zeroBasedSlideIndex, slideElement) pagerEvent: 'click.cycle', // name of event which drives the pager navigation allowPagerClickBubble: false, // allows or prevents click event on pager anchors from bubbling pagerAnchorBuilder: null, // callback fn for building anchor links: function(index, DOMelement) before: null, // transition callback (scope set to element to be shown): function(currSlideElement, nextSlideElement, options, forwardFlag) after: null, // transition callback (scope set to element that was shown): function(currSlideElement, nextSlideElement, options, forwardFlag) end: null, // callback invoked when the slideshow terminates (use with autostop or nowrap options): function(options) easing: null, // easing method for both in and out transitions easeIn: null, // easing for "in" transition easeOut: null, // easing for "out" transition shuffle: null, // coords for shuffle animation, ex: { top:15, left: 200 } animIn: null, // properties that define how the slide animates in animOut: null, // properties that define how the slide animates out cssBefore: null, // properties that define the initial state of the slide before transitioning in cssAfter: null, // properties that defined the state of the slide after transitioning out fxFn: null, // function used to control the transition: function(currSlideElement, nextSlideElement, options, afterCalback, forwardFlag) height: 'auto', // container height startingSlide: 0, // zero-based index of the first slide to be displayed sync: 1, // true if in/out transitions should occur simultaneously random: 0, // true for random, false for sequence (not applicable to shuffle fx) fit: 0, // force slides to fit container containerResize: 1, // resize container to fit largest slide pause: 0, // true to enable "pause on hover" pauseOnPagerHover: 0, // true to pause when hovering over pager link autostop: 0, // true to end slideshow after X transitions (where X == slide count) autostopCount: 0, // number of transitions (optionally used with autostop to define X) delay: 0, // additional delay (in ms) for first transition (hint: can be negative) slideExpr: null, // expression for selecting slides (if something other than all children is required) cleartype: !$.support.opacity, // true if clearType corrections should be applied (for IE) cleartypeNoBg: false, // set to true to disable extra cleartype fixing (leave false to force background color setting on slides) nowrap: 0, // true to prevent slideshow from wrapping fastOnEvent: 0, // force fast transitions when triggered manually (via pager or prev/next); value == time in ms randomizeEffects: 1, // valid when multiple effects are used; true to make the effect sequence random rev: 0, // causes animations to transition in reverse manualTrump: true, // causes manual transition to stop an active transition instead of being ignored requeueOnImageNotLoaded: true, // requeue the slideshow if any image slides are not yet loaded requeueTimeout: 250, // ms delay for requeue activePagerClass: 'activeSlide', // class name used for the active pager link updateActivePagerLink: null, // callback fn invoked to update the active pager link (adds/removes activePagerClass style) backwards: false // true to start slideshow at last slide and move backwards through the stack }; })(jQuery); /*! * jQuery Cycle Plugin Transition Definitions * This script is a plugin for the jQuery Cycle Plugin * Examples and documentation at: http://malsup.com/jquery/cycle/ * Copyright (c) 2007-2010 M. Alsup * Version: 2.72 * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ (function($) { // // These functions define one-time slide initialization for the named // transitions. To save file size feel free to remove any of these that you // don't need. // $.fn.cycle.transitions.none = function($cont, $slides, opts) { opts.fxFn = function(curr,next,opts,after){ $(next).show(); $(curr).hide(); after(); }; } // scrollUp/Down/Left/Right $.fn.cycle.transitions.scrollUp = function($cont, $slides, opts) { $cont.css('overflow','hidden'); opts.before.push($.fn.cycle.commonReset); var h = $cont.height(); opts.cssBefore ={ top: h, left: 0 }; opts.cssFirst = { top: 0 }; opts.animIn = { top: 0 }; opts.animOut = { top: -h }; }; $.fn.cycle.transitions.scrollDown = function($cont, $slides, opts) { $cont.css('overflow','hidden'); opts.before.push($.fn.cycle.commonReset); var h = $cont.height(); opts.cssFirst = { top: 0 }; opts.cssBefore= { top: -h, left: 0 }; opts.animIn = { top: 0 }; opts.animOut = { top: h }; }; $.fn.cycle.transitions.scrollLeft = function($cont, $slides, opts) { $cont.css('overflow','hidden'); opts.before.push($.fn.cycle.commonReset); var w = $cont.width(); opts.cssFirst = { left: 0 }; opts.cssBefore= { left: w, top: 0 }; opts.animIn = { left: 0 }; opts.animOut = { left: 0-w }; }; $.fn.cycle.transitions.scrollRight = function($cont, $slides, opts) { $cont.css('overflow','hidden'); opts.before.push($.fn.cycle.commonReset); var w = $cont.width(); opts.cssFirst = { left: 0 }; opts.cssBefore= { left: -w, top: 0 }; opts.animIn = { left: 0 }; opts.animOut = { left: w }; }; $.fn.cycle.transitions.scrollHorz = function($cont, $slides, opts) { $cont.css('overflow','hidden').width(); opts.before.push(function(curr, next, opts, fwd) { $.fn.cycle.commonReset(curr,next,opts); opts.cssBefore.left = fwd ? (next.cycleW-1) : (1-next.cycleW); opts.animOut.left = fwd ? -curr.cycleW : curr.cycleW; }); opts.cssFirst = { left: 0 }; opts.cssBefore= { top: 0 }; opts.animIn = { left: 0 }; opts.animOut = { top: 0 }; }; $.fn.cycle.transitions.scrollVert = function($cont, $slides, opts) { $cont.css('overflow','hidden'); opts.before.push(function(curr, next, opts, fwd) { $.fn.cycle.commonReset(curr,next,opts); opts.cssBefore.top = fwd ? (1-next.cycleH) : (next.cycleH-1); opts.animOut.top = fwd ? curr.cycleH : -curr.cycleH; }); opts.cssFirst = { top: 0 }; opts.cssBefore= { left: 0 }; opts.animIn = { top: 0 }; opts.animOut = { left: 0 }; }; // slideX/slideY $.fn.cycle.transitions.slideX = function($cont, $slides, opts) { opts.before.push(function(curr, next, opts) { $(opts.elements).not(curr).hide(); $.fn.cycle.commonReset(curr,next,opts,false,true); opts.animIn.width = next.cycleW; }); opts.cssBefore = { left: 0, top: 0, width: 0 }; opts.animIn = { width: 'show' }; opts.animOut = { width: 0 }; }; $.fn.cycle.transitions.slideY = function($cont, $slides, opts) { opts.before.push(function(curr, next, opts) { $(opts.elements).not(curr).hide(); $.fn.cycle.commonReset(curr,next,opts,true,false); opts.animIn.height = next.cycleH; }); opts.cssBefore = { left: 0, top: 0, height: 0 }; opts.animIn = { height: 'show' }; opts.animOut = { height: 0 }; }; // shuffle $.fn.cycle.transitions.shuffle = function($cont, $slides, opts) { var i, w = $cont.css('overflow', 'visible').width(); $slides.css({left: 0, top: 0}); opts.before.push(function(curr,next,opts) { $.fn.cycle.commonReset(curr,next,opts,true,true,true); }); // only adjust speed once! if (!opts.speedAdjusted) { opts.speed = opts.speed / 2; // shuffle has 2 transitions opts.speedAdjusted = true; } opts.random = 0; opts.shuffle = opts.shuffle || {left:-w, top:15}; opts.els = []; for (i=0; i < $slides.length; i++) opts.els.push($slides[i]); for (i=0; i < opts.currSlide; i++) opts.els.push(opts.els.shift()); // custom transition fn (hat tip to Benjamin Sterling for this bit of sweetness!) opts.fxFn = function(curr, next, opts, cb, fwd) { var $el = fwd ? $(curr) : $(next); $(next).css(opts.cssBefore); var count = opts.slideCount; $el.animate(opts.shuffle, opts.speedIn, opts.easeIn, function() { var hops = $.fn.cycle.hopsFromLast(opts, fwd); for (var k=0; k < hops; k++) fwd ? opts.els.push(opts.els.shift()) : opts.els.unshift(opts.els.pop()); if (fwd) { for (var i=0, len=opts.els.length; i < len; i++) $(opts.els[i]).css('z-index', len-i+count); } else { var z = $(curr).css('z-index'); $el.css('z-index', parseInt(z)+1+count); } $el.animate({left:0, top:0}, opts.speedOut, opts.easeOut, function() { $(fwd ? this : curr).hide(); if (cb) cb(); }); }); }; opts.cssBefore = { display: 'block', opacity: 1, top: 0, left: 0 }; }; // turnUp/Down/Left/Right $.fn.cycle.transitions.turnUp = function($cont, $slides, opts) { opts.before.push(function(curr, next, opts) { $.fn.cycle.commonReset(curr,next,opts,true,false); opts.cssBefore.top = next.cycleH; opts.animIn.height = next.cycleH; }); opts.cssFirst = { top: 0 }; opts.cssBefore = { left: 0, height: 0 }; opts.animIn = { top: 0 }; opts.animOut = { height: 0 }; }; $.fn.cycle.transitions.turnDown = function($cont, $slides, opts) { opts.before.push(function(curr, next, opts) { $.fn.cycle.commonReset(curr,next,opts,true,false); opts.animIn.height = next.cycleH; opts.animOut.top = curr.cycleH; }); opts.cssFirst = { top: 0 }; opts.cssBefore = { left: 0, top: 0, height: 0 }; opts.animOut = { height: 0 }; }; $.fn.cycle.transitions.turnLeft = function($cont, $slides, opts) { opts.before.push(function(curr, next, opts) { $.fn.cycle.commonReset(curr,next,opts,false,true); opts.cssBefore.left = next.cycleW; opts.animIn.width = next.cycleW; }); opts.cssBefore = { top: 0, width: 0 }; opts.animIn = { left: 0 }; opts.animOut = { width: 0 }; }; $.fn.cycle.transitions.turnRight = function($cont, $slides, opts) { opts.before.push(function(curr, next, opts) { $.fn.cycle.commonReset(curr,next,opts,false,true); opts.animIn.width = next.cycleW; opts.animOut.left = curr.cycleW; }); opts.cssBefore = { top: 0, left: 0, width: 0 }; opts.animIn = { left: 0 }; opts.animOut = { width: 0 }; }; // zoom $.fn.cycle.transitions.zoom = function($cont, $slides, opts) { opts.before.push(function(curr, next, opts) { $.fn.cycle.commonReset(curr,next,opts,false,false,true); opts.cssBefore.top = next.cycleH/2; opts.cssBefore.left = next.cycleW/2; opts.animIn = { top: 0, left: 0, width: next.cycleW, height: next.cycleH }; opts.animOut = { width: 0, height: 0, top: curr.cycleH/2, left: curr.cycleW/2 }; }); opts.cssFirst = { top:0, left: 0 }; opts.cssBefore = { width: 0, height: 0 }; }; // fadeZoom $.fn.cycle.transitions.fadeZoom = function($cont, $slides, opts) { opts.before.push(function(curr, next, opts) { $.fn.cycle.commonReset(curr,next,opts,false,false); opts.cssBefore.left = next.cycleW/2; opts.cssBefore.top = next.cycleH/2; opts.animIn = { top: 0, left: 0, width: next.cycleW, height: next.cycleH }; }); opts.cssBefore = { width: 0, height: 0 }; opts.animOut = { opacity: 0 }; }; // blindX $.fn.cycle.transitions.blindX = function($cont, $slides, opts) { var w = $cont.css('overflow','hidden').width(); opts.before.push(function(curr, next, opts) { $.fn.cycle.commonReset(curr,next,opts); opts.animIn.width = next.cycleW; opts.animOut.left = curr.cycleW; }); opts.cssBefore = { left: w, top: 0 }; opts.animIn = { left: 0 }; opts.animOut = { left: w }; }; // blindY $.fn.cycle.transitions.blindY = function($cont, $slides, opts) { var h = $cont.css('overflow','hidden').height(); opts.before.push(function(curr, next, opts) { $.fn.cycle.commonReset(curr,next,opts); opts.animIn.height = next.cycleH; opts.animOut.top = curr.cycleH; }); opts.cssBefore = { top: h, left: 0 }; opts.animIn = { top: 0 }; opts.animOut = { top: h }; }; // blindZ $.fn.cycle.transitions.blindZ = function($cont, $slides, opts) { var h = $cont.css('overflow','hidden').height(); var w = $cont.width(); opts.before.push(function(curr, next, opts) { $.fn.cycle.commonReset(curr,next,opts); opts.animIn.height = next.cycleH; opts.animOut.top = curr.cycleH; }); opts.cssBefore = { top: h, left: w }; opts.animIn = { top: 0, left: 0 }; opts.animOut = { top: h, left: w }; }; // growX - grow horizontally from centered 0 width $.fn.cycle.transitions.growX = function($cont, $slides, opts) { opts.before.push(function(curr, next, opts) { $.fn.cycle.commonReset(curr,next,opts,false,true); opts.cssBefore.left = this.cycleW/2; opts.animIn = { left: 0, width: this.cycleW }; opts.animOut = { left: 0 }; }); opts.cssBefore = { width: 0, top: 0 }; }; // growY - grow vertically from centered 0 height $.fn.cycle.transitions.growY = function($cont, $slides, opts) { opts.before.push(function(curr, next, opts) { $.fn.cycle.commonReset(curr,next,opts,true,false); opts.cssBefore.top = this.cycleH/2; opts.animIn = { top: 0, height: this.cycleH }; opts.animOut = { top: 0 }; }); opts.cssBefore = { height: 0, left: 0 }; }; // curtainX - squeeze in both edges horizontally $.fn.cycle.transitions.curtainX = function($cont, $slides, opts) { opts.before.push(function(curr, next, opts) { $.fn.cycle.commonReset(curr,next,opts,false,true,true); opts.cssBefore.left = next.cycleW/2; opts.animIn = { left: 0, width: this.cycleW }; opts.animOut = { left: curr.cycleW/2, width: 0 }; }); opts.cssBefore = { top: 0, width: 0 }; }; // curtainY - squeeze in both edges vertically $.fn.cycle.transitions.curtainY = function($cont, $slides, opts) { opts.before.push(function(curr, next, opts) { $.fn.cycle.commonReset(curr,next,opts,true,false,true); opts.cssBefore.top = next.cycleH/2; opts.animIn = { top: 0, height: next.cycleH }; opts.animOut = { top: curr.cycleH/2, height: 0 }; }); opts.cssBefore = { left: 0, height: 0 }; }; // cover - curr slide covered by next slide $.fn.cycle.transitions.cover = function($cont, $slides, opts) { var d = opts.direction || 'left'; var w = $cont.css('overflow','hidden').width(); var h = $cont.height(); opts.before.push(function(curr, next, opts) { $.fn.cycle.commonReset(curr,next,opts); if (d == 'right') opts.cssBefore.left = -w; else if (d == 'up') opts.cssBefore.top = h; else if (d == 'down') opts.cssBefore.top = -h; else opts.cssBefore.left = w; }); opts.animIn = { left: 0, top: 0}; opts.animOut = { opacity: 1 }; opts.cssBefore = { top: 0, left: 0 }; }; // uncover - curr slide moves off next slide $.fn.cycle.transitions.uncover = function($cont, $slides, opts) { var d = opts.direction || 'left'; var w = $cont.css('overflow','hidden').width(); var h = $cont.height(); opts.before.push(function(curr, next, opts) { $.fn.cycle.commonReset(curr,next,opts,true,true,true); if (d == 'right') opts.animOut.left = w; else if (d == 'up') opts.animOut.top = -h; else if (d == 'down') opts.animOut.top = h; else opts.animOut.left = -w; }); opts.animIn = { left: 0, top: 0 }; opts.animOut = { opacity: 1 }; opts.cssBefore = { top: 0, left: 0 }; }; // toss - move top slide and fade away $.fn.cycle.transitions.toss = function($cont, $slides, opts) { var w = $cont.css('overflow','visible').width(); var h = $cont.height(); opts.before.push(function(curr, next, opts) { $.fn.cycle.commonReset(curr,next,opts,true,true,true); // provide default toss settings if animOut not provided if (!opts.animOut.left && !opts.animOut.top) opts.animOut = { left: w*2, top: -h/2, opacity: 0 }; else opts.animOut.opacity = 0; }); opts.cssBefore = { left: 0, top: 0 }; opts.animIn = { left: 0 }; }; // wipe - clip animation $.fn.cycle.transitions.wipe = function($cont, $slides, opts) { var w = $cont.css('overflow','hidden').width(); var h = $cont.height(); opts.cssBefore = opts.cssBefore || {}; var clip; if (opts.clip) { if (/l2r/.test(opts.clip)) clip = 'rect(0px 0px '+h+'px 0px)'; else if (/r2l/.test(opts.clip)) clip = 'rect(0px '+w+'px '+h+'px '+w+'px)'; else if (/t2b/.test(opts.clip)) clip = 'rect(0px '+w+'px 0px 0px)'; else if (/b2t/.test(opts.clip)) clip = 'rect('+h+'px '+w+'px '+h+'px 0px)'; else if (/zoom/.test(opts.clip)) { var top = parseInt(h/2); var left = parseInt(w/2); clip = 'rect('+top+'px '+left+'px '+top+'px '+left+'px)'; } } opts.cssBefore.clip = opts.cssBefore.clip || clip || 'rect(0px 0px 0px 0px)'; var d = opts.cssBefore.clip.match(/(\d+)/g); var t = parseInt(d[0]), r = parseInt(d[1]), b = parseInt(d[2]), l = parseInt(d[3]); opts.before.push(function(curr, next, opts) { if (curr == next) return; var $curr = $(curr), $next = $(next); $.fn.cycle.commonReset(curr,next,opts,true,true,false); opts.cssAfter.display = 'block'; var step = 1, count = parseInt((opts.speedIn / 13)) - 1; (function f() { var tt = t ? t - parseInt(step * (t/count)) : 0; var ll = l ? l - parseInt(step * (l/count)) : 0; var bb = b < h ? b + parseInt(step * ((h-b)/count || 1)) : h; var rr = r < w ? r + parseInt(step * ((w-r)/count || 1)) : w; $next.css({ clip: 'rect('+tt+'px '+rr+'px '+bb+'px '+ll+'px)' }); (step++ <= count) ? setTimeout(f, 13) : $curr.css('display', 'none'); })(); }); opts.cssBefore = { display: 'block', opacity: 1, top: 0, left: 0 }; opts.animIn = { left: 0 }; opts.animOut = { left: 0 }; }; })(jQuery);