Changeset 1498422

Timestamp:

09/19/2016 09:10:32 PM (9 years ago)

Author:

bostonu

Message:

Pulling in 2.3.8 changeset from GitHub

Location:

bu-slideshow/trunk

Files:

• .gitignore (added)
• .travis.yml (added)
• README.md (modified) (5 diffs)
• bin (added)
• bin/install-wp-tests.sh (added)
• bu-slideshow.php (modified) (14 diffs)
• class-bu-slide.php (modified) (1 diff)
• gruntfile.js (modified) (3 diffs)
• interface/css/bu-slideshow-admin.min.css (added)
• interface/css/bu-slideshow-selector.min.css (added)
• interface/css/bu-slideshow.less (modified) (7 diffs)
• interface/css/bu-slideshow.min.css (added)
• interface/js/bu-modal/bu-modal.dev.js (deleted)
• interface/js/bu-modal/bu-modal.js (modified) (1 diff)
• interface/js/bu-modal/bu-modal.min.js (added)
• interface/js/bu-slideshow-admin.dev.js (deleted)
• interface/js/bu-slideshow-admin.js (modified) (1 diff)
• interface/js/bu-slideshow-admin.min.js (added)
• interface/js/bu-slideshow-frontend.js (deleted)
• interface/js/bu-slideshow-selector.dev.js (deleted)
• interface/js/bu-slideshow-selector.js (modified) (1 diff)
• interface/js/bu-slideshow-selector.min.js (added)
• interface/js/bu-slideshow.dev.js (deleted)
• interface/js/bu-slideshow.js (modified) (1 diff)
• interface/js/bu-slideshow.min.js (added)
• interface/js/vendor/modernizr.dev.js (deleted)
• interface/js/vendor/modernizr.js (deleted)
• interface/js/vendor/sequence/sequence.jquery.dev.js (deleted)
• interface/js/vendor/sequence/sequence.jquery.js (modified) (1 diff)
• interface/js/vendor/sequence/sequence.jquery.min.js (added)
• interface/single-slide-admin.php (modified) (5 diffs)
• package.json (modified) (1 diff)
• readme.txt (modified) (6 diffs)

bu-slideshow/trunk/README.md

@@ -1 +1 @@
 # BU Slideshow #
-_Wordpress Plugin_
-
-[![Build Status](https://travis-ci.org/bu-ist/bu-slideshow.svg)](https://travis-ci.org/bu-ist/bu-slideshow)
-
-**Contributors:** awbauer, clrux, mgburns, bgannonBU
-
-**Tags:** slideshow, images, boston university, bu
-
-**Requires at least:** 3.5
-
-**Tested up to:** 4.4.2
-
-**Stable tag:** 2.3.6
-
-**License:** GPLv2 or later
-
-**License URI:** http://www.gnu.org/licenses/gpl-2.0.html
+**Contributors:** inderpreet99, awbauer, clrux, mgburns, gannondigital  
+**Tags:** slideshow, images, boston university, bu  
+**Requires at least:** 3.5  
+**Tested up to:** 4.6.1  
+**Stable tag:** 2.3.8  
+**License:** GPLv2 or later  
+**License URI:** http://www.gnu.org/licenses/gpl-2.0.html  
 
 
 ## Description ##
-BU Slideshow is a plugin for creating and managing image-based slideshows. It is designed to be simple enough for any site admin to use, and powerful enough to meet the needs of designers. The plugin has many optional functions that make it flexible enough for a variety of uses: slideshows, photo rotations, feature card decks in the sidebar, etc. 
-[View full documentation on BU.edu](http://www.bu.edu/tech/services/comm/websites/www/wordpress/how-to/create-slideshows/)
+BU Slideshow is a plugin for creating and managing image-based slideshows. It is designed to be simple enough for any site admin to use, and powerful enough to meet the needs of designers. The plugin has many optional functions that make it flexible enough for a variety of uses: slideshows, photo rotations, feature card decks in the sidebar, etc.
 
-## Features ##
+[View full documentation on BU.edu](https://www.bu.edu/tech/services/comm/websites/www/wordpress/how-to/create-slideshows/)
+
+### Features ###
 * Drag-and-drop re-ordering of slides
 * Optional titles and captions on a per-slide basis
@@ -32 +23 @@
 * Integrated with WordPress Media Library for image upload/selection, size options, and image cropping/editing
 
+### Developers ###
+
+For developer documentation, feature roadmaps and more visit the [plugin repository on Github](https://github.com/bu-ist/bu-slideshow/).
+
+[![Build Status](https://travis-ci.org/bu-ist/bu-slideshow.svg)](https://travis-ci.org/bu-ist/bu-slideshow)
+
+## Installation ##
+This plugin can be installed automatically through the WordPress admin interface, or by clicking the download link on this page and installing manually.
+
+Once installed, slideshows can be created by accessing the "Slideshows" menu in the admin panel. Slideshows can be dropped into any page by using the "Add Slideshow" button on the post/page edit screen.
+
+### Manual Installation ###
+1. Upload the bu-slideshow plugin folder to the /wp-content/plugins/ directory
+2. Activate 'BU Slideshow' through the 'Plugins' menu in WordPress
+
 ## Screenshots ##
-!['Edit Slideshow' Interface](http://developer.bu.edu/bu-slideshow/files/2014/08/slideshow-screencap-ui.png)
-!['Edit Slide' UI](http://developer.bu.edu/bu-slideshow/files/2014/08/slideshow-screencap-edit.png)
-![Image Selector](http://developer.bu.edu/bu-slideshow/files/2014/08/slideshow-screencap-selectimage.png)
+
+###1. An intuitive, compact user interface allows drag-and-drop reordering of slides, easy addition of new slides, and expand/collapse toggles to edit details of individual slides.###
+![An intuitive, compact user interface allows drag-and-drop reordering of slides, easy addition of new slides, and expand/collapse toggles to edit details of individual slides.](https://ps.w.org/bu-slideshow/assets/screenshot-1.png)
+
+###2. Select/remove images, edit titles, captions, links, and specify caption positioning and custom CSS classes all within a single location.###
+![Select/remove images, edit titles, captions, links, and specify caption positioning and custom CSS classes all within a single location.](https://ps.w.org/bu-slideshow/assets/screenshot-2.png)
+
+###3. Full integration with the WordPress Media Library allows you to bulk-upload your images and select them from the Media Library, or upload individually as you build slides. Easily remove and/or select a different image using the WordPress tools you are familiar with.###
+![Full integration with the WordPress Media Library allows you to bulk-upload your images and select them from the Media Library, or upload individually as you build slides. Easily remove and/or select a different image using the WordPress tools you are familiar with.](https://ps.w.org/bu-slideshow/assets/screenshot-3.png)
+
 
 ## Changelog ##
+### 2.3.8 ###
+* Fix UI issues since WP 4.4
+* Use minified CSS on the frontend. Fixes #31.
+* Switch to min filenames: https://core.trac.wordpress.org/ticket/21633
+
+### 2.3.7 ###
+* Adds error checking to `bu-slideshow-thumb` image size handling
+
 ### 2.3.6 ###
 * Allow custom fields to use HTML (GH #28)
-* Add `bu_slideshow_slide_admin` filter, allowing custom templates to change slide admin 
+* Add `bu_slideshow_slide_admin` filter, allowing custom templates to change slide admin
 * Adds "shuffle" attribute when shortcode is inserted in the Editor (GH #25)
 
-### 2.3.5 ### 
+### 2.3.5 ###
 * Fixes issue with "Add Slideshow" modal in Editor
 
@@ -58 +79 @@
 
 ### 2.3.1 ###
-* Fix PHP notice 
+* Fix PHP notice
 
 ### 2.3 ###
 * Migrating slideshows to custom post type
-* [Support for custom slide templates](https://github.com/bu-ist/bu-slideshow/wiki/Actions-&-Filters#bu_slideshow_slide_templates), including custom fields
+* Support for custom slide templates: https://github.com/bu-ist/bu-slideshow/wiki/Actions-&-Filters#bu_slideshow_slide_templates
+* Support for custom fields
 
 ### 2.2.1 ###
@@ -82 +104 @@
 ### 2.0 ###
 * Improved “Add Slideshow” flow (3 screens -> 1). Now similar flow to creating new posts/pages.
-** Abstracted “edit slideshow” form to a separate template file
+* Abstracted “edit slideshow” form to a separate template file
 * Added option to set default height (Avoids “jump” while calculating height on page load)
 * Added option to set transition delay
@@ -92 +114 @@
 * Removed old back compatibility with WP < 3.3
 * Minor UI tweaks
-** On slideshow edit screen, expand edit container for first slide by default (previously: all collapsed)
-** Hide navigation elements until slideshow is fully loaded
-** Image details / “edit” link on slideshow admin page
+* - On slideshow edit screen, expand edit container for first slide by default (previously: all collapsed)
+* - Hide navigation elements until slideshow is fully loaded
+* - Image details / “edit” link on slideshow admin page

bu-slideshow/trunk/bu-slideshow.php

@@ -1 +1 @@
 <?php
 /*
- Plugin Name: BU Slideshow
- Description: Allows for the creation and display of animated slideshows. Uses sequence.js.
- 
- Version: 2.3.6
- Author: Boston University (IS&T)
- Author URI: http://www.bu.edu/tech/
- *
- * Currently supports WP 3.5+
- * Tested to WP 4.4.2
- * 
+Plugin Name: BU Slideshow
+Plugin URI: http://developer.bu.edu/bu-slideshow/
+Description: Allows for the creation and display of animated slideshows. Uses sequence.js.
+Version: 2.3.8
+Author: Boston University (IS&T)
+Author URI: http://www.bu.edu/tech/
+Requires at least: 3.5
+Tested up to: 4.6.1
 */
 
-define('BU_SLIDESHOW_VERSION', '2.3.6');
+define('BU_SLIDESHOW_VERSION', '2.3.8');
 define('BU_SLIDESHOW_BASEDIR', plugin_dir_path(__FILE__));
 define('BU_SLIDESHOW_BASEURL', plugin_dir_url(__FILE__));
@@ -23 +21 @@
 
 if (defined('SCRIPT_DEBUG') && SCRIPT_DEBUG) {
-    define('BU_SSHOW_SUFFIX', '.dev');
+    define('BU_SSHOW_MIN', '');
 } else {
-    define('BU_SSHOW_SUFFIX', '');
+    define('BU_SSHOW_MIN', '.min');
 }
 
@@ -37 +35 @@
     static $meta_key = 'bu_slideshows';
     static $show_id_meta_key = 'bu_slideshow_last_id';
+    static $custom_thumb_size = 'bu-slideshow-thumb';
     static $post_support_slug = 'bu_slideshow';
     static $supported_post_types = array('page', 'post'); // post types to support Add Slideshow button
@@ -192 +191 @@
 
         if (in_array($current_screen->id, $admin_pages) || self::using_editor()) {
-            wp_enqueue_script('bu-modal', $js_url . 'bu-modal/bu-modal' . BU_SSHOW_SUFFIX . '.js', array('jquery'), BU_SLIDESHOW_VERSION, false);
+            wp_enqueue_script('bu-modal', $js_url . 'bu-modal/bu-modal' . BU_SSHOW_MIN . '.js', array('jquery'), BU_SLIDESHOW_VERSION, false);
             wp_enqueue_style('bu-modal', $js_url . 'bu-modal/css/bu-modal.css');
-            wp_register_script('bu-slideshow-admin', $js_url . 'bu-slideshow-admin' . BU_SSHOW_SUFFIX . '.js', array('jquery', 'bu-modal'), BU_SLIDESHOW_VERSION, true);
+            wp_register_script('bu-slideshow-admin', $js_url . 'bu-slideshow-admin' . BU_SSHOW_MIN . '.js', array('jquery', 'bu-modal'), BU_SLIDESHOW_VERSION, true);
 
             wp_enqueue_script('media-upload');
@@ -203 +202 @@
             self::localize('bu-slideshow-admin');
 
-            wp_register_style('bu-slideshow-admin', BU_SLIDESHOW_BASEURL . 'interface/css/bu-slideshow-admin.css', array(), BU_SLIDESHOW_VERSION);
+            wp_register_style('bu-slideshow-admin', BU_SLIDESHOW_BASEURL . 'interface/css/bu-slideshow-admin' . BU_SSHOW_MIN . '.css', array(), BU_SLIDESHOW_VERSION);
             wp_enqueue_style('bu-slideshow-admin');
             wp_enqueue_style('thickbox');
@@ -223 +222 @@
      */
     static public function public_scripts_styles() {
-        // wp_register_script('modernizr', BU_SLIDESHOW_BASEURL . 'interface/js/vendor/modernizr' . BU_SSHOW_SUFFIX . '.js', array(), BU_SLIDESHOW_VERSION, true);
 
         self::public_scripts();
 
         if (!defined('BU_SLIDESHOW_CUSTOM_CSS') || !BU_SLIDESHOW_CUSTOM_CSS) {
-            wp_register_style('bu-slideshow', BU_SLIDESHOW_BASEURL . 'interface/css/bu-slideshow.css', array(), BU_SLIDESHOW_VERSION);
+            wp_register_style('bu-slideshow', BU_SLIDESHOW_BASEURL . 'interface/css/bu-slideshow' . BU_SSHOW_MIN . '.css', array(), BU_SLIDESHOW_VERSION);
             wp_enqueue_style('bu-slideshow');
         }
@@ -235 +233 @@
         global $current_screen;
         if ($current_screen && $current_screen->id === 'admin_page_bu-preview-slideshow') {
-            wp_register_style('bu-slideshow', BU_SLIDESHOW_BASEURL . 'interface/css/bu-slideshow.css', array(), BU_SLIDESHOW_VERSION);
+            wp_register_style('bu-slideshow', BU_SLIDESHOW_BASEURL . 'interface/css/bu-slideshow' . BU_SSHOW_MIN . '.css', array(), BU_SLIDESHOW_VERSION);
             wp_enqueue_style('bu-slideshow');
         }
@@ -249 +247 @@
         $slideshow_deps = array('jquery','jquery-sequence');
 
-        wp_register_script('jquery-sequence', BU_SLIDESHOW_BASEURL . 'interface/js/vendor/sequence/sequence.jquery' . BU_SSHOW_SUFFIX . '.js', $seq_deps, BU_SLIDESHOW_VERSION, true);
-        wp_register_script('bu-slideshow', $js_url . 'bu-slideshow' . BU_SSHOW_SUFFIX . '.js', $slideshow_deps, BU_SLIDESHOW_VERSION, true);
+        wp_register_script('jquery-sequence', BU_SLIDESHOW_BASEURL . 'interface/js/vendor/sequence/sequence.jquery' . BU_SSHOW_MIN . '.js', $seq_deps, BU_SLIDESHOW_VERSION, true);
+        wp_register_script('bu-slideshow', $js_url . 'bu-slideshow' . BU_SSHOW_MIN . '.js', $slideshow_deps, BU_SLIDESHOW_VERSION, true);
     }
 
@@ -257 +255 @@
      */
     static public function selector_scripts_styles() {
-        wp_register_script('bu-slideshow-selector', BU_SLIDESHOW_BASEURL . 'interface/js/bu-slideshow-selector' . BU_SSHOW_SUFFIX . '.js', array('jquery'), BU_SLIDESHOW_VERSION, true);
+        wp_register_script('bu-slideshow-selector', BU_SLIDESHOW_BASEURL . 'interface/js/bu-slideshow-selector' . BU_SSHOW_MIN . '.js', array('jquery'), BU_SLIDESHOW_VERSION, true);
 
         wp_enqueue_script('bu-slideshow-selector');
 
-        wp_register_style('bu-slideshow-selector', BU_SLIDESHOW_BASEURL . 'interface/css/bu-slideshow-selector.css', array(), BU_SLIDESHOW_VERSION);
+        wp_register_style('bu-slideshow-selector', BU_SLIDESHOW_BASEURL . 'interface/css/bu-slideshow-selector' . BU_SSHOW_MIN . '.css', array(), BU_SLIDESHOW_VERSION);
         wp_enqueue_style('bu-slideshow-selector');
 
@@ -284 +282 @@
                     'emptyNameError'     => __('The name field for the slideshow cannot be empty.', BU_SSHOW_LOCAL),
                     'thumbFailError'     => __('Could not load image thumbnail.', BU_SSHOW_LOCAL),
-                    'thumbAltText'       => __('thumbnail for this slide\'s image', BU_SSHOW_LOCAL),
                     'addSlideFailError'  => __('Could not create new slide.', BU_SSHOW_LOCAL),
                     'mediaUploadTitle'   => __('Select Image', BU_SSHOW_LOCAL),
@@ -350 +347 @@
      */
     static public function custom_thumb_size() {
-        add_image_size('bu-slideshow-thumb', 100, 100, true);
+        add_image_size(static::$custom_thumb_size, 100, 100, true);
     }
 
@@ -910 +907 @@
         $img_info = self::get_slide_image_thumb(intval($_POST['image_id']));
 
-        echo json_encode($img_info);
+        echo $img_info;
         exit;
     }
 
     /**
-     * Gets thumbnail for custom size; generates that thumbnail if it doesn't yet exist
-     * in order to support images uploaded before plugin was activated
-     * @return array
-     */
-    static public function get_slide_image_thumb($img_id) {
-        $img_arr = wp_get_attachment_image_src($img_id, 'bu-slideshow-thumb');
+     * Generates thumbnail if it doesn't yet exist.
+     * Supports images uploaded before plugin was activated.
+     *
+     * @param  int  $img_id
+     * @return bool
+     */
+    static public function generate_slideshow_thumb( $img_id ) {
+        $img_arr = wp_get_attachment_image_src($img_id, static::$custom_thumb_size);
 
         /* if the regular img url is returned it means we don't have an existing thumb of correct size */
@@ -926 +925 @@
             $img_path = get_attached_file($img_id);
             $success = wp_update_attachment_metadata($img_id, wp_generate_attachment_metadata($img_id, $img_path));
-            if ($success) {
-                $img_arr = wp_get_attachment_image_src($img_id, 'bu-slideshow-thumb');
-            }
-        }
-
-        return $img_arr;
+            return false !== $success;
+        }
+
+        return true;
+    }
+
+    /**
+     * Gets thumbnail for custom size. Generates thumbnail if it doesn't exist.
+     * @return array
+     */
+    static public function get_slide_image_thumb( $img_id ) {
+        if ( ! static::generate_slideshow_thumb( $img_id ) ) {
+            error_log( sprintf( '%s: Failed generating thumbnail for image (%s).', __METHOD__, $img_id ) );
+        }
+
+        return wp_get_attachment_image( $img_id, static::$custom_thumb_size );
     }
 
@@ -954 +963 @@
             $bu_slideshow_loadscripts = 1;
         } else {
-            // wp_enqueue_script('modernizr');
             wp_enqueue_script('jquery-sequence');
             wp_enqueue_script('bu-slideshow');

bu-slideshow/trunk/class-bu-slide.php

@@ -89 +89 @@
 
                 if ($this->image_id) {
-                    $img_thumb = wp_get_attachment_image($this->image_id, 'bu-slideshow-thumb');
+                    $img_thumb = wp_get_attachment_image($this->image_id, BU_Slideshow::$custom_thumb_size);
                     if( !empty( $img_thumb ) ){
                         $img_meta = wp_get_attachment_metadata($this->image_id);
-                        unset($img_meta['sizes']['bu-slideshow-thumb']);
+
+                        if( array_key_exists( 'bu-slideshow-thumb', $img_meta['sizes'] ) ){
+                            unset($img_meta['sizes'][BU_Slideshow::$custom_thumb_size]);
+                        }
+
                         $img_meta['sizes']['full'] = array("width"=>$img_meta['width'],"height"=>$img_meta['height']);
                         $edit_url = admin_url( 'post.php?post=' . $this->image_id . '&action=edit');

bu-slideshow/trunk/gruntfile.js

@@ -1 @@
-var app_path = "interface/";
+/* jshint node:true */
+module.exports = function( grunt ) {
 
-module.exports = function(grunt) {
+    // Load tasks.
+    require('matchdep').filterDev(['grunt-*']).forEach( grunt.loadNpmTasks );
 
-    //All configuration goes here 
+    //All configuration goes here
     grunt.initConfig({
         pkg: grunt.file.readJSON('package.json'),
 
-        concat: {   
-            options: {
-                // the banner is inserted at the top of the output
-                banner: '/*! COMPILED BY GRUNT. DO NOT MODIFY. <%= pkg.name %> */\n'
-            },
-            slideshow_frontend: {
-                src: [
-                    app_path + 'js/bu-slideshow-frontend.js'
-                ],
-                dest: app_path + 'js/bu-slideshow.dev.js',
-            },
-        },
-
         uglify: {
-            options: {
-                // the banner is inserted at the top of the output
-                banner: '/*! Compiled by Grunt <%= pkg.name %> */\n'
-            },
             slideshow_frontend:{
-                src: app_path + 'js/bu-slideshow.dev.js',
-                dest: app_path + 'js/bu-slideshow.js'
+                src: 'interface/js/bu-slideshow.js',
+                dest: 'interface/js/bu-slideshow.min.js'
             },
             slideshow_admin:{
-                src: app_path + 'js/bu-slideshow-admin.dev.js',
-                dest: app_path + 'js/bu-slideshow-admin.js'
+                src: 'interface/js/bu-slideshow-admin.js',
+                dest: 'interface/js/bu-slideshow-admin.min.js'
             },
             slideshow_selector:{
-                src: app_path + 'js/bu-slideshow-selector.dev.js',
-                dest: app_path + 'js/bu-slideshow-selector.js'
+                src: 'interface/js/bu-slideshow-selector.js',
+                dest: 'interface/js/bu-slideshow-selector.min.js'
             }
         },
@@ -41 +26 @@
         less: {
             slideshow:{
-                src: app_path + 'css/bu-slideshow.less',
-                dest: app_path + 'css/bu-slideshow.css',
+                src: 'interface/css/bu-slideshow.less',
+                dest: 'interface/css/bu-slideshow.css',
                 // options:{   compress: true  }
+            }
+        },
+
+        cssmin: {
+            core: {
+                expand: true,
+                cwd: 'interface/css',
+                src: [ '*.css', '!*.min.css' ],
+                dest: 'interface/css',
+                ext: '.min.css'
+            }
+        },
+
+        phplint: {
+            options : {
+                phpArgs : {
+                    '-lf': null
+                }
+            },
+            all : {
+                src : '**/*.php'
             }
         },
@@ -50 +56 @@
             scripts: {
                 files: [
-                    app_path + 'js/*.dev.js'
+                    'interface/js/*.js',
+                    '!interface/js/*.min.js'
                 ],
-                tasks: ['concat', 'uglify'],
+                tasks: ['uglify'],
                 options: {  spawn: false, },
-            } ,
+            },
             less: {
                 files: [
-                    app_path + 'css/bu-slideshow.less'
+                    'interface/css/bu-slideshow.less',
                 ],
-                tasks: ['less'],
+                tasks: ['styles'],
                 options: {  spawn: false, },
-            } 
+            },
+            styles: {
+                files: [
+                    'interface/css/*.css',
+                    '!interface/css/*.min.css',
+                    '!interface/css/bu-slideshow.css'
+                ],
+                tasks: ['cssmin'],
+                options: {  spawn: false, },
+            },
+            phplint : {
+                files : [ '**/*.php' ],
+                tasks : [ 'phplint' ],
+                options : {
+                    spawn : false
+                }
+            }
         }
     });
 
-    //the packages we plan on using.
-    grunt.loadNpmTasks('grunt-contrib-concat');
-    grunt.loadNpmTasks('grunt-contrib-uglify');
-    grunt.loadNpmTasks('grunt-contrib-less');
-    grunt.loadNpmTasks('grunt-contrib-watch');
+    // Build task.
+    grunt.registerTask( 'scripts', [ 'uglify' ] );
+    grunt.registerTask( 'styles', [ 'less', 'cssmin' ] );
+    grunt.registerTask( 'build', [ 'styles', 'scripts', 'phplint' ] );
 
-    //sequence of events to run when grunt is run.
-    grunt.registerTask('default', ['concat','uglify',"less"]);
+    // Default task.
+    grunt.registerTask( 'default', [ 'build' ] );
 
 };

bu-slideshow/trunk/interface/css/bu-slideshow.less

@@ -1 @@
-@semi-opaque-fallback:      #464646; 
+@semi-opaque-fallback:      #464646;
 @semi-opaque:               rgba(0,0,0,0.75);
 @semi-opaque-fallback-fade: #686868;
@@ -6 +6 @@
 @white:                     rgba(255,255,255,1);
 @white-fallback-fade:       #cdcdcd;
-@white-fade:                rgba(255,255,255,0.7);  
+@white-fade:                rgba(255,255,255,0.7);
 
 .mediumTransition {
@@ -26 +26 @@
     position:relative;
     min-height: 100px;
-    
+
     .slideshow-loader{
 
@@ -93 +93 @@
         }
     }
-        
+
     .arrowBgStyles {
         background-color:transparent;
-        
+
         cursor:pointer;
         display:block;
@@ -219 +219 @@
                         list-style:none;
                         margin:0;
-                        padding: 1%; 
+                        padding: 1%;
                         position:absolute;
                         right: 6%;
@@ -492 +492 @@
 
     }
-    
+
 }
 
 // make left/right arrows obvious on touchscreens
-html.touch .bu-slideshow-arrow-left, 
+html.touch .bu-slideshow-arrow-left,
 html.touch .bu-slideshow-arrow-right {
     background-color:@semi-opaque-fallback;
@@ -579 +579 @@
 
     .bu-slideshow-arrow-right {
-        
+
         background: url("../img/arrows.png") no-repeat scroll 0 6px transparent;
 

bu-slideshow/trunk/interface/js/bu-modal/bu-modal.js

@@ -1 @@
-window.Modernizr=function(c,d,b){var a={},e=d.documentElement;d=d.createElement("modernizr");var f=d.style;d={};c=[];var k=c.slice,g,l={}.hasOwnProperty,h;"undefined"!==typeof l&&"undefined"!==typeof l.call?h=function(a,b){return l.call(a,b)}:h=function(a,b){return b in a&&"undefined"===typeof a.constructor.prototype[b]};Function.prototype.bind||(Function.prototype.bind=function(a){var b=this;if("function"!=typeof b)throw new TypeError;var c=k.call(arguments,1),e=function(){if(this instanceof e){var d=
-function(){};d.prototype=b.prototype;var d=new d,f=b.apply(d,c.concat(k.call(arguments)));return Object(f)===f?f:d}return b.apply(a,c.concat(k.call(arguments)))};return e});d.rgba=function(){f.cssText="background-color:rgba(150,255,150,.5)";return!!~(""+f.backgroundColor).indexOf("rgba")};for(var m in d)h(d,m)&&(g=m.toLowerCase(),a[g]=d[m](),c.push((a[g]?"":"no-")+g));a.addTest=function(c,d){if("object"==typeof c)for(var f in c)h(c,f)&&a.addTest(f,c[f]);else{c=c.toLowerCase();if(a[c]!==b)return a;
-d="function"==typeof d?d():d;e.className+=" "+(d?"":"no-")+c;a[c]=d}return a};f.cssText="";return d=null,a._version="2.6.2",e.className=e.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(" js "+c.join(" ")),a}(this,this.document);
-jQuery(document).ready(function(c){window.BuModal=function b(a){if(!(this instanceof b))return new b(a);this.beforeOpen=a.beforeOpen?a.beforeOpen:function(){};this.afterOpen=a.afterOpen?a.afterOpen:function(){};this.beforeLoad=a.beforeLoad?a.beforeLoad:function(){};this.afterLoad=a.afterLoad?a.afterLoad:function(){};this.beforeClose=a.beforeClose?a.beforeClose:function(){};this.afterClose=a.afterClose?a.afterClose:function(){};this.buttons=a.buttons?c(a.buttons):c();this.background=a.background?a.background:
-"#ffffff";this.el=a.el?c(a.el):c("<div>").appendTo(document.body);this.content_url=a.content_url?a.content_url:"";this.width=a.width?a.width:"fit-content";this.height=a.height?a.height:"fit-content";this.ui=this.el.parents(".bu_modal");this.ui.length||(this.el.wrap('<div class="bu_modal" style="display:none;"></div>'),this.el.before('<div class="postboxheader"><a class="close_btn" href="">X</a></div>'),this.ui=this.el.parents(".bu_modal"));this.background&&this.ui.css("background",this.background);
-this.init();this.bindHandlers()};BuModal.version="2.0.6";BuModal.bg=c('<div class="bu_modal_bg"></div>').prependTo(document.getElementsByTagName("body")[0]).hide();BuModal.active_modal=!1;BuModal.close=function(){BuModal.active_modal&&BuModal.active_modal.close()};BuModal.prototype.init=function(){var b=this;b.closeButton=this.ui.find(".close_btn");b.ui.bg=BuModal.bg;b.ui.hide();b.buttons.each(function(){c(this).click(function(){b.open()})})};BuModal.prototype.isOpen=!1;BuModal.prototype.bindHandlers=
-function(){var b=this;c(document).bind("keyup",function(a){b.isOpen&&27===a.which&&b.close()});b.ui.bg.bind("click",function(){b.close();return!1});b.closeButton.bind("click",function(){b.close();return!1})};BuModal.prototype.open=function(){var b,a,e=this;this.ui.css({width:this.width,height:this.height});this.beforeOpen();this.el.show();this.ui.bg.show();this.ui.addClass("active").show();b=this.ui.outerWidth();a=this.ui.outerHeight();b=parseInt(b/2);parseInt(a/2);this.ui.css({marginLeft:"-"+b+"px",
-marginRight:b+"px"});this.isOpen=!0;BuModal.active_modal=this;this.afterOpen();this.content_url&&(this.beforeLoad(),this.ui.addClass("loading_content"),this.xhr=c.get(this.content_url,function(a){var b=e.xhr.getResponseHeader("Content-Type");e.xhr=!1;"text/html"==b.split(";")[0]?e.el.html(a):e.el.text(a);e.ui.removeClass("loading_content");e.afterLoad()}))};BuModal.prototype.close=function(){this.beforeClose();this.xhr&&(this.xhr.abort(),this.xhr=!1);this.ui.removeClass("active").hide();this.ui.bg.hide();
-this.isOpen=!1;BuModal.active_modal=!1;this.afterClose()}});
+/* modernizr, just for rgba */
+;window.Modernizr=function(a,b,c){function u(a){j.cssText=a}function v(a,b){return u(prefixes.join(a+";")+(b||""))}function w(a,b){return typeof a===b}function x(a,b){return!!~(""+a).indexOf(b)}function y(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:w(f,"function")?f.bind(d||b):f}return!1}var d="2.6.2",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElement(h),j=i.style,k,l={}.toString,m={},n={},o={},p=[],q=p.slice,r,s={}.hasOwnProperty,t;!w(s,"undefined")&&!w(s.call,"undefined")?t=function(a,b){return s.call(a,b)}:t=function(a,b){return b in a&&w(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=q.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(q.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(q.call(arguments)))};return e}),m.rgba=function(){return u("background-color:rgba(150,255,150,.5)"),x(j.backgroundColor,"rgba")};for(var z in m)t(m,z)&&(r=z.toLowerCase(),e[r]=m[z](),p.push((e[r]?"":"no-")+r));return e.addTest=function(a,b){if(typeof a=="object")for(var d in a)t(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof f!="undefined"&&f&&(g.className+=" "+(b?"":"no-")+a),e[a]=b}return e},u(""),i=k=null,e._version=d,g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+p.join(" "):""),e}(this,this.document);
+
+jQuery(document).ready(function($) {
+    
+    window.BuModal = function BuModal(args) {
+        
+        if ( !(this instanceof BuModal)) {
+            return new BuModal(args);
+        }
+        
+        this.beforeOpen = args['beforeOpen'] ? args['beforeOpen'] : function() {};
+        this.afterOpen = args['afterOpen'] ? args['afterOpen'] : function() {};
+        this.beforeLoad = args['beforeLoad'] ? args['beforeLoad'] : function() {};
+        this.afterLoad = args['afterLoad'] ? args['afterLoad'] : function() {};
+        this.beforeClose = args['beforeClose'] ? args['beforeClose'] : function() {};
+        this.afterClose = args['afterClose'] ? args['afterClose'] : function() {};
+        this.buttons = args['buttons'] ? $(args['buttons']) : $();
+        this.background = args['background'] ? args['background'] : '#ffffff';
+        this.el = args['el'] ? $(args['el']) : $('<div>').appendTo(document.body);
+        this.content_url = args['content_url'] ? args['content_url'] : '';
+        this.width = args['width'] ? args['width'] : 'fit-content';
+        this.height = args['height'] ? args['height'] : 'fit-content';
+        
+        // An element can have multiple modals bound to it, we re-use the bu_modal container.
+        this.ui = this.el.parents('.bu_modal');
+        if (!this.ui.length) {
+            this.el.wrap('<div class="bu_modal" style="display:none;"></div>');
+            this.el.before('<div class="postboxheader"><a class="close_btn" href="">X</a></div>');
+            this.ui = this.el.parents('.bu_modal');
+        }
+        
+        if (this.background) {
+            this.ui.css('background', this.background);
+        }
+
+        this.init();
+        this.bindHandlers();
+    };
+
+    BuModal.version = '2.0.6';
+
+    BuModal.bg = $('<div class="bu_modal_bg"></div>').prependTo(document.getElementsByTagName('body')[0]).hide();   
+    BuModal.active_modal = false;
+    
+    BuModal.close = function() {
+        if (BuModal.active_modal) {
+            BuModal.active_modal.close();
+        }
+    };
+    
+    BuModal.prototype.init = function() {
+        var modal = this;
+        modal.closeButton = this.ui.find('.close_btn');
+        modal.ui.bg = BuModal.bg;
+        modal.ui.hide();
+        modal.buttons.each(function() {
+            $(this).click(function() {
+                modal.open();
+            });
+        });
+    };
+    
+    BuModal.prototype.isOpen = false;
+    
+    BuModal.prototype.bindHandlers = function() {
+            
+        var that = this;
+
+        // ESC to close
+        $(document).bind('keyup', function(e) {
+            if (that.isOpen && e.which === 27) {
+                that.close();
+            }
+        });
+
+        // click overlay to close
+        that.ui.bg.bind('click', function() {
+            that.close();
+            return false;
+        });
+
+        that.closeButton.bind('click', function() {
+            that.close();
+            return false;
+        });
+    };
+    
+    BuModal.prototype.open = function() {
+        var w, h, halfW, halfH, modal = this;
+
+        this.ui.css({
+            'width': this.width,
+            'height': this.height
+        });
+
+        this.beforeOpen();
+
+        this.el.show();
+        this.ui.bg.show();
+        this.ui.addClass('active').show();
+
+        w = this.ui.outerWidth();
+        h = this.ui.outerHeight();
+
+        halfW = parseInt(w / 2);
+        halfH = parseInt(h / 2);
+
+        this.ui.css({
+            'marginLeft' : '-' + halfW + 'px',
+            'marginRight': halfW + 'px'
+        });
+        this.isOpen = true;
+        BuModal.active_modal = this;
+
+        this.afterOpen();
+
+        if (this.content_url) {
+            this.beforeLoad();
+            this.ui.addClass('loading_content');
+            this.xhr = $.get(this.content_url, function(response) {
+                var content_type = modal.xhr.getResponseHeader('Content-Type');
+                modal.xhr = false;
+
+                if (content_type.split(';')[0] == 'text/html') {
+                    modal.el.html(response);
+                } else {
+                    modal.el.text(response);
+                }
+                
+                modal.ui.removeClass('loading_content');
+                modal.afterLoad();
+            });
+        }
+    };
+    
+    BuModal.prototype.close = function() {
+        this.beforeClose();
+
+        if (this.xhr) {
+            this.xhr.abort();
+            this.xhr = false;
+        }
+        this.ui.removeClass('active').hide();
+        this.ui.bg.hide();
+        this.isOpen = false;
+        BuModal.active_modal = false;
+
+        this.afterClose();
+    };
+    
+});

bu-slideshow/trunk/interface/js/bu-slideshow-admin.js

@@ -1 @@
-(function(a){function l(c,f){a("#bu-slideshow-editform-submit").prop("disabled","disabled");window.reindexingSlides=!0;var e=/bu_slides\[([0-9]*)\](.*)/,g="";a(".bu-slideshow-slide").each(function(c,f){a(f).find("input, textarea, select").each(function(d,b){var n=a(b);g=n.attr("name");g=g.replace(e,"bu_slides["+c+"]$2");n.attr("name",g)})});a("#bu-slideshow-editform-submit").prop("disabled",!1);window.reindexingSlides=!1}function q(c,f){var e=f.item.height(),g=f.item.width();a(".sortable-placeholder").outerHeight(e).width(g)}
-function r(c){a.post(ajaxurl,{action:"bu_add_slide",order:c},function(c){c?(c=a(c),c.appendTo("#bu-slideshow-slidelist ul"),p(c.find(".bu-slideshow-add-img")),a("#bu-slideshow-slidelist ul li:last-child .bu-slide-edit-container").slideDown()):h(buSlideshowLocalAdmin.addSlideFailError,a("#bu-slideshow-slidelist"))})}function p(c){imgHref=c.attr("href")+"&width=640&height="+.9*a(window).height();c.attr("href",imgHref)}function h(c,f,e){"undefined"===typeof e&&(e=!1);a(".error").remove();c='<div class="error"><p>'+
-c+"</p></div>";e?f.prepend(c):f.append(c);setTimeout(function(){a(".error").fadeOut(500)},1E3)}a(function(){var c=a("#bu-slideshow-newform"),f=a("#bu-slideshow-manage"),e=a("#bu-slideshow-slides"),g=a("#bu-slideshow-edit");if(c.length)c.on("submit",function(){return a("#bu-new-slideshow-name").val().length?!0:(h("You must enter a name.",c),!1)});f.length&&e.length&&function(d){var b={};b.container=e;b.list=a(d.list);if(!b.list.length)throw TypeError("Invalid element supplied to slideshow manager.");
-b.nonce=a("#bu_slideshow_nonce").val();b.numShows=function(){return b.list.find("li").length};b.addEmptyMsg=function(){b.getUrl("add_url",function(a){b.list.append("<li><p>"+buSlideshowLocalAdmin.noSlideshowsMsg+'</p><p><a class="button" href="'+a+'">'+buSlideshowLocalAdmin.addButtonText+"</a></p></li>")})};b.getUrl=function(d,b){a.post(ajaxurl,{action:"bu_slideshow_get_url",url:d},function(a){b(a)})};b.list.on("click",".bu-slideshow-delete",function(){if(confirm(buSlideshowLocalAdmin.deleteConfirm)){var d=
-a(this),c;c={action:"bu_delete_slideshow",id:d.attr("data-slideshow-id"),bu_slideshow_nonce:b.nonce};a.post(ajaxurl,c,function(a){b.deleteResponse(d,a)})}return!1});b.deleteResponse=function(a,d){if(d&&"0"!==d)a.parent().parent("li").remove(),b.container.find(".error").remove(),b.numShows()||b.addEmptyMsg();else return h(buSlideshowLocalAdmin.deleteError,b.container),!1}}({list:"#bu-slideshow-manage"});if(a("#bu_slideshow_modal_button").length&&"function"===typeof BuModal&&"function"===typeof SlideshowSelector){var m=
-new BuModal({el:"#bu_slideshow_modal_wrap",height:"80%"}),k=new SlideshowSelector("#bu_slideshow_modal_wrap .bu-slideshow-selector");a("#bu_slideshow_modal_button").on("click",function(){m.open()});a("#bu_slideshow_modal_wrap").on("click","#bu_insert_slideshow",function(a){k.ui.parent().find(".error").remove();a=k.getOptions();if(!parseInt(a.show_id))return h(buSlideshowLocalAdmin.noneSelectedError,k.ui.parent()),!1;window.send_to_editor("<br />"+('[bu_slideshow show_id="'+a.show_id+'" show_nav="'+
-a.show_nav+'" transition="'+a.transition+'" nav_style="'+a.nav_style+'" autoplay="'+a.autoplay+'" transition_delay="'+a.transition_delay+'" width="'+a.width+' shuffle="'+a.shuffle+'"]')+"<br />");k.reset();m.close();return!1})}g.length&&(a(".bu-slideshow-slide:first-child").addClass("open"),a("#bu-slideshow-slidelist").on("click",".bu-slide-expand",function(){var d=a(this).parents(".bu-slideshow-slide").first(),b=d.find(".bu-slide-edit-container");d.hasClass("open")?(d.removeClass("open"),b.slideUp(300)):
-(d.addClass("open"),b.slideDown(300));return!1}),a("#bu-slideshow-slidelist").on("keyup",".bu-slideshow-title-input",function(){var d=a(this);d.parents(".bu-slideshow-slide").find(".bu-slide-title").text(d.val())}),a("#bu-slideshow-editform").on("submit",function(){return a("#bu_slideshow_name").val().replace(" ","")?!window.reindexingSlides:(h(buSlideshowLocalAdmin.emptyNameError,a(this)),!1)}),a("#bu-slideshow-slidelist ul").sortable({stop:l,placeholder:"sortable-placeholder",start:q}),a("#bu-slideshow-add-slide").on("click",
-function(){var a=g.find("#bu-slideshow-slidelist li").length;r(a);return!1}),a("#bu-slideshow-slidelist").on("click",".bu-slide-delete-button",function(){confirm(buSlideshowLocalAdmin.deleteConfirmSlide)&&(a(this).parents().parent(".bu-slideshow-slide").remove(),l());return!1}),window.buUploaders={init:function(d){d=a(d);if(!d.length)throw new TypeError("No valid button identified.");this.slide=d.parents(".bu-slideshow-slide");this.populateFields()},populateFields:function(){this.addButton=this.slide.find(".bu-slideshow-add-img");
-this.removeButton=this.slide.find(".bu-slideshow-remove-img");this.imgIdField=this.slide.find(".bu-slideshow-img-id");this.imgSizeField=this.slide.find(".bu-slideshow-img-size");this.imgMeta=this.slide.find(".bu-slide-meta");this.thumbContainers=this.slide.find(".bu-slide-thumb, .bu-slide-header-thumb")},select:function(){this.newHandleImageSelect()},remove:function(){this.thumbContainers.each(function(d,b){a(b).find("img").remove()});this.imgIdField.val("");this.imgSizeField.val("");this.imgMeta.hide();
-this.removeButton.hide()},handleImgThumbResponse:function(d){var b,c;(d=a.parseJSON(d))&&"0"!==d?(this.thumbContainers.each(function(f,e){c=a(e);b=c.find("img");b.length?b.attr("src",d[0]):c.append('<img src="'+d[0]+'" alt="'+buSlideshowLocalAdmin.thumbAltText+'" />')}),this.removeButton.show()):h(buSlideshowLocalAdmin.thumbFailError,this.slide.find(".bu-slide-edit-container"),!0)},newHandleImageSelect:function(){var a=this;"object"!==typeof buUploadFrame&&(a.modifyWPSelectFrame(),buUploadFrame=wp.media.frames.bu_slideshow_frame=
-wp.media({frame:"select",state:"bu-slideshow-image",states:[new wp.media.controller.BuSlideshowImage],button:{text:buSlideshowLocalAdmin.mediaUploadButton},library:{type:"image"}}),buUploadFrame.state("bu-slideshow-image").on("select",function(){var b,c;b=this.get("selection").first();c=this.display(b).attributes;b=b.toJSON().id;a.getImgThumb(b);a.setImageDetails(b,c.size);a.slide.find(".bu-slide-meta").hide()}));buUploadFrame.open()},modifyWPSelectFrame:function(){wp.media.controller.BuSlideshowImage=
-wp.media.controller.Library.extend({defaults:_.defaults({id:"bu-slideshow-image",library:wp.media.query({type:"image"}),multiple:!1,priority:60,displaySettings:!0,displayUserSettings:!0,title:buSlideshowLocalAdmin.mediaUploadTitle},wp.media.controller.Library.prototype.defaults)})},getImgThumb:function(d){var b=this;a.post(ajaxurl,{action:"bu_get_slide_thumb",image_id:d},function(a){b.handleImgThumbResponse(a)})},setImageDetails:function(a,b){this.imgIdField.val(a);this.imgSizeField.val(b)}},a("#bu-slideshow-slidelist").on("click",
-".bu-slideshow-add-img",function(a){window.buUploaders.init(this);window.buUploaders.select();return!1}),a("#bu-slideshow-slidelist").on("click",".bu-slideshow-remove-img",function(){window.buUploaders.init(this);window.buUploaders.remove();return!1}),a("#bu-slideshow-slidelist .bu-slideshow-add-img").each(function(){p(a(this))}));a("#bu_slideshow_show_nav").on("click",function(){a(".bu_slideshow_nav_style").toggle()})})})(jQuery);
+(function($){
+    /* update slide input names so that new order is saved */
+    function reindexSlides(event, ui) {
+        $('#bu-slideshow-editform-submit').prop('disabled', 'disabled');
+        window.reindexingSlides = true;
+
+        var regEx = /bu_slides\[([0-9]*)\](.*)/;
+        var name = '';
+
+        $('.bu-slideshow-slide').each(function(index, el) {
+            $(el).find('input, textarea, select').each(function(i, e) {
+                var $e = $(e);
+                name = $e.attr('name');
+                name = name.replace(regEx, "bu_slides[" + index + "]$2");
+                $e.attr('name', name);
+            });
+        });
+
+        $('#bu-slideshow-editform-submit').prop('disabled', false);
+        window.reindexingSlides = false;
+
+    }
+
+    /* Make slides sortable */
+    function createPlaceholder(event, ui) {
+
+        var h = ui.item.height();
+        var w = ui.item.width();
+        $('.sortable-placeholder').outerHeight(h).width(w);
+
+    }
+
+    function addSlide(order) {
+
+        var data = {
+            "action": "bu_add_slide",
+            "order": order
+        };
+
+        $.post(ajaxurl, data, function(response) {
+            if (!response) {
+                displayError(buSlideshowLocalAdmin.addSlideFailError, $('#bu-slideshow-slidelist'));
+                return;
+            }
+
+            var r = $(response);
+            r.appendTo('#bu-slideshow-slidelist ul');
+            setModalHeight( r.find('.bu-slideshow-add-img') );
+            $("#bu-slideshow-slidelist ul li:last-child .bu-slide-edit-container").slideDown();
+        });
+
+    }
+
+    function setModalHeight($link) {
+
+        imgHref = $link.attr('href') + '&width=640&height=' + ($(window).height() * 0.9);
+        $link.attr('href', imgHref);
+
+    }
+
+    /**
+     * Removes any existing errors and displays new one.
+     */
+    function displayError(msg, target, pre) {
+        if ( typeof pre === 'undefined') {
+            pre = false; //append error
+        }
+
+        $('.error').remove();
+        var html = '<div class="error"><p>' + msg + '</p></div>';
+
+        if (pre) {
+            target.prepend(html);
+        } else {
+            target.append(html);
+        }
+
+        setTimeout(function() {
+            $('.error').fadeOut(500);
+        }, 1000);
+    }
+
+    $(function(){
+        var newSlideshowForm = $('#bu-slideshow-newform'), slideShowList = $('#bu-slideshow-manage'),
+            slidesContainer = $('#bu-slideshow-slides'), slideEditor = $('#bu-slideshow-edit'),
+            manageUrl = 'admin.php?page=bu-slideshow',
+            imgHref;
+
+        /** New slideshow page */
+        if (newSlideshowForm.length) {
+            newSlideshowForm.on('submit', function() {
+                var name = $('#bu-new-slideshow-name').val();
+
+                if (!name.length) {
+                    displayError('You must enter a name.', newSlideshowForm);
+                    return false;
+                }
+
+                return true;
+            });
+        }
+
+        /**
+         * Manage slideshows page
+         */
+        if (slideShowList.length && slidesContainer.length) {
+
+            var slideShowMgr = function(args) {
+                var that = {};
+
+                that.container = slidesContainer;
+
+                that.list = $(args.list);
+                if (!that.list.length) {
+                    throw TypeError('Invalid element supplied to slideshow manager.');
+                }
+
+                that.nonce = $('#bu_slideshow_nonce').val();
+
+                that.numShows = function() {
+                    return that.list.find('li').length;
+                };
+
+                that.addEmptyMsg = function() {
+                    that.getUrl('add_url', function(addUrl) {
+                        var html = '<li><p>' + buSlideshowLocalAdmin.noSlideshowsMsg + '</p>' +
+                            '<p><a class="button" href="' + addUrl + '">' + buSlideshowLocalAdmin.addButtonText + '</a></p></li>';
+                        that.list.append(html);
+                    });
+
+                };
+
+                that.getUrl = function(url, cb) {
+                    var data = {
+                        "action" : "bu_slideshow_get_url",
+                        "url" : url
+                    };
+                    $.post(ajaxurl, data, function(response) {
+                        cb(response);
+                    });
+                };
+
+                that.list.on('click', '.bu-slideshow-delete', function() {
+                    var result = confirm(buSlideshowLocalAdmin.deleteConfirm);
+
+                    if (result) {
+                        var $this = $(this), showId, data;
+                        showId = $this.attr('data-slideshow-id');
+
+                        data = {
+                            "action": 'bu_delete_slideshow',
+                            "id": showId,
+                            "bu_slideshow_nonce": that.nonce
+                        };
+
+                        $.post(ajaxurl, data, function(response) {
+                            that.deleteResponse($this, response);
+                        });
+                    }
+
+                    return false;
+                });
+
+                that.deleteResponse = function(el, r) {
+                    if (r && r !== '0') {
+                        el.parent().parent('li').remove();
+                        that.container.find('.error').remove();
+
+                        if (!that.numShows()) {
+                            that.addEmptyMsg();
+                        }
+                    } else {
+                        displayError(buSlideshowLocalAdmin.deleteError, that.container);
+                        return false;
+                    }
+                };
+            };
+
+            slideShowMgr({'list': '#bu-slideshow-manage'});
+
+        }
+
+        /* Add Slideshow button and Inserting shortcode into editor */
+        if ($('#bu_slideshow_modal_button').length && typeof BuModal === 'function' && typeof SlideshowSelector === 'function') {
+
+            var modal = new BuModal({ 'el' : '#bu_slideshow_modal_wrap', 'height' : '80%' }),
+                selector = new SlideshowSelector('#bu_slideshow_modal_wrap .bu-slideshow-selector');
+
+            $('#bu_slideshow_modal_button').on('click', function() {
+                modal.open();
+            });
+
+            $('#bu_slideshow_modal_wrap').on('click', '#bu_insert_slideshow', function(e) {
+                var options, html;
+                selector.ui.parent().find('.error').remove();
+                options = selector.getOptions();
+
+                if (!parseInt(options.show_id)) {
+                    displayError(buSlideshowLocalAdmin.noneSelectedError, selector.ui.parent());
+                    return false;
+                }
+
+                html = '[bu_slideshow show_id="' + options.show_id + '" show_nav="' + options.show_nav + '" transition="' + options.transition + '" nav_style="' + options.nav_style + '" autoplay="' + options.autoplay  + '" transition_delay="' + options.transition_delay  + '" width="' + options.width + ' shuffle="'+options.shuffle +'"]';
+
+                window.send_to_editor("<br />" + html + "<br />");
+                selector.reset();
+                modal.close();
+                return false;
+            });
+        }
+
+
+
+        /* Edit Slideshow page */
+        if (slideEditor.length) {
+
+            $('.bu-slideshow-slide:first-child').addClass('open');
+
+            /* slide toggle */
+            $('#bu-slideshow-slidelist').on('click', '.bu-slide-expand', function() {
+                var $slideContainer = $(this).parents('.bu-slideshow-slide').first(),
+                    $editor = $slideContainer.find('.bu-slide-edit-container');
+
+                if ($slideContainer.hasClass('open')) {
+                    $slideContainer.removeClass('open');
+                    $editor.slideUp(300);
+                } else {
+                    $slideContainer.addClass('open');
+                    $editor.slideDown(300);
+                }
+
+                return false;
+            });
+
+            /* replace slide title as user types */
+            $('#bu-slideshow-slidelist').on('keyup', '.bu-slideshow-title-input', function() {
+                var input = $(this);
+                input.parents('.bu-slideshow-slide').find('.bu-slide-title').text(input.val());
+            });
+
+            /* don't allow saving until slide reindexing is complete */
+            $('#bu-slideshow-editform').on('submit', function() {
+
+                var name = $('#bu_slideshow_name').val().replace(' ', '');
+                if (!name) {
+
+                    displayError(buSlideshowLocalAdmin.emptyNameError, $(this));
+                    return false;
+                }
+
+                return (!window.reindexingSlides);
+            });
+
+            $('#bu-slideshow-slidelist ul').sortable({
+                stop: reindexSlides,
+                placeholder: "sortable-placeholder",
+                start: createPlaceholder
+            });
+
+            // Add new slide button
+            $('#bu-slideshow-add-slide').on('click', function() {
+                var order = slideEditor.find('#bu-slideshow-slidelist li').length;
+                addSlide(order);
+                return false;
+            });
+
+            // Delete slide button
+            $('#bu-slideshow-slidelist').on('click', '.bu-slide-delete-button', function() {
+
+                if (confirm(buSlideshowLocalAdmin.deleteConfirmSlide)) {
+                    $(this).parents().parent('.bu-slideshow-slide').remove();
+                    reindexSlides();
+                }
+
+                return false;
+            });
+
+            // Media upload management
+            window.buUploaders = {
+
+                init : function(button) {
+                    var $button = $(button);
+
+                    if (!$button.length) {
+                        throw new TypeError('No valid button identified.');
+                    }
+
+                    this.slide = $button.parents('.bu-slideshow-slide');
+                    this.populateFields();
+                },
+
+                populateFields : function() {
+
+                    this.addButton = this.slide.find('.bu-slideshow-add-img');
+                    this.removeButton = this.slide.find('.bu-slideshow-remove-img');
+                    this.imgIdField = this.slide.find('.bu-slideshow-img-id');
+                    this.imgSizeField = this.slide.find('.bu-slideshow-img-size');
+                    this.imgMeta = this.slide.find('.bu-slide-meta');
+                    this.thumbContainers = this.slide.find('.bu-slide-thumb, .bu-slide-header-thumb');
+                },
+
+                // trigger appropriate media upload UI/handling
+                select : function() {
+                    this.newHandleImageSelect();
+                },
+
+                // remove image
+                remove : function() {
+
+                    this.thumbContainers.each(function(index, el) {
+                        $(el).find('img').remove();
+                    });
+
+                    this.imgIdField.val('');
+                    this.imgSizeField.val('');
+                    this.imgMeta.hide();
+                    this.removeButton.hide();
+                },
+
+                handleImgThumbResponse : function(response) {
+                    var thumb, $el;
+
+                    if (!response || response === '0') {
+                        displayError(buSlideshowLocalAdmin.thumbFailError, this.slide.find('.bu-slide-edit-container'), true);
+                    } else {
+                        this.thumbContainers.each(function(index, el) {
+                            $el = $(el);
+                            thumb = $el.find('img');
+
+                            if (thumb.length) {
+                                thumb.replaceWith(response);
+                            } else {
+                                $el.append(response);
+                            }
+                        });
+
+                        this.removeButton.show();
+                    }
+                },
+
+                /**
+                 * Media uploader for WP 3.5+
+                 */
+                newHandleImageSelect : function() {
+                    var that = this;
+
+                    if (typeof buUploadFrame !== 'object') {
+
+                        that.modifyWPSelectFrame();
+
+                        buUploadFrame = wp.media.frames.bu_slideshow_frame = wp.media({
+                            frame: 'select',
+                            state: 'bu-slideshow-image',
+                            states: [
+                                new wp.media.controller.BuSlideshowImage()
+                            ],
+                            'button' : { 'text' : buSlideshowLocalAdmin.mediaUploadButton },
+                            'library' : {
+                                'type' : 'image'
+                            }
+                        });
+
+                        buUploadFrame.state('bu-slideshow-image').on('select', function() {
+                            var img, props, state, imgId;
+
+                            img = this.get('selection').first();
+                            props = this.display(img).attributes;
+                            imgId = img.toJSON().id;
+
+                            that.getImgThumb(imgId);
+                            that.setImageDetails(imgId, props.size);
+                            that.slide.find('.bu-slide-meta').hide();
+                        });
+                    }
+
+                    buUploadFrame.open();
+                },
+
+                /**
+                 * Patches the Select media frame to add the attachment details in the sidebar.
+                 * Allows image size to be selected when attached to slide.
+                 */
+                modifyWPSelectFrame : function() {
+                    wp.media.controller.BuSlideshowImage = wp.media.controller.Library.extend({
+                            defaults: _.defaults({
+                                id: 'bu-slideshow-image',
+                                library: wp.media.query({ type: 'image' }),
+                                multiple: false,
+                                priority: 60,
+                                displaySettings: true,
+                                displayUserSettings: true,
+                                title : buSlideshowLocalAdmin.mediaUploadTitle
+                            }, wp.media.controller.Library.prototype.defaults )
+                        });
+                },
+
+                getImgThumb : function(imgId) {
+                    var that = this, data;
+
+                    data = {
+                        "action": 'bu_get_slide_thumb',
+                        "image_id": imgId
+                    };
+                    $.post(ajaxurl, data, function(response) {
+                        that.handleImgThumbResponse(response);
+                    });
+                },
+
+                setImageDetails : function(id, size) {
+                    this.imgIdField.val(id);
+                    this.imgSizeField.val(size);
+                }
+
+            };
+
+            $('#bu-slideshow-slidelist').on('click', '.bu-slideshow-add-img', function(e) {
+                window.buUploaders.init(this);
+                window.buUploaders.select();
+                return false;
+            });
+
+            $('#bu-slideshow-slidelist').on('click', '.bu-slideshow-remove-img', function() {
+                window.buUploaders.init(this);
+                window.buUploaders.remove();
+                return false;
+            });
+
+            $('#bu-slideshow-slidelist .bu-slideshow-add-img').each(function() {
+                setModalHeight($(this));
+            });
+
+        }
+
+        $("#bu_slideshow_show_nav").on("click",function(){
+            $(".bu_slideshow_nav_style").toggle();
+        });
+
+    });
+}(jQuery));

bu-slideshow/trunk/interface/js/bu-slideshow-selector.js

@@ -1 @@
-jQuery(document).ready(function(d){window.SlideshowSelector=function a(b){if(!(this instanceof a))return new a(b);this.ui=d(b);if(!this.ui.length)return new TypeError("No selector element found.");this.init()};SlideshowSelector.prototype.init=function(){this.advancedToggle=this.ui.find(".bu-slideshow-advanced-toggle");this.advanced=this.ui.find(".bu-slideshow-selector-advanced");this.advanced.hide();this.addHandlers()};SlideshowSelector.prototype.addHandlers=function(){var a=this;a.ui.on("click",
-".bu-slideshow-advanced-toggle",function(b){a.advanced.is(":hidden")?(a.advanced.slideDown(200),a.advancedToggle.text(buSlideshowLocalSelector.toggleTextHide),d(".bu-slideshow-selector-advanced input").first().focus()):(a.advanced.slideUp(200),a.advancedToggle.text(buSlideshowLocalSelector.toggleTextShow));return!1})};SlideshowSelector.prototype.getOptions=function(){var a={};a.show_id=this.ui.find("#bu_slideshow_selected").val();a.show_nav=this.ui.find("#bu_slideshow_show_nav").is(":checked")?1:
-0;a.transition=this.ui.find("#bu_slideshow_select_transition").val();a.custom_transition=this.ui.find("#bu_slideshow_custom_trans").val().replace(" ","");a.nav_style=this.ui.find("#bu_slideshow_nav_style").val();a.autoplay=this.ui.find("#bu_slideshow_autoplay").is(":checked")?1:0;a.shuffle=this.ui.find("#bu_slideshow_shuffle").is(":checked")?1:0;a.transition_delay=this.ui.find("#bu_slideshow_transition_delay").val();a.width=this.ui.find("#bu_slideshow_width").val();if(0<a.custom_transition.length){a.transition=
-a.custom_transition;var b={"[":"","]":"",'"':""},c;for(c in b)a.transition=a.transition.replace(c,b[c])}0===a.width.length&&(a.width="auto");return a};SlideshowSelector.prototype.reset=function(){var a;a=this.ui.find("#bu_slideshow_selected");a.val(a.find("option:first").val());a=this.ui.find("#bu_slideshow_select_transition");a.val(a.find("option:first").val());a=this.ui.find("#bu_slideshow_nav_style");a.val(a.find("option:first").val());this.ui.find("#bu_slideshow_width").val("");this.ui.find("#bu_slideshow_custom_trans").val("");
-this.ui.find("#bu_slideshow_custom_trans").val("");this.ui.find("#bu_slideshow_show_nav").prop("checked",!0);this.ui.find("#bu_slideshow_custom_transition").val("");this.ui.find("#bu_slideshow_autoplay").prop("checked",!0)}});
+jQuery(document).ready(function($){
+    
+    window.SlideshowSelector = function SlideshowSelector(el) {
+        
+        if ( !(this instanceof SlideshowSelector)) {
+            return new SlideshowSelector(el);
+        }
+        
+        this.ui = $(el);
+        if (!this.ui.length) {
+            return new TypeError('No selector element found.');
+        }
+        
+        this.init();
+    };
+    
+    SlideshowSelector.prototype.init = function() {
+        this.advancedToggle = this.ui.find('.bu-slideshow-advanced-toggle');
+        this.advanced = this.ui.find('.bu-slideshow-selector-advanced');
+        
+        this.advanced.hide();
+        this.addHandlers();
+    };
+    
+    SlideshowSelector.prototype.addHandlers = function() {
+        var that = this;
+        
+        that.ui.on('click', '.bu-slideshow-advanced-toggle', function(e) {
+            if (that.advanced.is(':hidden')) {
+                that.advanced.slideDown(200);
+                that.advancedToggle.text(buSlideshowLocalSelector.toggleTextHide);
+                $('.bu-slideshow-selector-advanced input').first().focus();
+            } else {
+                that.advanced.slideUp(200);
+                that.advancedToggle.text(buSlideshowLocalSelector.toggleTextShow);
+            }
+
+            return false;
+        });
+    };
+    
+    SlideshowSelector.prototype.getOptions = function() {
+        var options = {};
+
+        options.show_id = this.ui.find('#bu_slideshow_selected').val();
+        options.show_nav = this.ui.find('#bu_slideshow_show_nav').is(':checked') ? 1 : 0;
+        options.transition = this.ui.find('#bu_slideshow_select_transition').val();
+        options.custom_transition = this.ui.find('#bu_slideshow_custom_trans').val().replace(' ', '');
+        options.nav_style = this.ui.find('#bu_slideshow_nav_style').val();
+        options.autoplay = this.ui.find('#bu_slideshow_autoplay').is(':checked') ? 1 : 0;
+        options.shuffle = this.ui.find('#bu_slideshow_shuffle').is(':checked') ? 1 : 0;
+        options.transition_delay = this.ui.find('#bu_slideshow_transition_delay').val();
+        options.width = this.ui.find('#bu_slideshow_width').val();
+        // options.align = this.ui.find('#bu_slideshow_alignment input[type="radio"]:checked').val();
+        // options.align = this.ui.each('.bu_slideshow_alignment_loop input[name="bu_slideshow_alignment"]:checked').val());
+
+        // override transition with custom transition if provided
+        if (options.custom_transition.length > 0) {
+            options.transition = options.custom_transition;
+            var rplcd = {
+                '[' : '',
+                ']' : '',
+                '"' : ''
+            };
+            for (var r in rplcd) {
+                options.transition = options.transition.replace(r, rplcd[r]);
+            }
+        }
+        
+        if (options.width.length === 0) {
+            options.width = 'auto';
+        }
+        
+        // if (options.align.legnth || options.align !== 'undefined' || options.align.length === 0) {
+        // options.align = 'center';
+        // }
+
+        return options;
+    };
+    
+    SlideshowSelector.prototype.reset = function() {
+        var slideSel, transSel, navSel;
+
+        slideSel = this.ui.find('#bu_slideshow_selected');
+        slideSel.val(slideSel.find('option:first').val());
+        transSel = this.ui.find('#bu_slideshow_select_transition');
+        transSel.val(transSel.find('option:first').val());
+        navSel = this.ui.find('#bu_slideshow_nav_style');
+        navSel.val(navSel.find('option:first').val());
+        
+        this.ui.find('#bu_slideshow_width').val('');
+        // this.ui.find('#bu_slideshow_alignment input[type="radio"]:checked').val('');
+        this.ui.find('#bu_slideshow_custom_trans').val('');
+        this.ui.find('#bu_slideshow_custom_trans').val('');
+
+        this.ui.find('#bu_slideshow_show_nav').prop('checked', true);
+        this.ui.find('#bu_slideshow_custom_transition').val('');
+        this.ui.find('#bu_slideshow_autoplay').prop('checked', true);
+    };
+    
+});

bu-slideshow/trunk/interface/js/bu-slideshow.js

@@ -1 @@
-/*! Compiled by Grunt bu-slideshow */
-!function(a){function b(){a(".bu-slideshow-container").each(function(){var b,c=a(this).find("li .bu-slide-container"),d=0,e=0;c.find("*").each(function(c,f){b=a(f),e=b.height(),e>d&&(d=e)}),c.each(function(b,c){a(c).height(d)}),a(this).height(d),a(this).find("ul.bu-slideshow").height(d)})}function c(a){if(!(this instanceof c))throw new ReferenceError('Invoked constructor as regular function. Use the "new" operator.');if(!a.show)throw new TypeError("Did not pass a valid Sequence object.");if(!a.container)throw new ReferenceError("Did not pass a valid container element.");this.sequence=a.show,this.container=a.container,this.init(a)}var d=jQuery(window).height(),e=jQuery(window).width(),f={};window.BuSlideshow=c,c.prototype.init=function(c){var d=this;c||(c={}),this.sequence.afterLoaded=function(){var a=d.container.parent("div.bu-slideshow-container");a.find(".slideshow-loader.active").removeClass("active"),a.find(".bu-slideshow-navigation-container").css("display","inline-block"),b()},this.sequence.beforeNextFrameAnimatesIn=function(){d.pager&&d.pager.setActive()},this.pager=a("#"+c.pager).length?a("#"+c.pager):!1,this.pager&&this.initPager(),this.arrows=a("#"+c.arrows).length?a("#"+c.arrows):!1,this.arrows&&this.initArrows()},c.prototype.initPager=function(){var b=this;this.pager.find("li a").bind("click",function(){var c=a(this).attr("id").replace("pager-","");return b.sequence.nextFrameID=c,b.sequence.goTo(c),!1}),this.pager.setActive=function(a){a=b.sequence.nextFrameID,this.find("a").removeClass("active"),this.find("a#pager-"+a).addClass("active")}},c.prototype.initArrows=function(){var a=this;this.arrows.find(".bu-slideshow-arrow-left").bind("click",function(){return a.sequence.prev(),!1}).end().find(".bu-slideshow-arrow-right").bind("click",function(){return a.sequence.next(),!1})},jQuery(document).ready(function(a){a(".bu-slideshow-container").each(function(b){var d,e,g,h,i,j,k,l=a(this),m=!1;d=l.find(".bu-slideshow-slides"),e=l.find("ul.bu-slideshow-navigation").attr("id"),g=l.find("div.bu-slideshow-arrows").attr("id"),j=l.attr("data-slideshow-name")?l.attr("data-slideshow-name"):b,k=l.attr("data-slideshow-delay")?l.attr("data-slideshow-delay"):5e3,l.hasClass("autoplay")&&(m=!0),h={autoPlay:m,autoPlayDelay:k,fallback:{theme:"slide"},swipeEvents:{left:"next",right:"prev"}},i={show:d.sequence(h).data("sequence"),container:d,pager:e,arrows:g};try{f[j]=new c(i)}catch(n){}}),a(window).resize(function(){var c,f;c=a(window).height(),f=a(window).width(),(c!==d||f!==e)&&(d=c,e=f,b())})})}(jQuery);
+(function($){
+    /* IE triggers resize all over the place, so we check actual window dimensions */
+    var windowHeight = jQuery(window).height(),
+        windowWidth = jQuery(window).width(),
+        buSlideshows = {},
+        rotator, imgHeight;
+
+        /**
+         * Resizes slideshow and all slides to height of highest slide
+         * 
+         * I hate iterating through everything in the slides here, but we should allow 
+         * for markup other than what the plugin currently produces (e.g. video, custom HTML).
+         */
+        function bu_resize_slideshow() {
+
+            $('.bu-slideshow-container').each(function(){
+                var slides = $(this).find('li .bu-slide-container'), 
+                    $el, height = 0, currentHeight = 0;
+
+                slides.find('*').each(function(i, el) {
+                    $el = $(el);
+                    
+                    currentHeight = $el.height();
+                    if (currentHeight > height) {
+                        height = currentHeight;
+                    }
+                });
+
+                slides.each(function(i, el) {
+                    $(el).height(height);
+                });
+
+                $(this).height(height);
+                $(this).find('ul.bu-slideshow').height(height);
+            
+            });
+            
+        }
+
+        function BuSlideshow(args) {
+            
+            if ( !(this instanceof BuSlideshow)) {
+                throw new ReferenceError('Invoked constructor as regular function. Use the "new" operator.');
+            }
+            
+            if (!args.show) {
+                throw new TypeError('Did not pass a valid Sequence object.');
+            }
+            
+            if (!args.container) {
+                throw new ReferenceError('Did not pass a valid container element.');
+            }
+            
+            this.sequence = args.show;
+            this.container = args.container;
+            
+            
+            this.init(args);
+        }
+        
+        window.BuSlideshow = BuSlideshow;
+
+        BuSlideshow.prototype.init = function(args) {
+            var that = this;
+            
+            if (!args) {
+                args = {};
+            }
+
+            
+            this.sequence.afterLoaded = function(){
+                var outer = that.container.parent('div.bu-slideshow-container');
+                outer.find('.slideshow-loader.active').removeClass('active');
+                outer.find('.bu-slideshow-navigation-container').css('display', 'inline-block');
+                bu_resize_slideshow();
+            };
+            
+            this.sequence.beforeNextFrameAnimatesIn = function() {
+                if (that.pager) {
+                    that.pager.setActive();
+                }
+            };
+
+            this.pager = $('#' + args.pager).length ? $('#' + args.pager) : false;
+            if (this.pager) {
+                this.initPager();
+            }
+
+            this.arrows = $('#' + args.arrows).length ? $('#' + args.arrows) : false;
+            if (this.arrows) {
+                this.initArrows();
+            }
+        };
+        
+        BuSlideshow.prototype.initPager = function() {
+            var that = this;
+
+            this.pager.find('li a').bind('click', function() {
+                var id = $(this).attr('id').replace('pager-', '');
+                that.sequence.nextFrameID = id;
+                that.sequence.goTo(id);
+                return false;
+            });
+
+            this.pager.setActive = function(nextId) {
+                nextId = that.sequence.nextFrameID; 
+                this.find('a').removeClass('active');
+                this.find('a#pager-' + nextId).addClass('active');
+            };
+        };
+        
+        BuSlideshow.prototype.initArrows = function() {
+            var that = this;
+            
+            this.arrows.find('.bu-slideshow-arrow-left').bind('click', function() {
+                that.sequence.prev();
+                return false;
+            }).end().find('.bu-slideshow-arrow-right').bind('click', function() {
+                that.sequence.next();
+                return false;
+            });
+        };
+
+    jQuery(document).ready(function($) {
+        
+        $('.bu-slideshow-container').each(function(index, el){
+            var $this = $(this), autoplay = false, container, pagerId, arrowId, 
+                options, args, name, transition_delay;
+            
+            container = $this.find('.bu-slideshow-slides');
+            pagerId = $this.find('ul.bu-slideshow-navigation').attr('id');
+            arrowId = $this.find('div.bu-slideshow-arrows').attr('id');
+            
+            name = $this.attr('data-slideshow-name') ? $this.attr('data-slideshow-name') : index;
+            transition_delay = $this.attr('data-slideshow-delay') ? $this.attr('data-slideshow-delay') : 5000;
+
+            if ($this.hasClass('autoplay')) {
+                autoplay = true;
+            }
+            
+            options = {
+                autoPlay: autoplay,
+                autoPlayDelay: transition_delay,
+                fallback: {
+                    theme : 'slide'
+                },
+                swipeEvents: {
+                    left: "next",
+                    right: "prev" 
+                }
+            };
+            args = {
+                'show' : container.sequence(options).data('sequence'),
+                'container' : container,
+                'pager' : pagerId,
+                'arrows' : arrowId
+            };
+            
+            try {
+                buSlideshows[name] = new BuSlideshow(args);
+            }
+            catch (e){
+            }    
+        });
+
+        
+        /**
+         * Dear IE: is this really a resize event? 
+         */
+        $(window).resize(function() {
+            
+            var currentHeight, currentWidth;
+            
+            currentHeight = $(window).height();
+            currentWidth = $(window).width();
+            
+            if (currentHeight !== windowHeight || currentWidth !== windowWidth) {
+                
+                windowHeight = currentHeight;
+                windowWidth = currentWidth;
+                bu_resize_slideshow();
+            
+            }
+
+        });
+        
+    });
+}(jQuery));

bu-slideshow/trunk/interface/js/vendor/sequence/sequence.jquery.js

@@ -1 @@
-(function(e){function m(c,d,b,g){function h(){a.afterLoaded();a.settings.hideFramesUntilPreloaded&&a.settings.preloader&&a.sequence.children("li").show();a.settings.preloader?a.settings.hidePreloaderUsingCSS&&a.transitionsSupported?(a.prependPreloadingCompleteTo=!0==a.settings.prependPreloadingComplete?a.settings.preloader:e(a.settings.prependPreloadingComplete),a.prependPreloadingCompleteTo.addClass("preloading-complete"),setTimeout(k,a.settings.hidePreloaderDelay)):a.settings.preloader.fadeOut(a.settings.hidePreloaderDelay,
-function(){clearInterval(a.defaultPreloader);k()}):k()}function f(a,b){function c(){var a=e(s),d=e(n);g&&(n.length?g.reject(l,a,d):g.resolve(l));e.isFunction(b)&&b.call(f,l,a,d)}function d(a,b){a.src!==BLANK&&-1===e.inArray(a,u)&&(u.push(a),b?n.push(a):s.push(a),e.data(a,"imagesLoaded",{isBroken:b,src:a.src}),h&&g.notifyWith(e(a),[b,l,e(s),e(n)]),l.length===u.length&&(setTimeout(c),l.unbind(".imagesLoaded")))}BLANK="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";var f=a,g=
-e.isFunction(e.Deferred)?e.Deferred():0,h=e.isFunction(g.notify),l=f.find("img").add(f.filter("img")),u=[],s=[],n=[];e.isPlainObject(b)&&e.each(b,function(a,l){if("callback"===a)b=l;else if(g)g[a](l)});l.length?l.bind("load.imagesLoaded error.imagesLoaded",function(a){d(a.target,"error"===a.type)}).each(function(a,b){var l=b.src,c=e.data(b,"imagesLoaded");if(c&&c.src===l)d(b,c.isBroken);else if(b.complete&&void 0!==b.naturalWidth)d(b,0===b.naturalWidth||0===b.naturalHeight);else if(b.readyState||
-b.complete)b.src=BLANK,b.src=l}):c()}function k(){e(a.settings.preloader).remove();a.nextButton=a.init.uiElements(a.settings.nextButton,".next");a.prevButton=a.init.uiElements(a.settings.prevButton,".prev");a.pauseButton=a.init.uiElements(a.settings.pauseButton,".pause");void 0!==a.nextButton&&!1!==a.nextButton&&a.settings.showNextButtonOnInit&&a.nextButton.show();void 0!==a.prevButton&&!1!==a.prevButton&&a.settings.showPrevButtonOnInit&&a.prevButton.show();void 0!==a.pauseButton&&!1!==a.pauseButton&&
-a.pauseButton.show();!1!==a.settings.pauseIcon?(a.pauseIcon=a.init.uiElements(a.settings.pauseIcon,".pause-icon"),void 0!==a.pauseIcon&&a.pauseIcon.hide()):a.pauseIcon=void 0;a.nextFrameID=a.settings.startingFrameID;a.settings.hashTags&&(a.sequence.children("li").each(function(){a.frameHashID.push(e(this).attr(a.getHashTagFrom))}),a.currentHashTag=location.hash.replace("#",""),void 0===a.currentHashTag||""===a.currentHashTag?a.nextFrameID=a.settings.startingFrameID:(a.frameHashIndex=e.inArray(a.currentHashTag,
-a.frameHashID),a.nextFrameID=-1!==a.frameHashIndex?a.frameHashIndex+1:a.settings.startingFrameID));a.nextFrame=a.sequence.children("li:nth-child("+a.nextFrameID+")");a.nextFrameChildren=a.nextFrame.children();a.sequence.css({width:"100%",height:"100%",position:"relative"});a.sequence.children("li").css({width:"100%",height:"100%",position:"absolute","z-index":1});a.transitionsSupported?a.settings.animateStartingFrameIn?a.settings.reverseAnimationsWhenNavigatingBackwards&&a.settings.autoPlayDirection-
-1&&a.settings.animateStartingFrameIn?(a.modifyElements(a.nextFrameChildren,"0s"),a.nextFrame.addClass("animate-out"),a.goTo(a.nextFrameID,-1)):a.goTo(a.nextFrameID,1):(a.currentFrameID=a.nextFrameID,a.settings.moveActiveFrameToTop&&a.nextFrame.css("z-index",a.numberOfFrames),a.modifyElements(a.nextFrameChildren,"0s"),a.nextFrame.addClass("animate-in"),a.settings.hashTags&&a.settings.hashChangesOnFirstFrame&&(a.currentHashTag=a.nextFrame.attr(a.getHashTagFrom),document.location.hash="#"+a.currentHashTag),
-setTimeout(function(){a.modifyElements(a.nextFrameChildren,"")},100),a.resetAutoPlay(!0,a.settings.autoPlayDelay)):(a.container.addClass("sequence-fallback"),a.currentFrameID=a.nextFrameID,a.settings.hashTags&&a.settings.hashChangesOnFirstFrame&&(a.currentHashTag=a.nextFrame.attr(a.getHashTagFrom),document.location.hash="#"+a.currentHashTag),a.sequence.children("li").addClass("animate-in"),a.sequence.children(":not(li:nth-child("+a.nextFrameID+"))").css({display:"none",opacity:0}),a.resetAutoPlay(!0,
-a.settings.autoPlayDelay));void 0!==a.nextButton&&a.nextButton.click(function(){a.next()});void 0!==a.prevButton&&a.prevButton.click(function(){a.prev()});void 0!==a.pauseButton&&a.pauseButton.click(function(){a.pause(!0)});if(a.settings.keyNavigation){var b={left:37,right:39},c=function(l,c){var d;for(keyCodes in c)d="left"===keyCodes||"right"===keyCodes?b[keyCodes]:keyCodes,l===parseFloat(d)&&a.initCustomKeyEvent(c[keyCodes])};e(document).keydown(function(b){var d=String.fromCharCode(b.keyCode);
-0<d&&d<=a.numberOfFrames&&a.settings.numericKeysGoToFrames&&(a.nextFrameID=d,a.goTo(a.nextFrameID));c(b.keyCode,a.settings.keyEvents);c(b.keyCode,a.settings.customKeyEvents)})}if(a.settings.pauseOnHover&&a.settings.autoPlay&&!a.hasTouch)a.sequence.on({mouseenter:function(){a.mouseover=!0;a.isHardPaused||a.pause()},mouseleave:function(){a.mouseover=!1;a.isHardPaused||a.unpause()}});a.settings.hashTags&&e(window).hashchange(function(){newTag=location.hash.replace("#","");a.currentHashTag!==newTag&&
-(a.currentHashTag=newTag,a.frameHashIndex=e.inArray(a.currentHashTag,a.frameHashID),-1!==a.frameHashIndex&&(a.nextFrameID=a.frameHashIndex+1,a.goTo(a.nextFrameID)))});if(a.settings.swipeNavigation&&a.hasTouch){var d,g,f=!1,h=function(){a.sequence.on("touchmove",k);d=null;f=!1},k=function(b){a.settings.swipePreventsDefault&&b.preventDefault();if(f){var c=d-b.originalEvent.touches[0].pageX;b=g-b.originalEvent.touches[0].pageY;Math.abs(c)>=a.settings.swipeThreshold?(h(),0<c?(a.initCustomKeyEvent(a.settings.swipeEvents.left)):(a.initCustomKeyEvent(a.settings.swipeEvents.right))):Math.abs(b)>=a.settings.swipeThreshold&&(h(),0<b?a.initCustomKeyEvent(a.settings.swipeEvents.down):a.initCustomKeyEvent(a.settings.swipeEvents.up))}};a.sequence.on("touchstart",function(b){1==b.originalEvent.touches.length&&(d=b.originalEvent.touches[0].pageX,g=b.originalEvent.touches[0].pageY,f=!0,a.sequence.on("touchmove",k))})}}var a=this;a.container=e(c);a.sequence=a.container.children("ul");
-try{if(Modernizr.prefixed,void 0===Modernizr.prefixed)throw"undefined";}catch(w){g.modernizr()}a.prefix={WebkitTransition:"-webkit-",MozTransition:"-moz-",OTransition:"-o-",msTransition:"-ms-",transition:""}[Modernizr.prefixed("transition")];a.transitionEnd={WebkitTransition:"webkitTransitionEnd webkitAnimationEnd",MozTransition:"transitionend animationend",OTransition:"otransitionend oanimationend",msTransition:"MSTransitionEnd MSAnimationEnd",transition:"transitionend animationend"}[Modernizr.prefixed("transition")];
-a.transitionProperties={};a.numberOfFrames=a.sequence.children("li").length;a.transitionsSupported=void 0!==a.prefix?!0:!1;a.hasTouch="ontouchstart"in window?!0:!1;a.active;a.navigationSkipThresholdActive=!1;a.autoPlayTimer;a.isPaused=!1;a.isHardPaused=!1;a.mouseover=!1;a.defaultPreloader;a.nextButton;a.prevButton;a.pauseButton;a.pauseIcon;a.delayUnpause;a.init={uiElements:function(b,c){switch(b){case !1:break;case !0:return".sequence-preloader"===c&&g.defaultPreloader(a.container,a.transitionsSupported,
-a.prefix),e(c);default:return e(b)}}};a.paused=function(){};a.unpaused=function(){};a.beforeNextFrameAnimatesIn=function(){};a.afterNextFrameAnimatesIn=function(){};a.beforeCurrentFrameAnimatesOut=function(){};a.afterCurrentFrameAnimatesOut=function(){};a.afterLoaded=function(){};a.settings=e.extend({},b,d);a.settings.preloader=a.init.uiElements(a.settings.preloader,".sequence-preloader");a.firstFrame=a.settings.animateStartingFrameIn?!0:!1;a.settings.unpauseDelay=null===a.settings.unpauseDelay?a.settings.autoPlayDelay:
-a.settings.unpauseDelay;a.currentHashTag;a.getHashTagFrom=a.settings.hashDataAttribute?"data-sequence-hashtag":"id";a.frameHashID=[];a.direction=a.settings.autoPlayDirection;a.settings.hideFramesUntilPreloaded&&a.settings.preloader&&a.sequence.children("li").hide();"-o-"===a.prefix&&(a.transitionsSupported=g.operaTest());a.modifyElements(a.sequence.children("li"),"0s");a.sequence.children("li").removeClass("animate-in");b=a.settings.preloadTheseFrames.length;c=a.settings.preloadTheseImages.length;
-!a.settings.preloader||0===b&&0===c?e(window).bind("load",function(){h();e(this).unbind("load")}):(d=function(b,c){var d=[];if(c)for(g=b;0<g;g--)d.push(e("body").find('img[src="'+a.settings.preloadTheseImages[g-1]+'"]')[0]);else for(var g=b;0<g;g--)a.sequence.children("li:nth-child("+a.settings.preloadTheseFrames[g-1]+")").find("img").each(function(){d.push(e(this)[0])});return d},b=d(b),c=d(c,!0),c=e(b.concat(c)),f(c,h))}m.prototype={initCustomKeyEvent:function(c){switch(c){case "next":this.next();
-break;case "prev":this.prev();break;case "pause":this.pause(!0)}},modifyElements:function(c,d){c.css(this.prefixCSS(this.prefix,{"transition-duration":d,"transition-delay":d}))},prefixCSS:function(c,d){var b={};for(property in d)b[c+property]=d[property];return b},setTransitionProperties:function(c){var d=this;c.each(function(){d.transitionProperties["transition-duration"]=e(this).css(d.prefix+"transition-duration");d.transitionProperties["transition-delay"]=e(this).css(d.prefix+"transition-delay");
-e(this).css(d.prefixCSS(d.prefix,d.transitionProperties))})},startAutoPlay:function(c){var d=this;c=void 0===c?d.settings.autoPlayDelay:c;d.unpause();d.resetAutoPlay();d.autoPlayTimer=setTimeout(function(){1===d.settings.autoPlayDirection?d.next():d.prev()},c)},stopAutoPlay:function(){this.pause(!0);clearTimeout(this.autoPlayTimer)},resetAutoPlay:function(c,d){var b=this;!0===c?b.settings.autoPlay&&!b.isPaused&&(clearTimeout(b.autoPlayTimer),b.autoPlayTimer=setTimeout(function(){1===b.settings.autoPlayDirection?
-b.next():b.prev()},d)):clearTimeout(b.autoPlayTimer)},pause:function(c){this.isPaused?this.unpause():(void 0!==this.pauseButton&&(this.pauseButton.addClass("paused"),void 0!==this.pauseIcon&&this.pauseIcon.show()),this.paused(),this.isPaused=!0,this.isHardPaused=c?!0:!1,this.resetAutoPlay())},unpause:function(c){void 0!==this.pauseButton&&(this.pauseButton.removeClass("paused"),void 0!==this.pauseIcon&&this.pauseIcon.hide());this.isHardPaused=this.isPaused=!1;this.active?this.delayUnpause=!0:(!1!==
-c&&this.unpaused(),this.resetAutoPlay(!0,this.settings.unpauseDelay))},next:function(){this.nextFrameID=this.currentFrameID!==this.numberOfFrames?this.currentFrameID+1:1;this.goTo(this.nextFrameID,1)},prev:function(){this.nextFrameID=1===this.currentFrameID?this.numberOfFrames:this.currentFrameID-1;this.goTo(this.nextFrameID,-1)},goTo:function(c,d){var b=this;c=parseFloat(c);if(c===b.currentFrameID||b.settings.navigationSkip&&b.navigationSkipThresholdActive||!b.settings.navigationSkip&&b.active||
-!b.transitionsSupported&&b.active||!b.settings.cycle&&1===d&&b.currentFrameID===b.numberOfFrames||!b.settings.cycle&&-1===d&&1===b.currentFrameID||b.settings.preventReverseSkipping&&b.direction!==d&&b.active)return!1;b.settings.navigationSkip&&b.active&&(b.navigationSkipThresholdActive=!0,b.settings.fadeFrameWhenSkipped&&b.nextFrame.stop().animate({opacity:0},b.settings.fadeFrameTime),navigationSkipThresholdTimer=setTimeout(function(){b.navigationSkipThresholdActive=!1},b.settings.navigationSkipThreshold));
-if(!b.active||b.settings.navigationSkip){b.active=!0;b.resetAutoPlay();b.direction=void 0===d?c>b.currentFrameID?1:-1:d;b.currentFrame=b.sequence.children(".animate-in");b.nextFrame=b.sequence.children("li:nth-child("+c+")");b.frameChildren=b.currentFrame.children();b.nextFrameChildren=b.nextFrame.children();if(b.transitionsSupported)void 0!==b.currentFrame.length?(b.beforeCurrentFrameAnimatesOut(),b.settings.moveActiveFrameToTop&&b.currentFrame.css("z-index",1),b.modifyElements(b.nextFrameChildren,
-"0s"),b.settings.reverseAnimationsWhenNavigatingBackwards&&1!==b.direction)?b.settings.reverseAnimationsWhenNavigatingBackwards&&-1===b.direction&&(b.nextFrame.addClass("animate-out"),b.setTransitionProperties(b.frameChildren)):(b.nextFrame.removeClass("animate-out"),b.modifyElements(b.frameChildren,"")):b.firstFrame=!1,b.active=!0,b.currentFrame.unbind(b.transitionEnd),b.nextFrame.unbind(b.transitionEnd),b.settings.fadeFrameWhenSkipped&&b.nextFrame.css("opacity",1),b.beforeNextFrameAnimatesIn(),
-b.settings.moveActiveFrameToTop&&b.nextFrame.css({"z-index":b.numberOfFrames}),b.settings.reverseAnimationsWhenNavigatingBackwards&&1!==b.direction?b.settings.reverseAnimationsWhenNavigatingBackwards&&-1===b.direction&&setTimeout(function(){b.modifyElements(b.nextFrameChildren,"");b.setTransitionProperties(b.frameChildren);b.waitForAnimationsToComplete(b.nextFrame,b.nextFrameChildren,"in");"function () {}"!=b.afterCurrentFrameAnimatesOut&&b.waitForAnimationsToComplete(b.currentFrame,b.frameChildren,
-"out")},50):setTimeout(function(){b.modifyElements(b.nextFrameChildren,"");b.waitForAnimationsToComplete(b.nextFrame,b.nextFrameChildren,"in");"function () {}"!==b.afterCurrentFrameAnimatesOut&&b.waitForAnimationsToComplete(b.currentFrame,b.frameChildren,"out")},50),b.settings.reverseAnimationsWhenNavigatingBackwards&&1!==b.direction?b.settings.reverseAnimationsWhenNavigatingBackwards&&-1===b.direction&&setTimeout(function(){b.nextFrame.toggleClass("animate-out animate-in");b.currentFrame.removeClass("animate-in")},
-50):setTimeout(function(){b.currentFrame.toggleClass("animate-out animate-in");b.nextFrame.addClass("animate-in")},50);else{var e=function(){b.setHashTag();b.active=!1;b.resetAutoPlay(!0,b.settings.autoPlayDelay)};switch(b.settings.fallback.theme){case "fade":b.sequence.children("li").css({position:"relative"});b.beforeCurrentFrameAnimatesOut();b.currentFrame=b.sequence.children("li:nth-child("+b.currentFrameID+")");b.currentFrame.animate({opacity:0},b.settings.fallback.speed,function(){b.currentFrame.css({display:"none",
-"z-index":"1"});b.afterCurrentFrameAnimatesOut();b.beforeNextFrameAnimatesIn();b.nextFrame.css({display:"block","z-index":b.numberOfFrames}).animate({opacity:1},500,function(){b.afterNextFrameAnimatesIn()});e()});b.sequence.children("li").css({position:"relative"});break;default:var h={},f={},k={};1===b.direction?(h.left="-100%",f.left="100%"):(h.left="100%",f.left="-100%");k.left="0";k.opacity=1;b.currentFrame=b.sequence.children("li:nth-child("+b.currentFrameID+")");b.beforeCurrentFrameAnimatesOut();
-b.currentFrame.animate(h,b.settings.fallback.speed,function(){b.afterCurrentFrameAnimatesOut()});b.beforeNextFrameAnimatesIn();b.nextFrame.show().css(f);b.nextFrame.animate(k,b.settings.fallback.speed,function(){e();b.afterNextFrameAnimatesIn()})}}b.currentFrameID=c}},waitForAnimationsToComplete:function(c,d,b){var g=this;if("out"===b)var h=function(){g.afterCurrentFrameAnimatesOut()};else"in"===b&&(h=function(){g.afterNextFrameAnimatesIn();g.setHashTag();g.active=!1;g.isHardPaused||g.mouseover||
-(g.delayUnpause?(g.delayUnpause=!1,g.unpause()):g.unpause(!1))});d.data("animationEnded",!1);c.bind(g.transitionEnd,function(b){e(b.target).data("animationEnded",!0);var k=!0;d.each(function(){if(!1===e(this).data("animationEnded"))return k=!1});k&&(c.unbind(g.transitionEnd),h())})},setHashTag:function(){this.settings.hashTags&&(this.currentHashTag=this.nextFrame.attr(this.getHashTagFrom),this.frameHashIndex=e.inArray(this.currentHashTag,this.frameHashID),-1===this.frameHashIndex||!this.settings.hashChangesOnFirstFrame&&
-this.firstFrame&&this.transitionsSupported?(this.nextFrameID=this.settings.startingFrameID,this.firstFrame=!1):(this.nextFrameID=this.frameHashIndex+1,document.location.hash="#"+this.currentHashTag))}};e.fn.sequence=function(c){return this.each(function(){var d=new m(e(this),c,y,z);e(this).data("sequence",d)})};var z={modernizr:function(){window.Modernizr=function(c,d,b){function e(c,d){for(var g in c){var f=c[g];if(!~(""+f).indexOf("-")&&a[f]!==b)return"pfx"==d?f:!0}return!1}function h(a,c,d){var f=
-a.charAt(0).toUpperCase()+a.slice(1),h=(a+" "+w.join(f+" ")+f).split(" ");if("string"===typeof c||"undefined"===typeof c)c=e(h,c);else a:{h=(a+" "+m.join(f+" ")+f).split(" "),a=h;for(var k in a)if(f=c[a[k]],f!==b){c=!1===d?a[k]:"function"===typeof f?f.bind(d||c):f;break a}c=!1}return c}var f={},k=d.documentElement;c=d.createElement("modernizr");var a=c.style,w=["Webkit","Moz","O","ms"],m=["webkit","moz","o","ms"];c={};var x=[],r=x.slice,q,t={}.hasOwnProperty,p;"undefined"===typeof t||"undefined"===
-typeof t.call?p=function(a,b){return b in a&&"undefined"===typeof a.constructor.prototype[b]}:p=function(a,b){return t.call(a,b)};Function.prototype.bind||(Function.prototype.bind=function(a){var b=self;if("function"!=typeof b)throw new TypeError;var c=r.call(arguments,1),d=function(){if(self instanceof d){var e=function(){};e.prototype=b.prototype;var e=new e,f=b.apply(e,c.concat(r.call(arguments)));return Object(f)===f?f:e}return b.apply(a,c.concat(r.call(arguments)))};return d});c.svg=function(){return!!d.createElementNS&&
-!!d.createElementNS("http://www.w3.org/2000/svg","svg").createSVGRect};for(var v in c)p(c,v)&&(q=v.toLowerCase(),f[q]=c[v](),x.push((f[q]?"":"no-")+q));f.addTest=function(a,c){if("object"==typeof a)for(var d in a)p(a,d)&&f.addTest(d,a[d]);else{a=a.toLowerCase();if(f[a]!==b)return f;c="function"==typeof c?c():c;enableClasses&&(k.className+=" "+(c?"":"no-")+a);f[a]=c}return f};a.cssText="";return c=null,f._version="2.6.1",f._domPrefixes=m,f._cssomPrefixes=w,f.testProp=function(a){return e([a])},f.testAllProps=
-h,f.prefixed=function(a,b,c){return b?h(a,b,c):h(a,"pfx")},f}(self,self.document)},defaultPreloader:function(c,d,b){e("head").append("<style>.sequence-preloader{height: 100%;position: absolute;width: 100%;z-index: 999999;}@"+b+"keyframes preload{0%{opacity: 1;}50%{opacity: 0;}100%{opacity: 1;}}.sequence-preloader .preloading .circle{fill: #ff9442;display: inline-block;height: 12px;position: relative;top: -50%;width: 12px;"+b+"animation: preload 1s infinite; animation: preload 1s infinite;}.preloading{display:block;height: 12px;margin: 0 auto;top: 50%;margin-top:-6px;position: relative;width: 48px;}.sequence-preloader .preloading .circle:nth-child(2){"+
-b+"animation-delay: .15s; animation-delay: .15s;}.sequence-preloader .preloading .circle:nth-child(3){"+b+"animation-delay: .3s; animation-delay: .3s;}.preloading-complete{opacity: 0;visibility: hidden;"+b+"transition-duration: 1s; transition-duration: 1s;}div.inline{background-color: #ff9442; margin-right: 4px; float: left;}</style>");c.prepend('<div class="sequence-preloader"><svg class="preloading" xmlns="http://www.w3.org/2000/svg"><circle class="circle" cx="6" cy="6" r="6" /><circle class="circle" cx="22" cy="6" r="6" /><circle class="circle" cx="38" cy="6" r="6" /></svg></div>');
-Modernizr.svg||d?d||setInterval(function(){e(".sequence-preloader").fadeToggle(500)},500):(e(".sequence-preloader").prepend('<div class="preloading"><div class="circle inline"></div><div class="circle inline"></div><div class="circle inline"></div></div>'),setInterval(function(){e(".sequence-preloader .circle").fadeToggle(500)},500))},operaTest:function(){e("body").append('<span id="sequence-opera-test"></span>');var c=e("#sequence-opera-test");c.css("-o-transition","1s");return"1s"!=c.css("-o-transition")?
-!1:!0}},y={startingFrameID:1,cycle:!0,animateStartingFrameIn:!1,reverseAnimationsWhenNavigatingBackwards:!0,moveActiveFrameToTop:!0,autoPlay:!0,autoPlayDirection:1,autoPlayDelay:5E3,navigationSkip:!0,navigationSkipThreshold:250,fadeFrameWhenSkipped:!0,fadeFrameTime:150,preventReverseSkipping:!1,nextButton:!1,showNextButtonOnInit:!0,prevButton:!1,showPrevButtonOnInit:!0,pauseButton:!1,unpauseDelay:null,pauseOnHover:!0,pauseIcon:!1,preloader:!1,preloadTheseFrames:[1],preloadTheseImages:[],hideFramesUntilPreloaded:!0,
-prependPreloadingComplete:!0,hidePreloaderUsingCSS:!0,hidePreloaderDelay:0,keyNavigation:!0,numericKeysGoToFrames:!0,keyEvents:{left:"prev",right:"next"},customKeyEvents:{},swipeNavigation:!0,swipeThreshold:20,swipePreventsDefault:!1,swipeEvents:{left:"prev",right:"next",up:!1,down:!1},hashTags:!1,hashDataAttribute:!1,hashChangesOnFirstFrame:!1,fallback:{theme:"slide",speed:500}}})(jQuery);
+/*
+Sequence.js (http://www.sequencejs.com)
+Version: 0.8.3 Beta
+Author: Ian Lunn @IanLunn
+Author URL: http://www.ianlunn.co.uk/
+Github: https://github.com/IanLunn/Sequence
+
+This is a FREE script and is available under a MIT License:
+http://www.opensource.org/licenses/mit-license.php
+
+Sequence.js and its dependencies are (c) Ian Lunn Design 2012 unless otherwise stated.
+
+Sequence also relies on the following open source scripts:
+
+-   jQuery imagesLoaded 2.1.0 (http://github.com/desandro/imagesloaded)
+    Paul Irish et al 
+    Available under a MIT License: http://www.opensource.org/licenses/mit-license.php
+
+-   jQuery TouchWipe 1.1.1 (http://www.netcu.de/jquery-touchwipe-iphone-ipad-library)
+    Andreas Waltl, netCU Internetagentur (http://www.netcu.de)
+    Available under a MIT License: http://www.opensource.org/licenses/mit-license.php
+
+-   Modernizr 2.6.1 Custom Build (http://modernizr.com/)
+    Copyright (c) Faruk Ates, Paul Irish, Alex Sexton
+    Available under the BSD and MIT licenses: www.modernizr.com/license/
+
+*/
+
+(function($) {
+    function Sequence(element, options, defaults, get) {
+        var self = this;
+        self.container = $(element),
+        self.sequence = self.container.children("ul");
+        
+        try { //is Modernizr.prefixed installed?
+            Modernizr.prefixed;
+            if(Modernizr.prefixed === undefined){
+                throw "undefined";
+            }
+        }
+        catch(err) { //if not...get the custom build necessary for Sequence
+            get.modernizr();
+        }
+        
+        var prefixes = { //convert JS transition names to CSS names
+            'WebkitTransition' : '-webkit-',
+            'MozTransition'    : '-moz-',
+            'OTransition'      : '-o-',
+            'msTransition'     : '-ms-',
+            'transition'       : ''
+        },
+        transitions = { //convert JS transition names to JS transition end and animation end event names
+            'WebkitTransition' : 'webkitTransitionEnd webkitAnimationEnd',
+            'MozTransition'    : 'transitionend animationend',
+            'OTransition'      : 'otransitionend oanimationend',
+            'msTransition'     : 'MSTransitionEnd MSAnimationEnd',
+            'transition'       : 'transitionend animationend'
+        };
+        
+        self.prefix = prefixes[Modernizr.prefixed('transition')], //work out the CSS prefix for the browser being used (-webkit- for example)
+        self.transitionEnd = transitions[Modernizr.prefixed('transition')], //work out the JS transitionEnd name for the browser being used (webkitTransitionEnd webkitAnimationEnd for example)
+        self.transitionProperties = {},
+        self.numberOfFrames = self.sequence.children("li").length, //number of frames (<li>) Sequence consists of
+
+        self.transitionsSupported = (self.prefix !== undefined) ? true : false, //determine if transitions are supported
+        self.hasTouch = ("ontouchstart" in window) ? true : false, //determine if this is a touch enabled device
+        self.active, //determines whether Sequence is animating
+        self.navigationSkipThresholdActive = false, //when active, navigation is prevented (used to stop very fast navigation)
+        self.autoPlayTimer, //the timer used for the autoPlay feature
+        self.isPaused = false, //whether Sequence is paused via being hovered over
+        self.isHardPaused = false, //whether Sequence is paused via a pause button
+        self.mouseover = false,
+        self.defaultPreloader,
+        self.nextButton,
+        self.prevButton,
+        self.pauseButton,
+        self.pauseIcon,
+        self.delayUnpause,
+        self.init = {
+            /*functionality to initiate the preloader, next/previous buttons and so on
+            
+            devOption: true = the developer wants to use the default selector. false = don't use a uiElement. string = the developer defined selector to use for the UI element
+            defaultOption: the default selector to use for the UI element, when the developer specifies false for devOption
+            */
+            uiElements: function(devOption, defaultOption) { 
+                switch(devOption) {
+                    case false: //don't set up a uiElement
+                        return undefined;
+
+                    case true: //use the default uiElement
+                        if(defaultOption === ".sequence-preloader") { //if setting up the preloader...
+                            get.defaultPreloader(self.container, self.transitionsSupported, self.prefix); //get the default preloader
+                        };
+                        return $(defaultOption); //return the default element
+
+                    default: //if using a developer defined selector...
+                        return $(devOption); //return the developer defined element
+                }
+            }
+        };
+
+        //Callbacks
+        self.paused = function() {},                        //executes when Sequence is paused
+        self.unpaused = function() {},                      //executes when Sequence is unpaused
+        
+        self.beforeNextFrameAnimatesIn = function() {},     //executes before the next frame animates in
+        self.afterNextFrameAnimatesIn = function() {},      //executes after the next frame animates in
+        self.beforeCurrentFrameAnimatesOut = function() {}, //executes before the current frame animates out
+        self.afterCurrentFrameAnimatesOut = function() {},  //executes after the current frame animates out
+
+        self.afterLoaded = function() {};                   //executes after Sequence is initiated
+        
+        //INIT
+        self.settings = $.extend({}, defaults, options); //combine default options with developer defined ones
+        self.settings.preloader = self.init.uiElements(self.settings.preloader, ".sequence-preloader"); //set up the preloader and save it
+        self.firstFrame = (self.settings.animateStartingFrameIn) ? true : false; //determine if the first frame should animate in
+        self.settings.unpauseDelay = (self.settings.unpauseDelay === null) ? self.settings.autoPlayDelay : self.settings.unpauseDelay; //if the unpauseDelay is not specified, make it the same as the autoPlayDelay speed
+        self.currentHashTag; //the current hash tag taken from the URL
+        self.getHashTagFrom = (self.settings.hashDataAttribute) ? "data-sequence-hashtag": "id"; //get the hashtag from the ID or data attribute?  
+        self.frameHashID = []; //array that matches frames with has IDs
+        self.direction = self.settings.autoPlayDirection;
+        
+        if(self.settings.hideFramesUntilPreloaded && self.settings.preloader) { //if using a preloader and hiding frames until preloading has completed...
+            self.sequence.children("li").hide(); //hide Sequence's frames
+        }
+        
+        if(self.prefix === "-o-") { //if Opera prefixes are required...
+            self.transitionsSupported = get.operaTest(); //run a test to see if Opera correctly supports transitions (Opera 11 has bugs relating to transitions)
+        }
+        
+        self.modifyElements(self.sequence.children("li"), "0s"); //reset transition time to 0s
+        self.sequence.children("li").removeClass("animate-in"); //remove any instance of "animate-in", which should be used incase JS is disabled
+        
+        //functionality to run once Sequence has preloaded
+        function oncePreloaded() {
+            self.afterLoaded(); //callback
+            if(self.settings.hideFramesUntilPreloaded && self.settings.preloader) {
+                self.sequence.children("li").show();
+            }
+            if(self.settings.preloader){
+                if(self.settings.hidePreloaderUsingCSS && self.transitionsSupported) {
+                    self.prependPreloadingCompleteTo = (self.settings.prependPreloadingComplete == true) ? self.settings.preloader : $(self.settings.prependPreloadingComplete);
+                    self.prependPreloadingCompleteTo.addClass("preloading-complete");
+                    setTimeout(init, self.settings.hidePreloaderDelay);
+                }else{
+
+                    self.settings.preloader.fadeOut(self.settings.hidePreloaderDelay, function() {
+                        clearInterval(self.defaultPreloader);
+                        init();
+                    });
+                }
+            }else{
+                init();
+            }
+        }
+
+        var preloadTheseFramesLength = self.settings.preloadTheseFrames.length; //how many frames to preload?
+        var preloadTheseImagesLength = self.settings.preloadTheseImages.length; //how many single images to load?
+
+        if(self.settings.preloader && (preloadTheseFramesLength !== 0 || preloadTheseImagesLength !== 0)) { //if using the preloader and the dev has specified some images should preload...
+            function saveImagesToArray(length, srcOnly) {
+                var imagesToPreload = []; //saves the images that are to be preloaded
+                    if(!srcOnly){
+                        for(var i = length; i > 0; i--){ //for each frame to be preloaded...
+                            self.sequence.children("li:nth-child("+self.settings.preloadTheseFrames[i-1]+")").find("img").each(function() { //find <img>'s in specific frames, and for each found...
+                                imagesToPreload.push($(this)[0]); //add it to the array of images to be preloaded
+                            });
+                        }
+                    }else{
+                        for(var i = length; i > 0; i--) { //for each frame to be preloaded...
+                            imagesToPreload.push($("body").find('img[src="'+self.settings.preloadTheseImages[i-1]+'"]')[0]); //find any <img> with the given source and add it to the array of images to be preloaded
+                        }
+                    }               
+                return imagesToPreload;
+            }
+    
+            var frameImagesToPreload = saveImagesToArray(preloadTheseFramesLength); //get images from particular Sequence frames to be preloaded
+            var individualImagesToPreload = saveImagesToArray(preloadTheseImagesLength, true); //get images with specific source values to be preloaded
+            var imagesToPreload = $(frameImagesToPreload.concat(individualImagesToPreload)); //combine frame images and individual images
+            var imagesToPreloadLength = imagesToPreload.length;
+
+            imagesLoaded(imagesToPreload, oncePreloaded);
+        }else{ //if not using the preloader...
+            $(window).bind("load", function() { //when the window loads...
+                oncePreloaded(); //run the init functionality when the preloader has finished
+                $(this).unbind("load"); //unbind the load event as it's no longer needed
+            });
+        }
+
+        //jQuery imagesLoaded plugin v2.1.0 (http://github.com/desandro/imagesloaded)
+        function imagesLoaded(imagesToPreload, callback) {
+            BLANK = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
+            var $this = imagesToPreload,
+                deferred = $.isFunction($.Deferred) ? $.Deferred() : 0,
+                hasNotify = $.isFunction(deferred.notify),
+                $images = $this.find('img').add( $this.filter('img') ),
+                loaded = [],
+                proper = [],
+                broken = [];
+
+            //Register deferred callbacks
+            if($.isPlainObject(callback)) {
+                $.each(callback, function(key, value) {
+                    if(key === 'callback') {
+                        callback = value;
+                    }else if(deferred) {
+                        deferred[key](value);
+                    }
+                });
+            }
+
+            function doneLoading() {
+                var $proper = $(proper),
+                    $broken = $(broken);
+
+                if(deferred) {
+                    if(broken.length) {
+                        deferred.reject($images, $proper, $broken);
+                    }else{
+                        deferred.resolve($images);
+                    }
+                }
+
+                if($.isFunction(callback)) {
+                    callback.call($this, $images, $proper, $broken);
+                }
+            }
+
+            function imgLoaded( img, isBroken ) {   
+                if(img.src === BLANK || $.inArray(img, loaded) !== -1) { // don't proceed if BLANK image, or image is already loaded
+                    return;
+                }
+                
+                loaded.push(img); // store element in loaded images array
+
+                if(isBroken) { // keep track of broken and properly loaded images
+                    broken.push(img);
+                }else{
+                    proper.push(img);
+                }
+
+                $.data(img, 'imagesLoaded', {isBroken: isBroken, src: img.src }); // cache image and its state for future calls
+
+                if(hasNotify) { // trigger deferred progress method if present
+                    deferred.notifyWith($(img), [isBroken, $images, $(proper), $(broken)]);
+                }
+
+                if($images.length === loaded.length) { // call doneLoading and clean listeners if all images are loaded
+                    setTimeout(doneLoading);
+                    $images.unbind('.imagesLoaded');
+                }
+            }
+
+            if(!$images.length) { // if no images, trigger immediately
+                doneLoading();
+            }else{
+                $images.bind('load.imagesLoaded error.imagesLoaded', function(event) {
+                    imgLoaded(event.target, event.type === 'error'); // trigger imgLoaded
+                }).each(function(i, el) {
+                    var src = el.src;
+                    var cached = $.data(el, 'imagesLoaded'); // find out if this image has been already checked for status if it was, and src has not changed, call imgLoaded on it
+                    if(cached && cached.src === src) {
+                        imgLoaded(el, cached.isBroken);
+                        return;
+                    }
+
+                    if(el.complete && el.naturalWidth !== undefined) { // if complete is true and browser supports natural sizes, try to check for image status manually
+                        imgLoaded(el, el.naturalWidth === 0 || el.naturalHeight === 0);
+                        return;
+                    }
+
+                    // cached images don't fire load sometimes, so we reset src, but only when dealing with IE, or image is complete (loaded) and failed manual check webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
+                    if(el.readyState || el.complete) {
+                        el.src = BLANK;
+                        el.src = src;
+                    }
+                });
+            }
+        };      
+        
+        function init() {
+            $(self.settings.preloader).remove(); //remove the preloader element
+            
+            self.nextButton = self.init.uiElements(self.settings.nextButton, ".next"); //set up the next button
+            self.prevButton = self.init.uiElements(self.settings.prevButton, ".prev"); //set up the previous button
+            self.pauseButton = self.init.uiElements(self.settings.pauseButton, ".pause"); //set up the pause button
+            
+            if((self.nextButton !== undefined && self.nextButton !== false) && self.settings.showNextButtonOnInit){self.nextButton.show();} //if using a next button, show it
+            if((self.prevButton !== undefined && self.prevButton !== false) && self.settings.showPrevButtonOnInit){self.prevButton.show();} //if using a previous button, show it           
+            if((self.pauseButton !== undefined && self.pauseButton !== false)){self.pauseButton.show();} //if using a pause button, show it
+                        
+            if(self.settings.pauseIcon !== false) {
+                self.pauseIcon = self.init.uiElements(self.settings.pauseIcon, ".pause-icon");
+                if(self.pauseIcon !== undefined) {
+                    self.pauseIcon.hide();
+                }
+            }else{
+                self.pauseIcon = undefined;
+            }
+
+            self.nextFrameID = self.settings.startingFrameID;
+                        
+            if(self.settings.hashTags) { //if using hashtags...
+                self.sequence.children("li").each(function() { //for each frame...
+                    self.frameHashID.push($(this).attr(self.getHashTagFrom)); //add the hashtag to an array
+                });
+                                
+                self.currentHashTag = location.hash.replace("#", ""); //get the current hashtag
+                if(self.currentHashTag === undefined || self.currentHashTag === "") { //if there is no hashtag...
+                    self.nextFrameID = self.settings.startingFrameID; //use the startingFrameID
+                }else{                  
+                    self.frameHashIndex = $.inArray(self.currentHashTag, self.frameHashID); //get the index of the frame that matches the hashtag
+                    if(self.frameHashIndex !== -1){  //if the hashtag matches a Sequence frame ID...
+                        self.nextFrameID = self.frameHashIndex + 1; //use the frame associated to the hashtag
+                    }else{                      
+                        self.nextFrameID = self.settings.startingFrameID; //use the startingFrameID
+                    }
+                }
+            }
+
+            self.nextFrame = self.sequence.children("li:nth-child("+self.nextFrameID+")");
+            self.nextFrameChildren = self.nextFrame.children();
+            
+            self.sequence.css({"width": "100%", "height": "100%", "position": "relative"}); //set the sequence list to 100% width/height just incase it hasn't been specified in the CSS
+            self.sequence.children("li").css({"width": "100%", "height": "100%", "position": "absolute", "z-index": 1}); //do the same for the frames and make them absolute
+
+            if(self.transitionsSupported) { //initiate the full featured Sequence if transitions are supported...
+                if(!self.settings.animateStartingFrameIn) { //start first frame in animated in position
+                    self.currentFrameID = self.nextFrameID;
+
+                    if(self.settings.moveActiveFrameToTop) {
+                        self.nextFrame.css("z-index", self.numberOfFrames);
+                    }
+                    self.modifyElements(self.nextFrameChildren, "0s");
+                    self.nextFrame.addClass("animate-in");
+                    if(self.settings.hashTags && self.settings.hashChangesOnFirstFrame) {
+                        self.currentHashTag = self.nextFrame.attr(self.getHashTagFrom);
+                        document.location.hash = "#"+self.currentHashTag;
+                    }
+                    
+                    setTimeout(function() {
+                        self.modifyElements(self.nextFrameChildren, "");
+                    }, 100);
+                    
+                    self.resetAutoPlay(true, self.settings.autoPlayDelay);
+                }else if(self.settings.reverseAnimationsWhenNavigatingBackwards && self.settings.autoPlayDirection -1 && self.settings.animateStartingFrameIn) { //animate in backwards
+                    self.modifyElements(self.nextFrameChildren, "0s");
+                    self.nextFrame.addClass("animate-out");
+                    self.goTo(self.nextFrameID, -1);
+                }else{ //animate in forwards
+                    self.goTo(self.nextFrameID, 1);
+                }
+            }else{ //initiate a basic slider for browsers that don't support CSS3 transitions
+                self.container.addClass("sequence-fallback");
+                self.currentFrameID = self.nextFrameID;
+                if(self.settings.hashTags && self.settings.hashChangesOnFirstFrame){
+                    self.currentHashTag = self.nextFrame.attr(self.getHashTagFrom);
+                    document.location.hash = "#"+self.currentHashTag;
+                }
+
+          self.sequence.children("li").addClass("animate-in");
+          self.sequence.children(":not(li:nth-child("+self.nextFrameID+"))").css({"display": "none", "opacity": 0});
+          self.resetAutoPlay(true, self.settings.autoPlayDelay);
+            }
+            //END INIT
+            //EVENTS
+            if(self.nextButton !== undefined) { //if a next button is defined...
+                self.nextButton.click(function() { //when the next button is clicked...
+                    self.next(); //go to the next frame
+                });
+            }
+                                    
+            if(self.prevButton !== undefined) { //if a previous button is defined...
+                self.prevButton.click(function() { //when the previous button is clicked...
+                    self.prev(); //go to the previous frame
+                });
+            }
+                        
+            if(self.pauseButton !== undefined) { //if a pause button is defined...
+                self.pauseButton.click(function() { //when the pause button is clicked...
+                    self.pause(true); //pause Sequence and set hardPause to true
+                });
+            }
+            
+            if(self.settings.keyNavigation) {
+                var defaultKeys = {
+                    'left'  : 37,
+                    'right' : 39
+                };
+
+                function keyEvents(keyPressed, keyDirections) {
+                        var keyCode;
+
+                        for(keyCodes in keyDirections) {
+                            if(keyCodes === "left" || keyCodes === "right") {
+                                keyCode = defaultKeys[keyCodes];
+                            }else{
+                                keyCode = keyCodes;
+                            }
+
+                            if(keyPressed === parseFloat(keyCode)) { //if the key pressed is associated with a function...
+                                self.initCustomKeyEvent(keyDirections[keyCodes]); //initiate the function
+                            }
+                        }
+                    }
+                
+                $(document).keydown(function(e) { //when a key is pressed...                    
+                    var keyCodeChar = String.fromCharCode(e.keyCode);
+                    if((keyCodeChar > 0 && keyCodeChar <= self.numberOfFrames) && (self.settings.numericKeysGoToFrames)) {
+                        self.nextFrameID = keyCodeChar;
+                        self.goTo(self.nextFrameID); //go to specified frame
+                    }
+                    
+                    keyEvents(e.keyCode, self.settings.keyEvents); //run default keyevents
+                    keyEvents(e.keyCode, self.settings.customKeyEvents); //run custom keyevents
+                });
+            }
+
+            if(self.settings.pauseOnHover && self.settings.autoPlay && !self.hasTouch) { //if using pauseOnHover and autoPlay on non touch devices
+                self.sequence.on({
+                    mouseenter: function() { //when the mouse enter the Sequence element...
+                        self.mouseover = true;
+                        if(!self.isHardPaused) { //if Sequence is hard paused (via a pause button)...
+                            self.pause(); //pause autoPlay
+                        }
+                    },
+                    mouseleave: function() { //when the mouse leaves the Sequence element...
+                        self.mouseover = false;
+                        if(!self.isHardPaused) { //if Sequence is not hard paused (via a pause button)...
+                            self.unpause(); //unpause autoPlay
+                        }
+                    }
+                });
+            }
+            
+            if(self.settings.hashTags) { //if hashchange is enabled in the settings...
+                $(window).hashchange(function() { //when the hashtag changes...
+                    newTag = location.hash.replace("#", ""); //grab the new hashtag
+                    
+                    if(self.currentHashTag !== newTag) { //if the last hashtag is not the same as the current one...
+                        self.currentHashTag = newTag; //save the new tag
+                        self.frameHashIndex = $.inArray(self.currentHashTag, self.frameHashID); //get the index of the frame that matches the hashtag
+                        if(self.frameHashIndex !== -1) { //if the hashtag matches a Sequence frame ID...
+                            self.nextFrameID = self.frameHashIndex + 1; //set that frame as the next one
+                            self.goTo(self.nextFrameID); //go to the next frame
+                        }
+                    }
+                });
+            }
+
+            if(self.settings.swipeNavigation && self.hasTouch) { //if using swipeNavigation and the device has touch capabilities...
+                //jQuery TouchWipe v1.1.1 (http://www.netcu.de/jquery-touchwipe-iphone-ipad-library)
+                var startX;
+                var startY;
+                var isMoving = false;
+
+                function cancelTouch() {
+                    self.sequence.on("touchmove", onTouchMove);
+                    startX = null;
+                    isMoving = false;
+                }   
+
+                function onTouchMove(e) {
+                    if(self.settings.swipePreventsDefault) {
+                        e.preventDefault();
+                    }
+                    if(isMoving) {
+                        var x = e.originalEvent.touches[0].pageX;
+                        var y = e.originalEvent.touches[0].pageY;
+                        var dx = startX - x;
+                        var dy = startY - y;
+                        if(Math.abs(dx) >= self.settings.swipeThreshold) {
+                            cancelTouch();
+                            if(dx > 0) {
+                                self.initCustomKeyEvent(self.settings.swipeEvents.left);
+                            }else{
+                                self.initCustomKeyEvent(self.settings.swipeEvents.right);
+                            }
+                        }else if(Math.abs(dy) >= self.settings.swipeThreshold) {
+                            cancelTouch();
+                            if(dy > 0) {
+                                self.initCustomKeyEvent(self.settings.swipeEvents.down);
+                            }else{
+                                self.initCustomKeyEvent(self.settings.swipeEvents.up);
+                            }
+                        }
+                    }
+                }
+
+                function onTouchStart(e) {
+                    if(e.originalEvent.touches.length == 1) {
+                        startX = e.originalEvent.touches[0].pageX;
+                        startY = e.originalEvent.touches[0].pageY;
+                        isMoving = true;
+                        self.sequence.on("touchmove", onTouchMove);
+                    }
+                }
+
+                self.sequence.on("touchstart", onTouchStart);
+            }
+            //END EVENTS
+        }
+    } //END CONSTRUCTOR
+    
+    Sequence.prototype = {
+        //trigger keyEvents, customKeyEvents and swipeEvents
+        initCustomKeyEvent: function(event) {
+            var self = this;
+            switch(event) {
+                case "next":
+                    self.next();
+                    break;
+                case "prev":
+                    self.prev();
+                    break;
+                case "pause":
+                    self.pause(true);
+                    break;
+            }
+        },
+        
+        /*
+        modify the transition-duration and transition-delay properties of an element
+        
+        elementToReset = the element that is to have it's properties modified
+        cssValue = the value to be given to the transition-duration and transition-delay properties
+        */
+        modifyElements: function(elementToReset, cssValue) {
+            var self = this;
+                elementToReset.css(
+                self.prefixCSS(self.prefix, {
+                    "transition-duration": cssValue,
+                    "transition-delay": cssValue
+                })
+            );
+        },
+        
+        /*
+        adds the browser vendors prefix onto multiple CSS properties
+        
+        prefix = the prefix for the browser Sequence is being viewed in (-webkit- for example)
+        properties = the properties to be prefixed (transition-duration for example)
+        */
+        prefixCSS: function(prefix, properties) {
+            var css = {};
+            for(property in properties) { //for each property to be modified...
+                css[prefix + property] = properties[property]; //add the prefix to the property name
+            }
+            return css; //return the prefixed CSS
+        },
+        
+        setTransitionProperties: function(frameChildren) {
+            var self = this;
+            frameChildren.each(function() {
+                self.transitionProperties["transition-duration"] = $(this).css(self.prefix + "transition-duration");
+                self.transitionProperties["transition-delay"] = $(this).css(self.prefix + "transition-delay");
+
+                $(this).css(
+                    self.prefixCSS(self.prefix, self.transitionProperties)
+                );
+            });
+        },
+
+        /*
+        start autoPlay -- causing Sequence to automatically change frame every x amount of milliseconds
+        
+        delay: a time in ms before starting the autoPlay feature (if unspecified, the default will be used)
+        */
+        startAutoPlay: function(delay) {
+            var self = this;
+            var delay = (delay === undefined) ? self.settings.autoPlayDelay : delay; //if a delay isn't specified, use the default
+            self.unpause();
+
+            self.resetAutoPlay(); //stop autoPlay before starting it again
+            self.autoPlayTimer = setTimeout(function() { //start a new autoPlay timer and...
+                self.settings.autoPlayDirection === 1 ? self.next(): self.prev(); //go to either the next or previous frame
+            }, delay); //after a specified delay
+        },
+        
+        //stop causing Sequence to automatically change frame every x amount of seconds
+        stopAutoPlay: function() {
+            var self = this;
+            self.pause(true);
+            clearTimeout(self.autoPlayTimer); //stop the autoPlay timer
+        },
+
+        /*
+        internal function used to start and stop autoPlay
+        start: if true, autoPlay will be started, else it'll be stopped
+        delay: a time in ms before starting the autoPlay feature (if unspecified, the default will be used)
+        */
+        resetAutoPlay: function(start, delay) {
+            var self = this;
+            if(start === true) { //if starting autoPlay
+                if(self.settings.autoPlay && !self.isPaused) { //if using autoPlay and Sequence isn't paused...
+                    clearTimeout(self.autoPlayTimer); //stop the autoPlay timer
+                    self.autoPlayTimer = setTimeout(function() { //start a new autoPlay timer and...
+                        self.settings.autoPlayDirection === 1 ? self.next(): self.prev(); //go to either the next or previous frame
+                    }, delay); //after a specified delay
+                }
+            }else{ //if stopping autoPlay
+                clearTimeout(self.autoPlayTimer); //stop the autoPlay timer
+            }
+        },
+
+        /*
+        Toggle startAutoPlay (unpausing autoPlay) and stopAutoPlay (pausing autoPlay)
+
+        hardPause: if true, Sequence's pauseOnHover will not execute. Useful for pause buttons.
+
+        Note: Sequence 0.7.3 and below didn't have an .unpause() function -- .pause() would pause/unpause
+        based on the current state. .unpause() is now included for clarity but the .pause() function will
+        still toggle between paused and unpaused states.
+        */
+        pause: function(hardPause) {
+            var self = this;
+            if(!self.isPaused) { //if pausing Sequence...
+                if(self.pauseButton !== undefined) { //if a pause button is defined...
+                    self.pauseButton.addClass("paused"); //add the class of "paused" to the pause button
+                    if(self.pauseIcon !== undefined) { //if a pause icon is defined...
+                        self.pauseIcon.show(); //show the pause icon
+                    }
+                }
+                self.paused(); //callback when Sequence is paused
+                self.isPaused = true;
+                self.isHardPaused = (hardPause) ? true : false; //if hardPausing, set hardPause to true
+                self.resetAutoPlay(); //stop autoPlay
+            }else{ //if unpausing Sequence...
+                self.unpause();
+            }
+        },
+
+        /*
+        Start the autoPlay feature, as well as deal with any changes to pauseButtons, pauseIcons and public variables etc
+        
+        callback: if false, the unpause callback will not be initiated (this is because unpause is used internally during the stop and start of each frame)
+        */ 
+        unpause: function(callback) {
+            var self = this;
+            if(self.pauseButton !== undefined) { //if a pause button is defined...
+                self.pauseButton.removeClass("paused"); //remove the class of "paused" from the pause button
+                if(self.pauseIcon !== undefined) { //if a pause icon is defined...
+                    self.pauseIcon.hide(); //hide the pause icon
+                }
+            }
+
+            self.isPaused = false;
+            self.isHardPaused = false;
+
+            if(!self.active) {
+                if(callback !== false) {
+                    self.unpaused(); //callback when Sequence is unpaused
+                }
+                self.resetAutoPlay(true, self.settings.unpauseDelay); //start autoPlay after a delay specified via the unpauseDelay setting
+            }else{
+                self.delayUnpause = true; //Sequence is animating so delay the unpause event until the animation completes
+            }
+        },
+        
+        //Go to the frame ahead of the current one
+        next: function() {
+            var self = this;
+            self.nextFrameID = (self.currentFrameID !== self.numberOfFrames) ? self.currentFrameID + 1 : 1; //work out the next frame
+            self.goTo(self.nextFrameID, 1); //go to the next frame
+        },
+        
+        //Go to the frame prior to the current one
+        prev: function() {
+            var self = this;
+            self.nextFrameID = (self.currentFrameID === 1) ? self.numberOfFrames : self.currentFrameID - 1; //work out the prev frame
+            self.goTo(self.nextFrameID, -1); //go to the prev frame
+        },
+        
+        /*
+        Go to a specific frame
+        
+        id: number of the frame to go to
+        direction: direction to get to that frame (1 = forward, -1 = reverse)
+        */
+        goTo: function(id, direction) { 
+            var self = this;
+            var id = parseFloat(id); //convert the id to a number just in case
+
+            if((id === self.currentFrameID) //if the id of the frame the user is trying to go to is the same as the currently active one...
+            || (self.settings.navigationSkip && self.navigationSkipThresholdActive) //or navigationSkip is enabled and the navigationSkipThreshold is active (which prevents frame from being navigated too fast)...
+            || (!self.settings.navigationSkip && self.active) //or navigationSkip is disbaled but Sequence is animating...
+            || (!self.transitionsSupported && self.active) //or Sequence is in fallback mode and Sequence is animating...
+            || (!self.settings.cycle && direction === 1 && self.currentFrameID === self.numberOfFrames) //or cycling is disabled, the user is navigating forward and this is the last frame...
+            || (!self.settings.cycle && direction === -1 && self.currentFrameID === 1) //or cycling is disabled, the user is navigating backwards and this is the first frame...
+            || (self.settings.preventReverseSkipping && self.direction !== direction && self.active)) { //or Sequence is animating and the user is trying to change the direction of navigation...
+                return false; //don't go to another frame
+            }else if(self.settings.navigationSkip && self.active) { //if navigationSkip is enabled and Sequence is animating (a frame is being skipped before it has finished animating)...
+                self.navigationSkipThresholdActive = true; //the navigationSkipThreshold is now active
+                if(self.settings.fadeFrameWhenSkipped) { //if a frame should fade when skipped...
+                    self.nextFrame.stop().animate({"opacity": 0}, self.settings.fadeFrameTime); //fade
+                }
+
+                navigationSkipThresholdTimer = setTimeout(function() { //start the navigationSkipThreshold timer to prevent being able to navigate too quickly
+                    self.navigationSkipThresholdActive = false; //once the timer is complete, navigationSkip can occur again
+                }, self.settings.navigationSkipThreshold);
+            }
+
+            if(!self.active || self.settings.navigationSkip) { //if there are no animations running or navigationSkip is enabled...
+                self.active = true; //Sequence is now animating
+                self.resetAutoPlay(); //stop any autoPlay timer that may be running
+
+                if(direction === undefined) { //if no direction to navigate was defined...
+                    self.direction = (id > self.currentFrameID) ? 1 : -1; //work out which way to go based on what frame is currently active
+                }else{
+                    self.direction = direction; //go to the developer defined frame
+                }
+                
+                self.currentFrame = self.sequence.children(".animate-in"); //find which frame is active -- the frame currently being viewed (and about to be animated out)
+                self.nextFrame = self.sequence.children("li:nth-child("+id+")"); //grab the next frame
+                self.frameChildren = self.currentFrame.children();  //save the child elements of the current frame
+                self.nextFrameChildren = self.nextFrame.children(); //save the child elements of the next frame
+                
+                if(self.transitionsSupported) { //if the browser supports CSS3 transitions...                           
+                    if(self.currentFrame.length !== undefined) { //if there is a current frame (one that is in it's animate-in position)...
+                        self.beforeCurrentFrameAnimatesOut(); //callback
+                        if(self.settings.moveActiveFrameToTop) { //if the active frame should move to the top...
+                            self.currentFrame.css("z-index", 1); //move this frame to the bottom as it is now inactive
+                        }
+                        self.modifyElements(self.nextFrameChildren, "0s"); //give the next frame elements a transition-duration and transition-delay of 0s so they don't transition to their reset position
+                        if(!self.settings.reverseAnimationsWhenNavigatingBackwards || self.direction === 1) { //if user hit next button...
+                            self.nextFrame.removeClass("animate-out"); //reset the next frame back to its starting position
+                            self.modifyElements(self.frameChildren, "");  //remove any inline styles from the elements to be animated so styles via the "animate-out" class can take full effect        
+                        }else if(self.settings.reverseAnimationsWhenNavigatingBackwards && self.direction === -1) { //if the user hit prev button
+                            self.nextFrame.addClass("animate-out"); //reset the next frame back to its animate-out position
+                            self.setTransitionProperties(self.frameChildren);
+                        }
+                    }else{
+                        self.firstFrame = false; //no longer the first frame
+                    }
+
+                    self.active = true; //Sequence is now animating
+                    self.currentFrame.unbind(self.transitionEnd); //remove the animation end event
+                    self.nextFrame.unbind(self.transitionEnd); //remove the animation end event
+
+                    if(self.settings.fadeFrameWhenSkipped) { //if a frame may have faded out when it was previously skipped...
+                        self.nextFrame.css("opacity", 1); //show it again
+                    }
+                    
+                    self.beforeNextFrameAnimatesIn(); //callback
+                    if(self.settings.moveActiveFrameToTop) { //if an active frame should be moved to the top...
+                        self.nextFrame.css({"z-index": self.numberOfFrames}); //move to the top of the z-index
+                    }
+
+                    //modifications to the current and next frame's elements to get them ready to animate
+                    if(!self.settings.reverseAnimationsWhenNavigatingBackwards || self.direction === 1) { //if user hit next button...
+                        setTimeout(function() { //50ms timeout to give the browser a chance to modify the DOM sequentially
+                            self.modifyElements(self.nextFrameChildren, ""); //remove any inline styles from the elements to be animated so styles via the "animate-in" class can take full effect
+                            self.waitForAnimationsToComplete(self.nextFrame, self.nextFrameChildren, "in"); //wait for the next frame to animate in
+                            if(self.afterCurrentFrameAnimatesOut !== "function () {}") { //if the afterCurrentFrameAnimatesOut is being used...
+                                self.waitForAnimationsToComplete(self.currentFrame, self.frameChildren, "out"); //wait for the current frame to animate out as well
+                            }
+                        }, 50);
+                    }else if(self.settings.reverseAnimationsWhenNavigatingBackwards && self.direction === -1) { //if the user hit prev button
+                        setTimeout(function() { //50ms timeout to give the browser a chance to modify the DOM sequentially
+                            self.modifyElements(self.nextFrameChildren, ""); //remove any inline styles from the elements to be animated so styles via the "animate-in" class can take full effect
+                            self.setTransitionProperties(self.frameChildren);
+                            self.waitForAnimationsToComplete(self.nextFrame, self.nextFrameChildren, "in"); //wait for the next frame to animate in
+                            if(self.afterCurrentFrameAnimatesOut != "function () {}") { //if the afterCurrentFrameAnimatesOut is being used...
+                                self.waitForAnimationsToComplete(self.currentFrame, self.frameChildren, "out"); //wait for the current frame to animate out as well
+                            }
+                        }, 50);
+                    }
+
+                    //final class changes to make animations happen
+                    if(!self.settings.reverseAnimationsWhenNavigatingBackwards || self.direction === 1) { //if user hit next button...          
+                        setTimeout(function() { //50ms timeout to give the browser a chance to modify the DOM sequentially
+                            self.currentFrame.toggleClass("animate-out animate-in");
+                            self.nextFrame.addClass("animate-in"); //add the "animate-in" class
+                        }, 50);
+                    }else if(self.settings.reverseAnimationsWhenNavigatingBackwards && self.direction === -1) { //if the user hit prev button
+                        setTimeout(function() { //50ms timeout to give the browser a chance to modify the DOM sequentially
+                            self.nextFrame.toggleClass("animate-out animate-in"); //add the "animate-in" class and remove the "animate-out" class
+                            self.currentFrame.removeClass("animate-in");
+                        }, 50);
+                    }
+                }else{ //if the browser doesn't support CSS3 transitions...
+                    function animationComplete() {
+                        self.setHashTag();                  
+                        self.active = false;
+                        self.resetAutoPlay(true, self.settings.autoPlayDelay);
+                    }
+
+                    switch(self.settings.fallback.theme) {
+                        case "fade": //if using the fade fallback theme...
+                            self.sequence.children("li").css({"position": "relative"}); //this allows for fadein/out in IE
+                            self.beforeCurrentFrameAnimatesOut();
+                            self.currentFrame = self.sequence.children("li:nth-child("+self.currentFrameID+")");
+                            self.currentFrame.animate({"opacity": 0}, self.settings.fallback.speed, function() { //hide the current frame
+                                self.currentFrame.css({"display": "none", "z-index": "1"});
+                                self.afterCurrentFrameAnimatesOut();
+                                self.beforeNextFrameAnimatesIn();
+                                self.nextFrame.css({"display": "block", "z-index": self.numberOfFrames}).animate({"opacity": 1}, 500, function() {
+                                    self.afterNextFrameAnimatesIn();
+                                }); //make the next frame the current one and show it
+                                animationComplete();
+                            });
+                            
+                            self.sequence.children("li").css({"position": "relative"}); //this allows for fadein/out in IE
+                        break;
+
+                        case "slide": //if using the slide fallback theme...
+                        default:
+                    //create objects which will save the .css() and .animation() objects
+                            var animateOut = {};
+                            var animateIn = {};
+                            var moveIn = {};
+
+                            //construct the .css() and .animation() objects
+                            if(self.direction === 1) {
+                                animateOut["left"] = "-100%";
+                                animateIn["left"] = "100%";
+                            }else{
+                                animateOut["left"] = "100%";
+                                animateIn["left"] = "-100%";
+                            }
+
+                            moveIn["left"] = "0";
+                            moveIn["opacity"] = 1;
+
+
+                            self.currentFrame = self.sequence.children("li:nth-child("+self.currentFrameID+")");
+                            self.beforeCurrentFrameAnimatesOut();
+                            self.currentFrame.animate(animateOut, self.settings.fallback.speed, function() {
+                                self.afterCurrentFrameAnimatesOut();
+                            }); //cause the current frame to animate out
+                            self.beforeNextFrameAnimatesIn(); //callback
+                            self.nextFrame.show().css(animateIn);
+                            self.nextFrame.animate(moveIn, self.settings.fallback.speed, function() { //cause the next frame to animate in
+                                animationComplete();
+                                self.afterNextFrameAnimatesIn(); //callback
+                            });
+                        break;
+                    }
+                }
+                self.currentFrameID = id; //make the currentFrameID the same as the one that is to animate in               
+            }
+        },
+        
+        /*
+            prevents the next frame from animating until the current frame has finished animating
+
+            frame: the frame <li> which is animating
+            frameChildren: the animated direct child elements of the frame
+            direction: whether the elements are animating "in" to an active position or "out" of an active position
+        */
+        waitForAnimationsToComplete: function(frame, frameChildren, direction) {
+            var self = this;
+
+            if(direction === "out") { //if waiting on a frame's element to animate out...
+                var onceComplete = function() {
+                    self.afterCurrentFrameAnimatesOut(); //callback
+                };
+            }else if(direction === "in") { //if waiting on a frame's element to animate in...
+                var onceComplete = function() {
+                    self.afterNextFrameAnimatesIn(); //callback
+                    self.setHashTag(); //set the hashtag to represent the newly active frame
+
+                    self.active = false; //Sequence is not animating
+
+                    if(!self.isHardPaused && !self.mouseover) { //if Sequence isn't hard paused (via a pause button for example) or being hovered over...
+                        if(!self.delayUnpause) { //if unpausing isn't delayed (Sequence wasn't animating when unpause was invoked)...
+                            self.unpause(false); //unpause Sequence but don't run the unpause callback
+                        }else{ //if unpausing was delay because Sequence was animating when unpause was invoked...
+                            self.delayUnpause = false;
+                            self.unpause(); //unpause Sequence
+                        }
+                    }
+                };
+            }
+
+            frameChildren.data('animationEnded', false); // set the data attribute of each animated element to indicate that the animation has not yet ended
+            frame.bind(self.transitionEnd, function(e) { //when an element finishes animating...
+                $(e.target).data('animationEnded', true); // set the data attrbiute to indicate that the element has finished it's animation
+            
+                // now check if all elements have finished animating
+                var allAnimationsEnded = true;
+                frameChildren.each(function() { //for each element being animated within a frame...
+                    if($(this).data('animationEnded') === false) { //if the animation hasn't ended...
+                        allAnimationsEnded = false; //not all animations have ended yet
+                        return false; //break out of the animationEnded check early
+                    }
+                });
+            
+                if(allAnimationsEnded) { //if all animations have ended...
+                    frame.unbind(self.transitionEnd); //stop waiting for animations to end
+                    onceComplete();
+                }
+            });
+        },
+
+        setHashTag: function() {
+            var self = this;
+            if(self.settings.hashTags) { //if hashTags is enabled...
+                self.currentHashTag = self.nextFrame.attr(self.getHashTagFrom); //get the hashtag name
+                self.frameHashIndex = $.inArray(self.currentHashTag, self.frameHashID); //get the index of the frame that matches the hashtag
+                if(self.frameHashIndex !== -1 && (self.settings.hashChangesOnFirstFrame || (!self.firstFrame || !self.transitionsSupported))) { //if the hashtag matches a Sequence frame ID...
+                    self.nextFrameID = self.frameHashIndex + 1;
+                    document.location.hash = "#"+self.currentHashTag;
+                }else{
+                    self.nextFrameID = self.settings.startingFrameID;
+                    self.firstFrame = false;
+                }                       
+            }
+        }
+    }; //END PROTOTYPE
+
+    $.fn.sequence = function(options) {
+        var self = this;
+        return self.each(function() {
+            var sequence = new Sequence($(this), options, defaults, get);
+            $(this).data("sequence", sequence); 
+        });
+    };
+    
+    //some external functions
+    var get = {
+        /* Modernizr 2.6.1 (Custom Build) | MIT & BSD
+         * Build: http://modernizr.com/download/#-svg-prefixed-testprop-testallprops-domprefixes
+         */
+        modernizr: function() {
+            ;window.Modernizr=function(a,b,c){function x(a){i.cssText=a}function y(a,b){return x(prefixes.join(a+";")+(b||""))}function z(a,b){return typeof a===b}function A(a,b){return!!~(""+a).indexOf(b)}function B(a,b){for(var d in a){var e=a[d];if(!A(e,"-")&&i[e]!==c)return b=="pfx"?e:!0}return!1}function C(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:z(f,"function")?f.bind(d||b):f}return!1}function D(a,b,c){var d=a.charAt(0).toUpperCase()+a.slice(1),e=(a+" "+m.join(d+" ")+d).split(" ");return z(b,"string")||z(b,"undefined")?B(e,b):(e=(a+" "+n.join(d+" ")+d).split(" "),C(e,b,c))}var d="2.6.1",e={},f=b.documentElement,g="modernizr",h=b.createElement(g),i=h.style,j,k={}.toString,l="Webkit Moz O ms",m=l.split(" "),n=l.toLowerCase().split(" "),o={svg:"http://www.w3.org/2000/svg"},p={},q={},r={},s=[],t=s.slice,u,v={}.hasOwnProperty,w;!z(v,"undefined")&&!z(v.call,"undefined")?w=function(a,b){return v.call(a,b)}:w=function(a,b){return b in a&&z(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=self;if(typeof c!="function")throw new TypeError;var d=t.call(arguments,1),e=function(){if(self instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(t.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(t.call(arguments)))};return e}),p.svg=function(){return!!b.createElementNS&&!!b.createElementNS(o.svg,"svg").createSVGRect};for(var E in p)w(p,E)&&(u=E.toLowerCase(),e[u]=p[E](),s.push((e[u]?"":"no-")+u));return e.addTest=function(a,b){if(typeof a=="object")for(var d in a)w(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,enableClasses&&(f.className+=" "+(b?"":"no-")+a),e[a]=b}return e},x(""),h=j=null,e._version=d,e._domPrefixes=n,e._cssomPrefixes=m,e.testProp=function(a){return B([a])},e.testAllProps=D,e.prefixed=function(a,b,c){return b?D(a,b,c):D(a,"pfx")},e}(self,self.document);
+        },
+        
+        defaultPreloader: function(prependTo, transitions, prefix) {
+            var icon = '<div class="sequence-preloader"><svg class="preloading" xmlns="http://www.w3.org/2000/svg"><circle class="circle" cx="6" cy="6" r="6" /><circle class="circle" cx="22" cy="6" r="6" /><circle class="circle" cx="38" cy="6" r="6" /></svg></div>';
+            
+            $("head").append("<style>.sequence-preloader{height: 100%;position: absolute;width: 100%;z-index: 999999;}@"+prefix+"keyframes preload{0%{opacity: 1;}50%{opacity: 0;}100%{opacity: 1;}}.sequence-preloader .preloading .circle{fill: #ff9442;display: inline-block;height: 12px;position: relative;top: -50%;width: 12px;"+prefix+"animation: preload 1s infinite; animation: preload 1s infinite;}.preloading{display:block;height: 12px;margin: 0 auto;top: 50%;margin-top:-6px;position: relative;width: 48px;}.sequence-preloader .preloading .circle:nth-child(2){"+prefix+"animation-delay: .15s; animation-delay: .15s;}.sequence-preloader .preloading .circle:nth-child(3){"+prefix+"animation-delay: .3s; animation-delay: .3s;}.preloading-complete{opacity: 0;visibility: hidden;"+prefix+"transition-duration: 1s; transition-duration: 1s;}div.inline{background-color: #ff9442; margin-right: 4px; float: left;}</style>");
+            prependTo.prepend(icon);
+            if(!Modernizr.svg && !transitions) { //if SVG isn't supported, remain calm and add this fallback instead...
+                $(".sequence-preloader").prepend('<div class="preloading"><div class="circle inline"></div><div class="circle inline"></div><div class="circle inline"></div></div>');
+                setInterval(function(){
+                    $(".sequence-preloader .circle").fadeToggle(500);
+                }, 500);
+            }else if(!transitions){ //if transitions aren't supported, toggle the opacity instead  
+                setInterval(function(){
+                    $(".sequence-preloader").fadeToggle(500);
+                }, 500);
+            }
+        },
+        
+        //a quick test to work out if Opera supports transitions properly (to work around the fact that Opera 11 supports transitions but doesn't return a transition value properly)
+        operaTest: function() {
+            $("body").append('<span id="sequence-opera-test"></span>');
+            var $operaTest = $("#sequence-opera-test");
+            $operaTest.css("-o-transition", "1s");
+            //if the expected value isn't returned...
+            if($operaTest.css("-o-transition") != "1s") {
+                //cause Opera to go into the fallback theme
+                return false;
+            }else{
+                return true;
+            }
+            $operaTest.remove();
+        }
+    };
+    
+    var defaults = {
+        //General Settings
+        startingFrameID: 1, //The frame (the list item `<li>`) that should first be displayed when Sequence loads
+        cycle: true, //Whether Sequence should navigate to the first frame after the last frame and vice versa
+        animateStartingFrameIn: false, //Whether the first frame should animate in to its active position
+        reverseAnimationsWhenNavigatingBackwards: true, //Whether animations should be reversed when a user navigates backwards by clicking a previous button/swiping/pressing the left key
+        moveActiveFrameToTop: true, //Whether a frame should be given a higher `z-index` than other frames whilst it is active, to bring it above the others
+
+        //Autoplay Settings
+        autoPlay: true,
+        autoPlayDirection: 1,
+        autoPlayDelay: 5000,
+
+        //Frame Skipping Settings
+        navigationSkip: true, //Whether the user can navigate through frames before each frame has finished animating
+        navigationSkipThreshold: 250, //Amount of time that must pass before the next frame can be navigated to
+        fadeFrameWhenSkipped: true, //If a frame is skipped before it finishes animating, it will quickly fade out
+        fadeFrameTime: 150, //If fadeFrameWhenSkipped is true, how quickly a frame should fade out when skipped (in milliseconds)
+        preventReverseSkipping: false, //Whether the user can change the direction of navigation during frames animating (if navigating forward, the user can only skip forwards when other frames are animating).
+
+        //Next/Prev Button Settings
+        nextButton: false, //if dev settings are true, the nextButton will be ".next"
+        showNextButtonOnInit: true,
+        prevButton: false, //if dev settings are true, the prevButton will be ".prev"
+        showPrevButtonOnInit: true,
+        
+        //Pause Settings
+        pauseButton: false, //if dev settings are true, the pauseButton will be ".pause"
+        unpauseDelay: null, //the time to wait before navigating to the next frame when Sequence is unpaused. Note that if an unpauseDelay is not specified, the default is the same as the autoPlayDelay setting
+        pauseOnHover: true,
+        pauseIcon: false, //this is an indicator to show Sequence is paused
+        
+        //Preloader Settings
+        preloader: false,
+        preloadTheseFrames: [1], //all images in these frames will load before Sequence initiates
+        preloadTheseImages: [ //specify particular images to load before Sequence initiates
+            /* Example usage
+            "images/catEatingSalad.jpg",
+            "images/meDressedAsBatman.png"
+            */
+        ],
+        /*Note: You can use preloadTheseFrames and preloadTheseImages together. You might want to load all images in frame 1 and just one big image from frame 2 for example*/
+        hideFramesUntilPreloaded: true,
+        prependPreloadingComplete: true,
+        hidePreloaderUsingCSS: true,
+        hidePreloaderDelay: 0,
+        
+        //Keyboard settings
+        keyNavigation: true, //false prevents the following keyboard settings
+        numericKeysGoToFrames: true,
+        keyEvents: {
+            left: "prev",
+            right: "next"
+        },
+        customKeyEvents: {
+            /* Example usage
+            65: "prev", //a
+            68: "next", //d
+            83: "prev", //s
+            87: "next"  //w
+            */
+        },
+        
+        //Touch Swipe Settings
+        swipeNavigation: true,
+        swipeThreshold: 20,
+        swipePreventsDefault: false, //be careful if setting this to true
+        swipeEvents: {
+            left: "prev",
+            right: "next",
+            up: false,
+            down: false
+        },
+        
+        //hashTags Settings
+        //when using hashTags, please include a reference to Ben Alman's jQuery HashChange plugin above your reference to Sequence.js
+        
+        //info: http://benalman.com/projects/jquery-hashchange-plugin/
+        //plugin: https://raw.github.com/cowboy/jquery-hashchange/v1.3/jquery.ba-hashchange.min.js
+        //GitHub: https://github.com/cowboy/jquery-hashchange
+        hashTags: false, //when a frame is navigated to, change the hashtag to the frames ID
+        hashDataAttribute: false, //false = the hashTag is taken from a frames ID attribute | true = the hashTag is taken from the data attribute "data-sequence-hash"  
+        hashChangesOnFirstFrame: false, 
+                
+        //Fallback Theme Settings (For browsers that don't support CSS3 transitions)
+        fallback: {
+            theme: "slide",
+            speed: 500
+        }
+    };
+})(jQuery);

bu-slideshow/trunk/interface/single-slide-admin.php

@@ -10 +10 @@
         <a class="bu-slide-delete-button" href="#"><?php _e('delete slide', BU_SSHOW_LOCAL); ?></a>
         <div class="bu-slide-thumb-container">
-            <a class="button thickbox bu-slideshow-add-img" href="media-upload.php?referer=bu_slideshow&type=bu_slideshow&post_id=0&TB_iframe=true"><?php _e('Select Image', BU_SSHOW_LOCAL); ?></a>
+            <a class="button thickbox bu-slideshow-add-img" href="media-upload.php?referer=bu_slideshow&amp;type=bu_slideshow&amp;post_id=0&amp;TB_iframe=true"><?php _e('Select Image', BU_SSHOW_LOCAL); ?></a>
             <a class="button bu-slideshow-remove-img" href="#"<?php echo $img_thumb ? '' : ' style="display:none;"'; ?>><?php _e('Remove Image', BU_SSHOW_LOCAL); ?></a>
             <input type="hidden" class="bu-slideshow-img-id" name="bu_slides[<?php echo esc_attr($this->order); ?>][image_id]" id="bu_slides[<?php echo esc_attr($this->order); ?>][image_id]" value="<?php echo esc_attr($this->image_id); ?>" />
-        
+
             <span class="bu-slide-thumb"><?php echo $img_thumb; ?></span>
             <div class="bu-slide-meta">
                 <?php
-                // print_r($img_meta);
                     if($img_thumb){
-                    
+
                         printf("%s &middot; <a href='%s' target='_blank'>Edit</a> <br />",$img_meta['file'], $edit_url);
 
@@ -50 +49 @@
             </p>
             <p>
-                <label for="bu_slides[<?php echo esc_attr($this->order); ?>][caption][link]"><?php _e('Link', BU_SSHOW_LOCAL); ?></label> 
+                <label for="bu_slides[<?php echo esc_attr($this->order); ?>][caption][link]"><?php _e('Link', BU_SSHOW_LOCAL); ?></label>
                 <input type="text" id="bu_slides[<?php echo esc_attr($this->order); ?>][caption][link]" name="bu_slides[<?php echo esc_attr($this->order); ?>][caption][link]" value="<?php echo esc_url($this->caption["link"]); ?>" />
             </p>
@@ -59 +58 @@
             <p><label><?php _e('Caption Position', BU_SSHOW_LOCAL); ?></label>
             <select id="bu_slides[<?php echo esc_attr($this->order); ?>][caption][position]" name="bu_slides[<?php echo esc_attr($this->order); ?>][caption][position]" >
-                <?php 
+                <?php
                 foreach($caption_positions as $l=>$v){
                     $maybe_selected = ($v === $this->caption["position"]) ? "selected" : "";
@@ -72 +71 @@
             </p>
 
-            <?php 
+            <?php
                 foreach( $allowed_fields as $id => $field ){
                     if( !is_array( $field ) || !isset( $field['label'] ) ){
@@ -85 +84 @@
                     switch ( $type ) {
                         case 'text':
-                            printf('<input type="text" id="bu_slides[%s][custom_fields][%s]" name="bu_slides[%s][custom_fields][%s]" value="%s" />', 
+                            printf('<input type="text" id="bu_slides[%s][custom_fields][%s]" name="bu_slides[%s][custom_fields][%s]" value="%s" />',
                                 $this->order, $id, $this->order, $id, $value);
                             break;

bu-slideshow/trunk/package.json

@@ -7 +7 @@
         "grunt-contrib-uglify": "~0.4.0",
         "grunt-contrib-watch": "~0.6.0",
-        "grunt-contrib-less": "~0.10.0"
+        "grunt-contrib-less": "~0.10.0",
+        "grunt-contrib-cssmin": "^0.12.2",
+        "grunt-phplint": "^0.0.8",
+        "matchdep": "^0.3.0"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git://github.com/bu-ist/bu-slideshow.git"
     }
 }

bu-slideshow/trunk/readme.txt

@@ -1 +1 @@
 === BU Slideshow ===
-Contributors: awbauer, clrux, mgburns, gannondigital
+Contributors: inderpreet99, awbauer, clrux, mgburns, gannondigital
 Tags: slideshow, images, boston university, bu
 Requires at least: 3.5
-Tested up to: 4.4.2
-Stable tag: 2.3.6
+Tested up to: 4.6.1
+Stable tag: 2.3.8
 License: GPLv2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
@@ -10 +10 @@
 
 == Description ==
-BU Slideshow is a plugin for creating and managing image-based slideshows. It is designed to be simple enough for any site admin to use, and powerful enough to meet the needs of designers. The plugin has many optional functions that make it flexible enough for a variety of uses: slideshows, photo rotations, feature card decks in the sidebar, etc. 
-[View full documentation on BU.edu](http://www.bu.edu/tech/services/comm/websites/www/wordpress/how-to/create-slideshows/)
+BU Slideshow is a plugin for creating and managing image-based slideshows. It is designed to be simple enough for any site admin to use, and powerful enough to meet the needs of designers. The plugin has many optional functions that make it flexible enough for a variety of uses: slideshows, photo rotations, feature card decks in the sidebar, etc.
+
+[View full documentation on BU.edu](https://www.bu.edu/tech/services/comm/websites/www/wordpress/how-to/create-slideshows/)
 
 = Features =
@@ -22 +23 @@
 * Integrated with WordPress Media Library for image upload/selection, size options, and image cropping/editing
 
+= Developers =
+
+For developer documentation, feature roadmaps and more visit the [plugin repository on Github](https://github.com/bu-ist/bu-slideshow/).
+
+[Build Status](https://travis-ci.org/bu-ist/bu-slideshow)
+
 == Installation ==
-This plugin can be installed automatically through the WordPress admin interface, or by clicking the downlaod link on this page and installing manually.
+This plugin can be installed automatically through the WordPress admin interface, or by clicking the download link on this page and installing manually.
 
 Once installed, slideshows can be created by accessing the "Slideshows" menu in the admin panel. Slideshows can be dropped into any page by using the "Add Slideshow" button on the post/page edit screen.
@@ -38 +45 @@
 
 == Changelog ==
+= 2.3.8 =
+* Fix UI issues since WP 4.4
+* Use minified CSS on the frontend. Fixes #31.
+* Switch to min filenames: https://core.trac.wordpress.org/ticket/21633
+
+= 2.3.7 =
+* Adds error checking to `bu-slideshow-thumb` image size handling
+
 = 2.3.6 =
 * Allow custom fields to use HTML (GH #28)
-* Add `bu_slideshow_slide_admin` filter, allowing custom templates to change slide admin 
+* Add `bu_slideshow_slide_admin` filter, allowing custom templates to change slide admin
 * Adds "shuffle" attribute when shortcode is inserted in the Editor (GH #25)
 
-= 2.3.5 = 
+= 2.3.5 =
 * Fixes issue with "Add Slideshow" modal in Editor
 
@@ -58 +73 @@
 
 = 2.3.1 =
-* Fix PHP notice 
+* Fix PHP notice
 
 = 2.3 =
 * Migrating slideshows to custom post type
-* Support for custom slide templates, including custom fields
+* Support for custom slide templates: https://github.com/bu-ist/bu-slideshow/wiki/Actions-&-Filters#bu_slideshow_slide_templates
+* Support for custom fields
 
 = 2.2.1 =
@@ -91 +107 @@
 * Added option to update image size (full/large/medium/etc) used in slide
 * Removed old back compatibility with WP < 3.3
-
+* Minor UI tweaks
+* - On slideshow edit screen, expand edit container for first slide by default (previously: all collapsed)
+* - Hide navigation elements until slideshow is fully loaded
+* - Image details / “edit” link on slideshow admin page