Changeset 405807

Timestamp:

07/06/2011 11:20:35 PM (15 years ago)

Author:

jacobdubail

Message:

v0.6

Location:

anythingslider-for-wordpress

Files:

• tags/0.6 (added)
• tags/0.6/css (added)
• tags/0.6/css/anythingslider-ie.css (added)
• tags/0.6/css/anythingslider.css (added)
• tags/0.6/css/theme-construction.css (added)
• tags/0.6/css/theme-cs-portfolio.css (added)
• tags/0.6/css/theme-metallic.css (added)
• tags/0.6/css/theme-minimalist-round.css (added)
• tags/0.6/css/theme-minimalist-square.css (added)
• tags/0.6/images (added)
• tags/0.6/images/arrows-construction.gif (added)
• tags/0.6/images/arrows-cs-portfolio.jpg (added)
• tags/0.6/images/arrows-default.png (added)
• tags/0.6/images/arrows-metallic.png (added)
• tags/0.6/images/arrows-minimalist.png (added)
• tags/0.6/images/bg-cs-portfolio.jpg (added)
• tags/0.6/images/cellshade.png (added)
• tags/0.6/images/nav-construction.png (added)
• tags/0.6/images/nav-cs-portfolio.png (added)
• tags/0.6/js (added)
• tags/0.6/js/jquery.anythingslider.fx.js (added)
• tags/0.6/js/jquery.anythingslider.fx.min.js (added)
• tags/0.6/js/jquery.anythingslider.js (added)
• tags/0.6/js/jquery.anythingslider.min.js (added)
• tags/0.6/js/jquery.anythingslider.video.js (added)
• tags/0.6/js/jquery.anythingslider.video.min.js (added)
• tags/0.6/js/jquery.easing.1.2.js (added)
• tags/0.6/js/swfobject.js (added)
• tags/0.6/jtd-anything-slider.php (added)
• tags/0.6/readme.txt (added)
• tags/0.6/screenshot-1.jpg (added)
• tags/0.6/screenshot-2.jpg (added)
• tags/0.6/screenshot-3.jpg (added)
• tags/0.6/screenshot-4.jpg (added)
• tags/0.6/uninstall.php (added)
• trunk/css/anythingslider.css (modified) (7 diffs)
• trunk/css/theme-construction.css (modified) (1 diff)
• trunk/css/theme-metallic.css (modified) (1 diff)
• trunk/css/theme-minimalist-round.css (modified) (1 diff)
• trunk/css/theme-minimalist-square.css (modified) (1 diff)
• trunk/js/jquery.anythingslider.fx.js (modified) (6 diffs)
• trunk/js/jquery.anythingslider.fx.min.js (modified) (1 diff)
• trunk/js/jquery.anythingslider.js (modified) (29 diffs)
• trunk/js/jquery.anythingslider.min.js (modified) (1 diff)
• trunk/jtd-anything-slider.php (modified) (14 diffs)
• trunk/readme.txt (modified) (3 diffs)
• trunk/uninstall.php (added)

anythingslider-for-wordpress/trunk/css/anythingslider.css

@@ -1 +1 @@
 /*
-    AnythingSlider v1.5.10+ Default (base) theme
+    AnythingSlider v1.7+ Default (base) theme
     By Chris Coyier: http://css-tricks.com
     with major improvements by Doug Neiner: http://pixelgraphics.us/
@@ -6 +6 @@
 */
 
-/******* SET DEFAULT DIMENSIONS HERE ********/
-div.anythingSlider {
-    display: block;
+/*****************************
+  SET DEFAULT DIMENSIONS HERE
+ *****************************/
+/* change the ID to match your slider */
+#slider {
     width: 700px;
     height: 390px;
-    margin: 0 auto;
-    overflow: hidden; /* needed for Opera and Safari */
+    list-style: none;
 }
-div.anythingSlider .panel .content {
-    position: absolute;
-    top: -50px; left: 0;
-    width: 94%;
-    color: #EEE;
-    padding: 4px 3%;
-    font-size: 13px;
-    background: #333;
-    background: rgba(0, 0, 0, 0.6);
-    -webkit-transition: all .5s linear;
-       -moz-transition: all .5s linear;
-        -ms-transition: all .5s linear;
-         -o-transition: all .5s linear;
-            transition: all .5s linear;
+/* Opera width restriction */
+.anythingBase { max-width: 32766px; }
+
+/*****************
+  SET COLORS HERE
+ *****************/
+/**** Default state (no keyboard focus) ****/
+/* slider window - top & bottom borders, default state */
+div.anythingSlider .anythingWindow {
+    border-top: 3px solid #777;
+    border-bottom: 3px solid #777;
 }
-div.anythingSlider .panel:hover .content {
-    top: 0;
-}
-
-/****** SET COLORS HERE *******/
-/* Default State */
+/* Navigation buttons, default state */
 div.anythingSlider .thumbNav a.cur, div.anythingSlider .thumbNav a {
     background: #777;
     color: #000;
 }
-div.anythingSlider .anythingWindow {
-    border-top: 3px solid #777;
-    border-bottom: 3px solid #777;
-}
+/* start-stop button, stopped, default state */
 div.anythingSlider .start-stop {
     background-color: #040;
     color: #fff;
 }
+/* start-stop button, playing, default state */
 div.anythingSlider .start-stop.playing {
     background-color: #800;
 }
+/* start-stop button, default hovered text color (when visible) */
 div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
     color: #ddd;
 }
 
-/* Active State */
+/**** Active State (slider has keyboard focus) ****/
+/* slider window - top & bottom borders, active state */
 div.anythingSlider.activeSlider .anythingWindow {
     border-color: #7C9127;
 }
+/* Navigation buttons, active state */
 div.anythingSlider.activeSlider .thumbNav a.cur, div.anythingSlider.activeSlider .thumbNav a {
     background-color: #7C9127;
 }
+/* start-stop button, stopped, active state */
 div.anythingSlider .start-stop {
     background-color: #080;
     color: #fff;
 }
+/* start-stop button, playing, active state */
 div.anythingSlider .start-stop.playing {
     background-color: #d00;
 }
+/* start-stop button, active slider hovered text color (when visible) */
 div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
     color: #fff;
 }
 
-/**** DO NOT CHANGE BELOW THIS LINE ****/
+/***********************
+  COMMON SLIDER STYLING
+ ***********************/
+/* Overall Wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
+div.anythingSlider {
+    display: block;
+    margin: 0 auto;
+    overflow: hidden; /* needed for Opera and Safari */
+    position: relative;
+    padding: 0 45px 28px 45px;
+}
 /* anythingSlider viewport window */
 div.anythingSlider .anythingWindow {
@@ -80 +87 @@
     height: 100%;
 }
-/* wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
-div.anythingSlider {
-    position: relative;
-    padding: 0 45px 28px 45px;
-}
-/* anythingSlider base */
+/* anythingSlider base (original element) */
 .anythingBase {
     background: transparent;
@@ -95 +97 @@
     padding: 0;
 }
+/* all panels inside the slider */
 .anythingBase .panel {
     background: transparent;
@@ -102 +105 @@
     padding: 0;
     margin: 0;
-    position: relative;
 }
 
@@ -120 +122 @@
     background: url(../images/arrows-default.png) no-repeat;
 }
+/* hide text, target the span so IE7 doesn't text-indent the link */
 div.anythingSlider .arrow a span { display: block; text-indent: -9999px; }
+/* back arrow */
+div.anythingSlider .back { left: 0; }
+div.anythingSlider .back a { background-position: -88px -40px; }
+div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: -88px -240px; }
+div.anythingSlider .back.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
+/* forward arrow */
 div.anythingSlider .forward { right: 0; }
-div.anythingSlider .back { left: 0; }
 div.anythingSlider .forward a { background-position: 0 -40px; }
-div.anythingSlider .back a { background-position: -88px -40px; }
 div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: 0 -240px; }
-div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: -88px -240px; }
 div.anythingSlider .forward.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
-div.anythingSlider .back.disabled { display: none; }
 
 /* Navigation Links */
@@ -178 +183 @@
     -webkit-border-radius: 0 0 5px 5px;
 }
+/* hide cell shading on hover - makes the button appear to come forward */
 div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; }
 
+/* probably not necessary, but added just in case */
 div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .thumbNav a, div.anythingSlider .arrow a, div.anythingSlider .start-stop {
     transition-duration: 0;

anythingslider-for-wordpress/trunk/css/theme-construction.css

@@ -65 +65 @@
 div.anythingSlider-construction .anythingControls {
     position: absolute;
-    width: 80%;
     bottom: 0;
     right: 15%;

anythingslider-for-wordpress/trunk/css/theme-metallic.css

@@ -68 +68 @@
 div.anythingSlider-metallic .anythingControls {
     position: absolute;
-    width: 80%;
     bottom: 0;
     right: 15%;

anythingslider-for-wordpress/trunk/css/theme-minimalist-round.css

@@ -69 +69 @@
 div.anythingSlider-minimalist-round .anythingControls {
     position: absolute;
-    width: 80%;
     bottom: 0;
     right: 15%;

anythingslider-for-wordpress/trunk/css/theme-minimalist-square.css

@@ -69 +69 @@
 div.anythingSlider-minimalist-square .anythingControls {
     position: absolute;
-    width: 80%;
     bottom: 0;
     right: 15%;

anythingslider-for-wordpress/trunk/js/jquery.anythingslider.fx.js

@@ -1 +1 @@
 /*
- * AnythingSlider Slide FX 1.3 for AnythingSlider v1.5.8+
+ * AnythingSlider Slide FX 1.4 for AnythingSlider v1.5.8+
  * By Rob Garrison (aka Mottie & Fudgey)
  * Dual licensed under the MIT and GPL licenses.
@@ -48 +48 @@
 
             // Animate FX
-            animateFx = function(el, opt, isOut){
+            animateFx = function(el, opt, isOut, time){
                 if (el.length === 0 || typeof opt === 'undefined') { return; } // no fx
                 var o = opt[0] || opt,
@@ -60 +60 @@
                     // multiple selectors for out animation
                     if (s !== ''){
-                        el.filter(opt[1][0]).animate(o[0], { queue : false, duration : t, easing : o[0].easing });
-                        el.filter(opt[1][1]).animate(s, { queue : false, duration : t, easing : o[0].easing, complete: function(){
-                            setTimeout(function(){ hideOffscreen(el); }, defaults.timeOut);
+                        // Out animation is set to 1/4 of the time of the in animation
+                        el.filter(opt[1][0]).animate(o[0], { queue : false, duration : (time || t)/4, easing : o[0].easing });
+                        el.filter(opt[1][1]).animate(s, { queue : true, duration : (time || t)/4, easing : o[0].easing, complete: function(){
+                            setTimeout(function(){ hideOffscreen(el); }, 0); // animation complete... bug report: http://bugs.jquery.com/ticket/7157
                         } });
                         return;
@@ -69 +70 @@
                 // animation for no extra selectors
                 if (!isOut) { el.css('visibility','visible').show(); }
-                el.animate(o, { queue : false, duration : t, easing : o.easing, complete: function(){
-                    if (isOut) { setTimeout(function(){ hideOffscreen(el); }, defaults.timeOut); }
+                el.animate(o, { queue : true, duration : time || t, easing : o.easing, complete: function(){
+                    if (isOut) { setTimeout(function(){ hideOffscreen(el); }, 0); }
                 } });
             },
@@ -113 +114 @@
             // bind events for "OUT" effects - occur when leaving a page
             .bind('slide_init', function(e, slider){
-                var el, elOut, page = slider.$lastPage.add( slider.$items.eq(slider.exactPage) );
+                var el, elOut, time, page = slider.$lastPage.add( slider.$items.eq(slider.exactPage) );
                 if (slider.exactPage === 0) { page = page.add( slider.$items.eq( slider.pages ) ); } // add last (non-cloned) page if on first
+                if (slider.options.animationTime < defaults.timeOut) {
+                    time = slider.options.animationTime || 1; // if time = zero, make it 1... (0 || 1 === 1) // true )
+                }
                 page = page.find('*').andSelf(); // include the panel in the selectors
                 for (el in options) {
@@ -126 +130 @@
                         // Use built-in effects
                         if ($.isArray(options[el]) && page.filter(el).length) {
-                            animateFx( page.filter(el), getFx(options[el],true), true);
+                            animateFx( page.filter(el), getFx(options[el],true), true, time);
                         }
                     }

anythingslider-for-wordpress/trunk/js/jquery.anythingslider.fx.min.js

@@ -1 +1 @@
 /*
- * AnythingSlider Slide FX 1.3 minified for AnythingSlider v1.5.8+
+ * AnythingSlider Slide FX 1.4 minified for AnythingSlider v1.5.8+
  * By Rob Garrison (aka Mottie & Fudgey)
  * Dual licensed under the MIT and GPL licenses.
  */
-(function(h){h.fn.anythingSliderFx=function(g){var l=h(this).closest(".anythingSlider"),i=l.width(),n=l.height(),o=function(a){return{top:[{inFx:{top:0},outFx:{top:"-"+(a||n)}}],bottom:[{inFx:{bottom:0},outFx:{bottom:a||n}}],left:[{inFx:{left:0},outFx:{left:"-"+(a||i)}}],right:[{inFx:{right:0},outFx:{right:a||i}}],fade:[{inFx:{opacity:1},outFx:{opacity:0}}],expand:[{inFx:{width:"100%",top:"0%",left:"0%"},outFx:{width:a||"10%",top:"50%",left:"50%"}}],listLR:[{inFx:{left:0,opacity:1},outFx:[{left:a|| i,opacity:0},{left:"-"+(a||i),opacity:0}],selector:[":odd",":even"]}],listRL:[{inFx:{left:0,opacity:1},outFx:[{left:a||i,opacity:0},{left:"-"+(a||i),opacity:0}],selector:[":even",":odd"]}],"caption-Top":[{inFx:{top:0,opacity:0.8},outFx:{top:"-"+a||-50,opacity:0}}],"caption-Right":[{inFx:{right:0,opacity:0.8},outFx:{right:"-"+a||-150,opacity:0}}],"caption-Bottom":[{inFx:{bottom:0,opacity:0.8},outFx:{bottom:"-"+a||-50,opacity:0}}],"caption-Left":[{inFx:{left:0,opacity:0.8},outFx:{left:"-"+a||-150,opacity:0}}]}}; return this.each(function(){var a=o(),k={easing:"swing",timeIn:400,timeOut:350},i=function(e){e.each(function(){h(this).closest(".panel").is(".activePage")||h(this).css("visibility","hidden")})},m=function(e,a,c){if(!(e.length===0||typeof a==="undefined")){var b=a[0]||a,d=b[1]||"",h=parseInt(d===""?b.duration:b[0].duration,10);if(c&&(e.css("position")!=="absolute"&&e.css({position:"relative"}),e.stop(),d!=="")){e.filter(a[1][0]).animate(b[0],{queue:!1,duration:h,easing:b[0].easing});e.filter(a[1][1]).animate(d, {queue:!1,duration:h,easing:b[0].easing,complete:function(){setTimeout(function(){i(e)},k.timeOut)}});return}c||e.css("visibility","visible").show();e.animate(b,{queue:!1,duration:h,easing:b.easing,complete:function(){c&&setTimeout(function(){i(e)},k.timeOut)}})}},l=function(e,f){var c,b,d=f?"outFx":"inFx",g={},i=f?k.timeOut:k.timeIn,j=h.trim(e[0].replace(/\s+/g," ")).split(" ");if(f&&j.length===1&&a.hasOwnProperty(j)&&typeof a[j][0].selector!=="undefined")return b=a[j][0].outFx,b[0].duration=e[2]|| k.timeOut,b[0].easing=e[3]||k.easing,[b,a[j][0].selector||[]];h.each(j,function(b,f){if(a.hasOwnProperty(f)){var j=f==="fade"?1:2;c=typeof e[1]==="undefined"?a:o(e[1]);h.extend(!0,g,c[f][0][d]);g.duration=e[j]||g.duration||i;g.easing=e[j+1]||k.easing}});return[g]};h(this).bind("slide_init",function(a,f){var c,b,d=f.$lastPage.add(f.$items.eq(f.exactPage));f.exactPage===0&&(d=d.add(f.$items.eq(f.pages)));d=d.find("*").andSelf();for(c in g)if(c==="outFx")for(b in g.outFx)d.filter(b).length&&m(d.filter(b), g.outFx[b],!0);else c!=="inFx"&&h.isArray(g[c])&&d.filter(c).length&&m(d.filter(c),l(g[c],!0),!0)}).bind("slide_complete",function(a,f){var c,b,d=f.$currentPage.add(f.$items.eq(f.exactPage)),d=d.find("*").andSelf();for(c in g)if(c==="inFx")for(b in g.inFx)d.filter(b).length&&m(d.filter(b),g.inFx[b],!1);else c!=="outFx"&&h.isArray(g[c])&&d.filter(c).length&&m(d.filter(c),l(g[c],!1),!1)})})}})(jQuery);
+(function(j){j.fn.anythingSliderFx=function(i){var l=j(this).closest(".anythingSlider"),h=l.width(),m=l.height(),o=function(a){return{top:[{inFx:{top:0},outFx:{top:"-"+(a||m)}}],bottom:[{inFx:{bottom:0},outFx:{bottom:a||m}}],left:[{inFx:{left:0},outFx:{left:"-"+(a||h)}}],right:[{inFx:{right:0},outFx:{right:a||h}}],fade:[{inFx:{opacity:1},outFx:{opacity:0}}],expand:[{inFx:{width:"100%",top:"0%",left:"0%"},outFx:{width:a||"10%",top:"50%",left:"50%"}}],listLR:[{inFx:{left:0,opacity:1},outFx:[{left:a|| h,opacity:0},{left:"-"+(a||h),opacity:0}],selector:[":odd",":even"]}],listRL:[{inFx:{left:0,opacity:1},outFx:[{left:a||h,opacity:0},{left:"-"+(a||h),opacity:0}],selector:[":even",":odd"]}],"caption-Top":[{inFx:{top:0,opacity:0.8},outFx:{top:"-"+a||-50,opacity:0}}],"caption-Right":[{inFx:{right:0,opacity:0.8},outFx:{right:"-"+a||-150,opacity:0}}],"caption-Bottom":[{inFx:{bottom:0,opacity:0.8},outFx:{bottom:"-"+a||-50,opacity:0}}],"caption-Left":[{inFx:{left:0,opacity:0.8},outFx:{left:"-"+a||-150,opacity:0}}]}}; return this.each(function(){var a=o(),h={easing:"swing",timeIn:400,timeOut:350},l=function(d){d.each(function(){j(this).closest(".panel").is(".activePage")||j(this).css("visibility","hidden")})},n=function(d,b,c,a){if(!(d.length===0||typeof b==="undefined")){var e=b[0]||b,g=e[1]||"",h=parseInt(g===""?e.duration:e[0].duration,10);if(c&&(d.css("position")!=="absolute"&&d.css({position:"relative"}),d.stop(),g!=="")){d.filter(b[1][0]).animate(e[0],{queue:!1,duration:(a||h)/4,easing:e[0].easing});d.filter(b[1][1]).animate(g, {queue:!0,duration:(a||h)/4,easing:e[0].easing,complete:function(){setTimeout(function(){l(d)},0)}});return}c||d.css("visibility","visible").show();d.animate(e,{queue:!0,duration:a||h,easing:e.easing,complete:function(){c&&setTimeout(function(){l(d)},0)}})}},m=function(d,b){var c,f,e=b?"outFx":"inFx",g={},i=b?h.timeOut:h.timeIn,k=j.trim(d[0].replace(/\s+/g," ")).split(" ");if(b&&k.length===1&&a.hasOwnProperty(k)&&typeof a[k][0].selector!=="undefined")return f=a[k][0].outFx,f[0].duration=d[2]||h.timeOut, f[0].easing=d[3]||h.easing,[f,a[k][0].selector||[]];j.each(k,function(b,f){if(a.hasOwnProperty(f)){var k=f==="fade"?1:2;c=typeof d[1]==="undefined"?a:o(d[1]);j.extend(!0,g,c[f][0][e]);g.duration=d[k]||g.duration||i;g.easing=d[k+1]||h.easing}});return[g]};j(this).bind("slide_init",function(a,b){var c,f,e,g=b.$lastPage.add(b.$items.eq(b.exactPage));b.exactPage===0&&(g=g.add(b.$items.eq(b.pages)));b.options.animationTime<h.timeOut&&(e=b.options.animationTime||1);g=g.find("*").andSelf();for(c in i)if(c=== "outFx")for(f in i.outFx)g.filter(f).length&&n(g.filter(f),i.outFx[f],!0);else c!=="inFx"&&j.isArray(i[c])&&g.filter(c).length&&n(g.filter(c),m(i[c],!0),!0,e)}).bind("slide_complete",function(a,b){var c,f,e=b.$currentPage.add(b.$items.eq(b.exactPage)),e=e.find("*").andSelf();for(c in i)if(c==="inFx")for(f in i.inFx)e.filter(f).length&&n(e.filter(f),i.inFx[f],!1);else c!=="outFx"&&j.isArray(i[c])&&e.filter(c).length&&n(e.filter(c),m(i[c],!1),!1)})})}})(jQuery);

anythingslider-for-wordpress/trunk/js/jquery.anythingslider.js

@@ -1 +1 @@
 /*
-    AnythingSlider v1.5.21
-
-    By Chris Coyier: http://css-tricks.com
-    with major improvements by Doug Neiner: http://pixelgraphics.us/
-    based on work by Remy Sharp: http://jqueryfordesigners.com/
-    and crazy mods by Rob Garrison (aka Mottie): https://github.com/ProLoser/AnythingSlider
+    AnythingSlider v1.7.1
+    Original by Chris Coyier: http://css-tricks.com
+    Get the latest version: https://github.com/ProLoser/AnythingSlider
 
     To use the navigationFormatter function, you must have a function that
@@ -23 +20 @@
     $.anythingSlider = function(el, options) {
 
-        // To avoid scope issues, use 'base' instead of 'this'
-        // to reference this class from internal events and functions.
         var base = this, o;
 
@@ -47 +42 @@
             base.$wrapper = base.$el.parent().closest('div.anythingSlider').addClass('anythingSlider-' + o.theme);
             base.$window = base.$el.closest('div.anythingWindow');
-            base.$controls = $('<div class="anythingControls"></div>').appendTo( (o.appendControlsTo !== null && $(o.appendControlsTo).length) ? $(o.appendControlsTo) : base.$wrapper); // change so this works in jQuery 1.3.2
             base.win = window;
             base.$win = $(base.win);
 
-            base.$nav = $('<ul class="thumbNav" />').appendTo(base.$controls);
+            base.$controls = $('<div class="anythingControls"></div>').appendTo( (o.appendControlsTo !== null && $(o.appendControlsTo).length) ? $(o.appendControlsTo) : base.$wrapper);
+            base.$startStop = $('<a href="#" class="start-stop"></a>');
+            if (o.buildStartStop) {
+                base.$startStop.appendTo( (o.appendStartStopTo !== null && $(o.appendStartStopTo).length) ? $(o.appendStartStopTo) : base.$controls );
+            }
+            base.$nav = $('<ul class="thumbNav" />').appendTo( (o.appendNavigationTo !== null && $(o.appendNavigationTo).length) ? $(o.appendNavigationTo) : base.$controls );
 
             // Set up a few defaults & get details
@@ -60 +59 @@
             base.panelSize = [];  // will contain dimensions and left position of each panel
             base.currentPage = o.startPanel = parseInt(o.startPanel,10) || 1; // make sure this isn't a string
-            base.adjustLimit = (o.infiniteSlides) ? 0 : 1; // adjust page limits for infinite or limited modes
+            base.adj = (o.infiniteSlides) ? 0 : 1; // adjust page limits for infinite or limited modes
+            base.width = base.$el.width();
+            base.height = base.$el.height();
             base.outerPad = [ base.$wrapper.innerWidth() - base.$wrapper.width(), base.$wrapper.innerHeight() - base.$wrapper.height() ];
             if (o.playRtl) { base.$wrapper.addClass('rtl'); }
-
-            // save some options
-            base.original = [ o.autoPlay, o.buildNavigation, o.buildArrows];
 
             // Expand slider to fit parent
@@ -71 +69 @@
                 base.$outer = base.$wrapper.parent();
                 base.$window.css({ width: '100%', height: '100%' }); // needed for Opera
-                base.outerDim = [ base.$outer.width(), base.$outer.height() ];
                 base.checkResize();
             }
+
+            // If autoPlay functionality is included, then initialize the settings
+            if (o.buildStartStop) {
+                base.playing = o.autoPlay; // Sets the playing variable; removed "startStopped" option
+                base.buildAutoPlay();
+            } else {
+                o.autoPlayLocked = false; // prevent autoPlayLocked from working if there is no start stop
+            }
+
+            // Build forwards/backwards buttons
+            if (o.buildArrows) { base.buildNextBackButtons(); }
 
             base.updateSlider();
@@ -113 +121 @@
 
             // Add keyboard navigation
-            if (o.enableKeyboard) {
-                $(document).keyup(function(e){
-                    // Stop arrow keys from working when focused on form items
-                    if (base.$wrapper.is('.activeSlider') && !e.target.tagName.match('TEXTAREA|INPUT|SELECT')) {
-                        switch (e.which) {
-                            case 39: // right arrow
-                                base.goForward();
-                                break;
-                            case 37: //left arrow
-                                base.goBack();
-                                break;
+            $(document).keyup(function(e){
+                // Stop arrow keys from working when focused on form items
+                var lnk, slider,
+                    active = base.$wrapper.is('.activeSlider') && !e.target.tagName.match('TEXTAREA|INPUT|SELECT');
+                switch (e.which) {
+                    case 9: // tab
+                        lnk = $(':focus');
+                        slider = lnk.closest('.anythingSlider');
+                        if (slider[0] === base.$wrapper[0]) {
+                            base.makeActive();
+                            base.$window.scrollLeft(0);
+                            base.gotoPage(lnk.closest('.panel').index() + base.adj);
                         }
-                    }
-                });
-            }
+                        break;
+                    case 39: // right arrow
+                        if (active && o.enableKeyboard) { base.goForward(); }
+                        break;
+                    case 37: //left arrow
+                        if (active && o.enableKeyboard) { base.goBack(); }
+                        break;
+                }
+            });
 
             // Binds events
             triggers = "slideshow_paused slideshow_unpaused slide_init slide_begin slideshow_stop slideshow_start initialized swf_completed".split(" ");
-            $.each("onShowPause onShowUnpause onSlideInit onSlideBegin onShowStop onShowStart onInitialized onSWFComplete".split(" "), function(i,o){
-                if ($.isFunction(base.options[o])){
-                    base.$el.bind(triggers[i], base.options[o]);
+            $.each("onShowPause onShowUnpause onSlideInit onSlideBegin onShowStop onShowStart onInitialized onSWFComplete".split(" "), function(i,f){
+                if ($.isFunction(o[f])){
+                    base.$el.bind(triggers[i], o[f]);
                 }
             });
@@ -145 +160 @@
             base.$el.trigger('initialized', base);
 
+            // trigger the slideshow
+            base.startStop(base.playing);
+
         };
 
@@ -152 +170 @@
             base.$el.children('.cloned').remove();
             base.$nav.empty();
+            // set currentPage to 1 in case it was zero - occurs when adding slides after removing them all
+            base.currentPage = base.currentPage || 1;
 
             base.$items = base.$el.children(); 
@@ -159 +179 @@
             if (o.showMultiple > 1) {
                 if (o.showMultiple > base.pages) { o.showMultiple = base.pages; }
-                base.adjustMultiple = (o.infiniteSlides && base.pages > 1) ? 0 : parseInt(o.showMultiple, 10) - 1;
+                base.adjustMultiple = (o.infiniteSlides && base.pages > 1) ? 0 : o.showMultiple - 1;
                 base.pages = base.$items.length - base.adjustMultiple;
             }
 
-            // Remove navigation & player if there is only one page
-            if (base.pages <= 1) {
-                o.autoPlay = false;
-                o.buildNavigation = false;
-                o.buildArrows = false;
-                base.$controls.hide();
-                base.$nav.hide();
-                if (base.$forward) { base.$forward.add(base.$back).hide(); }
-            } else {
-                o.autoPlay = base.original[0];
-                o.buildNavigation = base.original[1];
-                o.buildArrows = base.original[2];
-                base.$controls.show();
-                base.$nav.show();
-                if (base.$forward) { base.$forward.add(base.$back).show(); }
-
-                // Build navigation tabs
+            // Hide navigation & player if there is only one page
+            base.$controls
+                .add(base.$nav)
+                .add(base.$startStop)
+                .add(base.$forward)
+                .add(base.$back)
+                [(base.pages <= 1) ? 'hide' : 'show']();
+            if (base.pages > 1) {
+                // Build/update navigation tabs
                 base.buildNavigation();
-
-                // If autoPlay functionality is included, then initialize the settings
-                if (o.autoPlay) {
-                    base.playing = !o.startStopped; // Sets the playing variable to false if startStopped is true
-                    base.buildAutoPlay();
-                }
-
-                // Build forwards/backwards buttons
-                if (o.buildArrows) { base.buildNextBackButtons(); }
             }
 
@@ -203 +206 @@
                 }
                 base.$el.find('.cloned').each(function(){
-                    // disable all <a> in cloned panels to prevent shifting the panels by tabbing
-                    $(this).find('a,input,textarea,select').attr('disabled', 'disabled');
+                    // disable all focusable elements in cloned panels to prevent shifting the panels by tabbing
+                    $(this).find('a,input,textarea,select,button,area').attr('disabled', 'disabled');
                     $(this).find('[id]').removeAttr('id');
                 });
@@ -214 +217 @@
 
             // Set the dimensions of each panel
-            if (o.resizeContents) {
-                if (o.width) {
-                    base.$items.css('width', o.width);
-                    base.$wrapper.css('width', base.getDim(base.currentPage)[0]);
-                }
-                if (o.height) { base.$wrapper.add(base.$items).css('height', o.height); }
+            if (o.resizeContents && base.pages > 1) {
+                base.$items.css('width', base.width);
+                base.$wrapper.css('width', base.getDim(base.currentPage)[0]);
+                base.$wrapper.add(base.$items).css('height', base.height);
             } else {
                 base.$win.load(function(){ base.setDimensions(); }); // set dimensions after all images load
@@ -230 +231 @@
             base.$nav.find('a').eq(base.currentPage - 1).addClass('cur'); // update current selection
 
-            base.hasEmb = base.$items.find('embed[src*=youtube]').length; // embedded youtube objects exist in the slider
-            base.hasSwfo = (typeof(swfobject) !== 'undefined' && swfobject.hasOwnProperty('embedSWF') && $.isFunction(swfobject.embedSWF)) ? true : false; // is swfobject loaded?
-
-            // Initialize YouTube javascript api, if YouTube video is present
-            if (base.hasEmb && base.hasSwfo) {
-                base.$items.find('embed[src*=youtube]').each(function(i){
-                    // Older IE doesn't have an object - just make sure we are wrapping the correct element
-                    var $tar = ($(this).parent()[0].tagName === "OBJECT") ? $(this).parent() : $(this);
-                    $tar.wrap('<div id="ytvideo' + i + '"></div>');
-                    // use SWFObject if it exists, it replaces the wrapper with the object/embed
-                    swfobject.embedSWF($(this).attr('src') + '&enablejsapi=1&version=3&playerapiid=ytvideo' + i, 'ytvideo' + i,
-                        $tar.attr('width'), $tar.attr('height'), '10', null, null,
-                        { allowScriptAccess: "always", wmode : o.addWmodeToObject, allowfullscreen : true },
-                        { 'class' : $tar.attr('class'), 'style' : $tar.attr('style') }, 
-                        function(){ if (i >= base.hasEmb - 1) { base.$el.trigger('swf_completed', base); } } // swf callback
-                    );
-                });
-            }
-
-            // Fix tabbing through the page, but don't include it if multiple slides are showing
-            if (o.showMultiple === false) {
-                base.$items.find('a').unbind('focus').bind('focus', function(e){
-                    base.$items.find('.focusedLink').removeClass('focusedLink');
-                    $(this).addClass('focusedLink');
-                    var panel = $(this).closest('.panel');
-                    if (!panel.is('.activePage')) {
-                        base.gotoPage(base.$items.index(panel));
-                        e.preventDefault();
-                    }
-                });
-            }
-
         };
 
         // Creates the numbered navigation links
         base.buildNavigation = function() {
-            var tmp, klass, $a;
             if (o.buildNavigation && (base.pages > 1)) {
+                var tmp, klass, $a;
                 base.$items.filter(':not(.cloned)').each(function(i) {
                     var index = i + 1;
@@ -299 +268 @@
         // Creates the Forward/Backward buttons
         base.buildNextBackButtons = function() {
-            if (base.$forward) { return; }
             base.$forward = $('<span class="arrow forward"><a href="#"><span>' + o.forwardText + '</span></a></span>');
             base.$back = $('<span class="arrow back"><a href="#"><span>' + o.backText + '</span></a></span>');
 
             // Bind to the forward and back buttons
-            base.$back.bind(o.clickArrows, function(e) {
-                base.goBack();
+            base.$back.bind(o.clickBackArrow, function(e) {
+                // prevent running functions twice (once for click, second time for swipe)
+                if (o.enableArrows && !base.flag) {
+                    base.flag = true; setTimeout(function(){ base.flag = false; }, 100);
+                    base.goBack();
+                }
                 e.preventDefault();
             });
-            base.$forward.bind(o.clickArrows, function(e) {
-                base.goForward();
+            base.$forward.bind(o.clickForwardArrow, function(e) {
+                // prevent running functions twice (once for click, second time for swipe)
+                if (o.enableArrows && !base.flag) {
+                    base.flag = true; setTimeout(function(){ base.flag = false; }, 100);
+                    base.goForward();
+                }
                 e.preventDefault();
             });
@@ -318 +294 @@
 
             // Append elements to page
-            base.$wrapper.prepend(base.$forward).prepend(base.$back);
-            base.$arrowWidth = base.$forward.width();
+            base.$forward.appendTo( (o.appendFowardTo !== null && $(o.appendFowardTo).length) ? $(o.appendFowardTo) : base.$wrapper );
+            base.$back.appendTo( (o.appendBackTo !== null && $(o.appendBackTo).length) ? $(o.appendBackTo) : base.$wrapper );
+
+            base.$arrowWidth = base.$forward.width(); // assuming the left & right arrows are the same width - used for toggle
         };
 
         // Creates the Start/Stop button
         base.buildAutoPlay = function(){
-            if (base.$startStop || base.pages < 2) { return; }
-            base.$startStop = $("<a href='#' class='start-stop'></a>").html('<span>' + (base.playing ? o.stopText : o.startText) + '</span>');
-            base.$controls.prepend(base.$startStop);
             base.$startStop
+                .html('<span>' + (base.playing ? o.stopText : o.startText) + '</span>')
                 .bind(o.clickSlideshow, function(e) {
-                    if (o.enablePlay) {
+                    if (o.enableStartStop) {
                         base.startStop(!base.playing);
-                        if (base.playing) {
-                            if (o.playRtl) {
-                                base.goBack(true);
-                            } else {
-                                base.goForward(true);
-                            }
+                        base.makeActive();
+                        if (base.playing && !o.autoPlayDelayed) {
+                            base.goForward(true);
                         }
                     }
@@ -345 +318 @@
                     $(this).toggleClass('hover');
                 });
-
-            // Use the same setting, but trigger the start;
-            base.startStop(base.playing);
         };
 
@@ -354 +324 @@
             clearTimeout(base.resizeTimer);
             base.resizeTimer = setTimeout(function(){
-                var w = base.$outer.width(), h = (base.$outer[0].tagName === "BODY") ? base.$win.height() : base.$outer.height(), dim = base.outerDim;
-                if (dim[0] !== w || dim[1] !== h) {
-                    base.outerDim = [ w, h ];
+                var w = base.$outer.width() - base.outerPad[0],
+                    h = (base.$outer[0].tagName === "BODY" ? base.$win.height() : base.$outer.height()) - base.outerPad[1];
+                // base.width = width of one panel, so multiply by # of panels; outerPad is padding added for arrows.
+                if (base.width * o.showMultiple !== w || base.height !== h) {
                     base.setDimensions(); // adjust panel sizes
                     // make sure page is lined up (use 1 millisecond animation time, because "0||x" ignores zeros)
@@ -367 +338 @@
         // Set panel dimensions to either resize content or adjust panel to content
         base.setDimensions = function(){
-            var w, h, c, cw, dw, leftEdge = 0,
-                // showMultiple must have o.width set!!
-                bww = (o.showMultiple > 1) ? o.width || base.$window.width()/o.showMultiple : base.$window.width(),
+            var w, h, c, leftEdge = 0,
+                // determine panel width
+                pw = (o.showMultiple > 1) ? base.width || base.$window.width()/o.showMultiple : base.$window.width(),
                 winw = base.$win.width();
             if (o.expand){
                 w = base.$outer.width() - base.outerPad[0];
-                h = base.$outer.height() - base.outerPad[1];
+                base.height = h = base.$outer.height() - base.outerPad[1];
                 base.$wrapper.add(base.$window).add(base.$items).css({ width: w, height: h });
-                bww = (o.showMultiple > 1) ? w/o.showMultiple : w;
+                base.width = pw = (o.showMultiple > 1) ? w/o.showMultiple : w;
             }
             base.$items.each(function(i){
-                c = $(this).children('*');
+                c = $(this).children();
                 if (o.resizeContents){
-                    // get viewport width & height from options (if set), or css
-                    w = parseInt(o.width,10) || bww;
-                    h = parseInt(o.height,10) || base.$window.height();
                     // resize panel
-                    $(this).css({ width: w, height: h });
+                    w = base.width;
+                    $(this).css({ width: w, height: base.height });
+                    if (c.length && c[0].tagName === "EMBED") { c.attr({ width: '100%', height: '100%' }); } // needed for IE7; also c.length > 1 in IE7
                     // resize panel contents, if solitary (wrapped content or solitary image)
                     if (c.length === 1){
                         c.css({ width: '100%', height: '100%' });
-                        if (c[0].tagName === "OBJECT") { c.find('embed').andSelf().attr({ width: '100%', height: '100%' }); }
                     }
                 } else {
                     // get panel width & height and save it
                     w = $(this).width(); // if not defined, it will return the width of the ul parent
-                    dw = (w >= winw) ? true : false; // width defined from css?
-                    if (c.length === 1 && dw){
-                        cw = (c.width() >= winw) ? bww : c.width(); // get width of solitary child
-                        $(this).css('width', cw); // set width of panel
-                        c.css('max-width', cw);   // set max width for all children
-                        w = cw;
+                    if (c.length === 1 && w >= winw){
+                        w = (c.width() >= winw) ? pw : c.width(); // get width of solitary child
+                        c.css('max-width', w);   // set max width for all children
                     }
-                    w = (dw) ? o.width || bww : w;
-                    $(this).css('width', w);
+                    $(this).css('width', w); // set width of panel
                     h = $(this).outerHeight(); // get height after setting width
                     $(this).css('height', h);
@@ -408 +373 @@
                 leftEdge += w;
             });
-            // Set total width of slider, but don't go beyond the set max overall width (limited by Opera)
-            base.$el.css('width', (leftEdge < o.maxOverallWidth) ? leftEdge : o.maxOverallWidth);
+            // Set total width of slider, Note that this is limited to 32766 by Opera - option removed
+            base.$el.css('width', leftEdge);
         };
 
         // get dimension of multiple panels, as needed
         base.getDim = function(page){
+            if (base.pages < 1) { return; } // prevent errors when base.panelSize is empty
             page = (o.infiniteSlides && base.pages > 1) ? page : page - 1;
             var i,
@@ -427 +393 @@
         };
 
+        base.goForward = function(autoplay) {
+            base.gotoPage(base.currentPage + parseInt(o.changeBy, 10) * (o.playRtl ? -1 : 1), autoplay);
+        };
+
+        base.goBack = function(autoplay) {
+            base.gotoPage(base.currentPage + parseInt(o.changeBy, 10) * (o.playRtl ? 1 : -1), autoplay);
+        };
+
         base.gotoPage = function(page, autoplay, callback, time) {
+            if (autoplay !== true) {
+                autoplay = false;
+                base.startStop(false);
+                base.makeActive();
+            }
+            if (o.changeBy !== 1){
+                if (page < 0) { page += base.pages; }
+                if (page > base.pages) { page -= base.pages; }
+            }
             if (base.pages <= 1) { return; } // prevents animation
             base.$lastPage = base.$currentPage;
@@ -436 +419 @@
 
             // pause YouTube videos before scrolling or prevent change if playing
-            if (base.hasEmb && base.checkVideo(base.playing)) { return; }
-
-            if (page > base.pages + 1 - base.adjustLimit) { page = (!o.infiniteSlides && !o.stopAtEnd) ? 1 : base.pages; }
-            if (page < base.adjustLimit ) { page = (!o.infiniteSlides && !o.stopAtEnd) ? base.pages : 1; }
+            if (autoplay && o.isVideoPlaying(base)) { return; }
+
+            if (page > base.pages + 1 - base.adj) { page = (!o.infiniteSlides && !o.stopAtEnd) ? 1 : base.pages; }
+            if (page < base.adj ) { page = (!o.infiniteSlides && !o.stopAtEnd) ? base.pages : 1; }
             base.currentPage = ( page > base.pages ) ? base.pages : ( page < 1 ) ? 1 : base.currentPage;
-            base.$currentPage = base.$items.eq(base.currentPage - base.adjustLimit);
+            base.$currentPage = base.$items.eq(base.currentPage - base.adj);
             base.exactPage = page;
-            base.$targetPage = base.$items.eq( (page === 0) ? base.pages - base.adjustLimit : (page > base.pages) ? 1 - base.adjustLimit : page - base.adjustLimit ); 
+            base.$targetPage = base.$items.eq( (page === 0) ? base.pages - base.adj : (page > base.pages) ? 1 - base.adj : page - base.adj ); 
             base.$el.trigger('slide_init', base);
 
@@ -484 +467 @@
             base.setCurrentPage(page, false);
             // Add active panel class
-            base.$items.removeClass('activePage').eq(page - base.adjustLimit).addClass('activePage');
+            base.$items.removeClass('activePage').eq(page - base.adj).addClass('activePage');
 
             if (!base.hovered) { base.slideControls(false); }
-
-            // continue YouTube video if in current panel
-            if (base.hasEmb){
-                var emb = base.$currentPage.find('object[id*=ytvideo], embed[id*=ytvideo]');
-                // player states: unstarted (-1), ended (0), playing (1), paused (2), buffering (3), video cued (5).
-                if (emb.length && $.isFunction(emb[0].getPlayerState) && emb[0].getPlayerState() > 0 && emb[0].getPlayerState() !== 5) {
-                    emb[0].playVideo();
-                }
-            }
 
             base.$el.trigger('slide_complete', base);
             // callback from external slide control: $('#slider').anythingSlider(4, function(slider){ })
             if (typeof callback === 'function') { callback(base); }
+
             // Continue slideshow after a delay
             if (o.autoPlayLocked && !base.playing) {
@@ -510 +485 @@
 
         base.setCurrentPage = function(page, move) {
+            if (base.pages < 1 || page === 0) { return; }
             page = parseInt(page, 10);
-            if (page > base.pages + 1 - base.adjustLimit) { page = base.pages - base.adjustLimit; }
-            if (page < base.adjustLimit ) { page = 1; }
+            if (page > base.pages + 1 - base.adj) { page = base.pages - base.adj; }
+            if (page < base.adj ) { page = 1; }
 
             // Set visual
             if (o.buildNavigation){
-                base.$nav.find('.cur').removeClass('cur');
-                base.$nav.find('a').eq(page - 1).addClass('cur');
+                base.$nav
+                    .find('.cur').removeClass('cur').end()
+                    .find('a').eq(page - 1).addClass('cur');
             }
 
             // hide/show arrows based on infinite scroll mode
             if (!o.infiniteSlides && o.stopAtEnd){
-                base.$wrapper.find('span.forward')[ page === base.pages ? 'addClass' : 'removeClass']('disabled');
-                base.$wrapper.find('span.back')[ page === 1 ? 'addClass' : 'removeClass']('disabled');
+                base.$wrapper
+                    .find('span.forward')[ page === base.pages ? 'addClass' : 'removeClass']('disabled').end()
+                    .find('span.back')[ page === 1 ? 'addClass' : 'removeClass']('disabled');
                 if (page === base.pages && base.playing) { base.startStop(); }
             }
@@ -530 +508 @@
             if (!move) {
                 var d = base.getDim(page);
-                base.$wrapper.css({ width: d[0], height: d[1] });
-                base.$wrapper.scrollLeft(0); // reset in case tabbing changed this scrollLeft
+                base.$wrapper
+                    .css({ width: d[0], height: d[1] })
+                    .add(base.$window).scrollLeft(0); // reset in case tabbing changed this scrollLeft - probably overly redundant
                 base.$el.css('left', -base.panelSize[(o.infiniteSlides && base.pages > 1) ? page : page - 1][2] );
             }
             // Update local variable
             base.currentPage = page;
-            base.$currentPage = base.$items.eq(page - base.adjustLimit).addClass('activePage');
-
+            base.$currentPage = base.$items.removeClass('activePage').eq(page - base.adj).addClass('activePage');
+
+        };
+
+        base.makeActive = function(){
             // Set current slider as active so keyboard navigation works properly
             if (!base.$wrapper.is('.activeSlider')){
@@ -543 +525 @@
                 base.$wrapper.addClass('activeSlider');
             }
-        };
-
-        base.goForward = function(autoplay) {
-            if (autoplay !== true) { autoplay = false; base.startStop(false); }
-            base.gotoPage(base.currentPage + 1, autoplay);
-        };
-
-        base.goBack = function(autoplay) {
-            if (autoplay !== true) { autoplay = false; base.startStop(false); }
-            base.gotoPage(base.currentPage - 1, autoplay);
         };
 
@@ -576 +548 @@
                 t1 = (toggle) ? 0 : o.animationTime,
                 t2 = (toggle) ? o.animationTime: 0,
-                op = (toggle) ? 1: 0,
+                op = (toggle) ? 1 : 0,
                 sign = (toggle) ? 0 : 1; // 0 = visible, 1 = hidden
             if (o.toggleControls) {
@@ -613 +585 @@
 
             // Toggle playing and text
-            if (o.autoPlay) {
+            if (o.buildStartStop) {
                 base.$startStop.toggleClass('playing', playing).html('<span>' + (playing ? o.stopText : o.startText) + '</span>');
                 // add button text to title attribute if it is hidden by text-indent
@@ -621 +593 @@
             }
 
-            if (playing){
+            // Pause slideshow while video is playing
+            if (playing && o.resumeOnVideoEnd){
                 base.clearTimer(true); // Just in case this was triggered twice in a row
                 base.timer = base.win.setInterval(function() {
                     // prevent autoplay if video is playing
-                    if (!(base.hasEmb && base.checkVideo(playing))) {
-                        if (o.playRtl) {
-                            base.goBack(true);
-                        } else {
-                            base.goForward(true);
-                        }
+                    if ( !o.isVideoPlaying(base) ) {
+                        base.goForward(true);
                     }
                 }, o.delay);
@@ -638 +607 @@
         };
 
-        base.checkVideo = function(playing){
-            // pause YouTube videos before scrolling?
-            var emb, ps, stopAdvance = false;
-            base.$items.find('object[id*=ytvideo], embed[id*=ytvideo]').each(function(){ // include embed for IE; if not using SWFObject, old detach/append code needs "object embed" here
-                emb = $(this);
-                if (emb.length && $.isFunction(emb[0].getPlayerState)) {
-                    // player states: unstarted (-1), ended (0), playing (1), paused (2), buffering (3), video cued (5).
-                    ps = emb[0].getPlayerState();
-                    // if autoplay, video playing, video is in current panel and resume option are true, then don't advance
-                    if (playing && (ps === 1 || ps > 2) && base.$items.index(emb.closest('.panel')) === base.currentPage && o.resumeOnVideoEnd) {
-                        stopAdvance = true;
-                    } else {
-                        // pause video if not autoplaying (if already initialized)
-                        if (ps > 0) { emb[0].pauseVideo(); }
-                    }
-                }
-            });
-            return stopAdvance;
-        };
-
         // Trigger the initialization
         base.init();
@@ -663 +612 @@
 
     $.anythingSlider.defaults = {
-        // Appearance
-        width               : null,      // Override the default CSS width
-        height              : null,      // Override the default CSS height
+        // ** Appearance **
+        theme               : "default", // Theme name, add the css stylesheet manually
         expand              : false,     // If true, the entire slider will expand to fit the parent element
         resizeContents      : true,      // If true, solitary images/objects in the panel will expand to fit the viewport
         showMultiple        : false,     // Set this value to a number and it will show that many slides at once
-        tooltipClass        : 'tooltip', // Class added to navigation & start/stop button (text copied to title if it is hidden by a negative text indent)
-        theme               : 'default', // Theme name
+        easing              : "swing",   // Anything other than "linear" or "swing" requires the easing plugin or jQuery UI
+
+        buildArrows         : true,      // If true, builds the forwards and backwards buttons
+        buildNavigation     : true,      // If true, builds a list of anchor links to link to each panel
+        buildStartStop      : true,      // ** If true, builds the start/stop button
+
+        appendFowardTo      : null,      // Append forward arrow to a HTML element (jQuery Object, selector or HTMLNode), if not null
+        appendBackTo        : null,      // Append back arrow to a HTML element (jQuery Object, selector or HTMLNode), if not null
+        appendControlsTo    : null,      // Append controls (navigation + start-stop) to a HTML element (jQuery Object, selector or HTMLNode), if not null
+        appendNavigationTo  : null,      // Append navigation buttons to a HTML element (jQuery Object, selector or HTMLNode), if not null
+        appendStartStopTo   : null,      // Append start-stop button to a HTML element (jQuery Object, selector or HTMLNode), if not null
+
+        toggleArrows        : false,     // If true, side navigation arrows will slide out on hovering & hide @ other times
+        toggleControls      : false,     // if true, slide in controls (navigation + play/stop button) on hover and slide change, hide @ other times
+
+        startText           : "Start",   // Start button text
+        stopText            : "Stop",    // Stop button text
+        forwardText         : "&raquo;", // Link text used to move the slider forward (hidden by CSS, replaced with arrow image)
+        backText            : "&laquo;", // Link text used to move the slider back (hidden by CSS, replace with arrow image)
+        tooltipClass        : "tooltip", // Class added to navigation & start/stop button (text copied to title if it is hidden by a negative text indent)
+
+        // Function
+        enableArrows        : true,      // if false, arrows will be visible, but not clickable.
+        enableNavigation    : true,      // if false, navigation links will still be visible, but not clickable.
+        enableStartStop     : true,      // if false, the play/stop button will still be visible, but not clickable. Previously "enablePlay"
+        enableKeyboard      : true,      // if false, keyboard arrow keys will not work for this slider.
 
         // Navigation
         startPanel          : 1,         // This sets the initial panel
+        changeBy            : 1,         // Amount to go forward or back when changing panels.
         hashTags            : true,      // Should links change the hashtag in the URL?
-        infiniteSlides      : true,      // if false, the slider will not wrap
-        enableKeyboard      : true,      // if false, keyboard arrow keys will not work for the current panel.
-        buildArrows         : true,      // If true, builds the forwards and backwards buttons
-        toggleArrows        : false,     // If true, side navigation arrows will slide out on hovering & hide @ other times
-        buildNavigation     : true,      // If true, builds a list of anchor links to link to each panel
-        enableNavigation    : true,      // if false, navigation links will still be visible, but not clickable.
-        toggleControls      : false,     // if true, slide in controls (navigation + play/stop button) on hover and slide change, hide @ other times
-        appendControlsTo    : null,      // A HTML element (jQuery Object, selector or HTMLNode) to which the controls will be appended if not null
+        infiniteSlides      : true,      // if false, the slider will not wrap & not clone any panels
         navigationFormatter : null,      // Details at the top of the file on this use (advanced use)
-        forwardText         : "&raquo;", // Link text used to move the slider forward (hidden by CSS, replaced with arrow image)
-        backText            : "&laquo;", // Link text used to move the slider back (hidden by CSS, replace with arrow image)
 
         // Slideshow options
-        enablePlay          : true,      // if false, the play/stop button will still be visible, but not clickable.
-        autoPlay            : true,      // This turns off the entire slideshow FUNCTIONALY, not just if it starts running or not
+        autoPlay            : false,     // If true, the slideshow will start running; replaces "startStopped" option
         autoPlayLocked      : false,     // If true, user changing slides will not stop the slideshow
-        startStopped        : false,     // If autoPlay is on, this can force it to start stopped
+        autoPlayDelayed     : false,     // If true, starting a slideshow will delay advancing slides; if false, the slider will immediately advance to the next slide when slideshow starts
         pauseOnHover        : true,      // If true & the slideshow is active, the slideshow will pause on hover
-        resumeOnVideoEnd    : true,      // If true & the slideshow is active & a youtube video is playing, it will pause the autoplay until the video is complete
         stopAtEnd           : false,     // If true & the slideshow is active, the slideshow will stop on the last page. This also stops the rewind effect when infiniteSlides is false.
         playRtl             : false,     // If true, the slideshow will move right-to-left
-        startText           : "Start",   // Start button text
-        stopText            : "Stop",    // Stop button text
+
+        // Times
         delay               : 3000,      // How long between slideshow transitions in AutoPlay mode (in milliseconds)
         resumeDelay         : 15000,     // Resume slideshow after user interaction, only if autoplayLocked is true (in milliseconds).
         animationTime       : 600,       // How long the slideshow transition takes (in milliseconds)
-        easing              : "swing",   // Anything other than "linear" or "swing" requires the easing plugin
 
         // Callbacks - removed from options to reduce size - they still work
 
         // Interactivity
-        clickArrows         : "click",         // Event used to activate arrow functionality (e.g. "click" or "mouseenter")
+        clickForwardArrow   : "click",         // Event used to activate forward arrow functionality (e.g. add jQuery mobile's "swiperight")
+        clickBackArrow      : "click",         // Event used to activate back arrow functionality (e.g. add jQuery mobile's "swipeleft")
         clickControls       : "click focusin", // Events used to activate navigation control functionality
         clickSlideshow      : "click",         // Event used to activate slideshow play/stop button
 
-        // Misc options
-        addWmodeToObject    : "opaque", // If your slider has an embedded object, the script will automatically add a wmode parameter with this setting
-        maxOverallWidth     : 32766     // Max width (in pixels) of combined sliders (side-to-side); set to 32766 to prevent problems with Opera
+        // Video
+        resumeOnVideoEnd    : true,      // If true & the slideshow is active & a supported video is playing, it will pause the autoplay until the video is complete
+        addWmodeToObject    : "opaque",  // If your slider has an embedded object, the script will automatically add a wmode parameter with this setting
+        isVideoPlaying      : function(base){ return false; } // return true if video is playing or false if not - used by video extension
+
     };
 

anythingslider-for-wordpress/trunk/js/jquery.anythingslider.min.js

@@ -1 +1 @@
 /*
- AnythingSlider v1.5.21 minified using Google Closure Compiler
- By Chris Coyier: http://css-tricks.com
- with major improvements by Doug Neiner: http://pixelgraphics.us/
- based on work by Remy Sharp: http://jqueryfordesigners.com/
+ AnythingSlider v1.7.1 minified using Google Closure Compiler
+ Original by Chris Coyier: http://css-tricks.com
+ Get the latest version: https://github.com/ProLoser/AnythingSlider
 */
 
-(function(d){d.anythingSlider=function(i,j){var a=this,b;a.$el=d(i).addClass("anythingBase").wrap('<div class="anythingSlider"><div class="anythingWindow" /></div>');a.$el.data("AnythingSlider",a);a.init=function(){a.options=b=d.extend({},d.anythingSlider.defaults,j);a.initialized=!1;d.isFunction(b.onBeforeInitialize)&&a.$el.bind("before_initialize",b.onBeforeInitialize);a.$el.trigger("before_initialize",a);a.$wrapper=a.$el.parent().closest("div.anythingSlider").addClass("anythingSlider-"+b.theme); a.$window=a.$el.closest("div.anythingWindow");a.$controls=d('<div class="anythingControls"></div>').appendTo(b.appendControlsTo!==null&&d(b.appendControlsTo).length?d(b.appendControlsTo):a.$wrapper);a.win=window;a.$win=d(a.win);a.$nav=d('<ul class="thumbNav" />').appendTo(a.$controls);a.flag=!1;a.playing=!1;a.slideshow=!1;a.hovered=!1;a.panelSize=[];a.currentPage=b.startPanel=parseInt(b.startPanel,10)||1;a.adjustLimit=b.infiniteSlides?0:1;a.outerPad=[a.$wrapper.innerWidth()-a.$wrapper.width(),a.$wrapper.innerHeight()- a.$wrapper.height()];b.playRtl&&a.$wrapper.addClass("rtl");a.original=[b.autoPlay,b.buildNavigation,b.buildArrows];if(b.expand)a.$outer=a.$wrapper.parent(),a.$window.css({width:"100%",height:"100%"}),a.outerDim=[a.$outer.width(),a.$outer.height()],a.checkResize();a.updateSlider();a.$lastPage=a.$currentPage;a.runTimes=d("div.anythingSlider").index(a.$wrapper)+1;a.regex=RegExp("panel"+a.runTimes+"-(\\d+)","i");if(!d.isFunction(d.easing[b.easing]))b.easing="swing";b.pauseOnHover&&a.$wrapper.hover(function(){a.playing&& (a.$el.trigger("slideshow_paused",a),a.clearTimer(!0))},function(){a.playing&&(a.$el.trigger("slideshow_unpaused",a),a.startStop(a.playing,!0))});var c,e=b.hashTags?a.gotoHash()||b.startPanel:b.startPanel;a.setCurrentPage(e,!1);a.slideControls(!1);a.$wrapper.bind("mouseenter mouseleave",function(b){a.hovered=b.type==="mouseenter"?!0:!1;a.slideControls(a.hovered,!1)});b.enableKeyboard&&d(document).keyup(function(b){if(a.$wrapper.is(".activeSlider")&&!b.target.tagName.match("TEXTAREA|INPUT|SELECT"))switch(b.which){case 39:a.goForward(); break;case 37:a.goBack()}});c="slideshow_paused slideshow_unpaused slide_init slide_begin slideshow_stop slideshow_start initialized swf_completed".split(" ");d.each("onShowPause onShowUnpause onSlideInit onSlideBegin onShowStop onShowStart onInitialized onSWFComplete".split(" "),function(b,e){d.isFunction(a.options[e])&&a.$el.bind(c[b],a.options[e])});d.isFunction(b.onSlideComplete)&&a.$el.bind("slide_complete",function(){setTimeout(function(){b.onSlideComplete(a)},0)});a.initialized=!0;a.$el.trigger("initialized", a)};a.updateSlider=function(){a.$el.children(".cloned").remove();a.$nav.empty();a.$items=a.$el.children();a.pages=a.$items.length;b.showMultiple=parseInt(b.showMultiple,10)||1;if(b.showMultiple>1){if(b.showMultiple>a.pages)b.showMultiple=a.pages;a.adjustMultiple=b.infiniteSlides&&a.pages>1?0:parseInt(b.showMultiple,10)-1;a.pages=a.$items.length-a.adjustMultiple}if(a.pages<=1)b.autoPlay=!1,b.buildNavigation=!1,b.buildArrows=!1,a.$controls.hide(),a.$nav.hide(),a.$forward&&a.$forward.add(a.$back).hide(); else{b.autoPlay=a.original[0];b.buildNavigation=a.original[1];b.buildArrows=a.original[2];a.$controls.show();a.$nav.show();a.$forward&&a.$forward.add(a.$back).show();a.buildNavigation();if(b.autoPlay)a.playing=!b.startStopped,a.buildAutoPlay();b.buildArrows&&a.buildNextBackButtons()}b.infiniteSlides&&a.pages>1&&(a.$el.prepend(a.$items.filter(":last").clone().addClass("cloned").removeAttr("id")),b.showMultiple>1?a.$el.append(a.$items.filter(":lt("+b.showMultiple+")").clone().addClass("cloned").addClass("multiple").removeAttr("id")): a.$el.append(a.$items.filter(":first").clone().addClass("cloned").removeAttr("id")),a.$el.find(".cloned").each(function(){d(this).find("a,input,textarea,select").attr("disabled","disabled");d(this).find("[id]").removeAttr("id")}));a.$items=a.$el.children().addClass("panel");a.setDimensions();b.resizeContents?(b.width&&(a.$items.css("width",b.width),a.$wrapper.css("width",a.getDim(a.currentPage)[0])),b.height&&a.$wrapper.add(a.$items).css("height",b.height)):a.$win.load(function(){a.setDimensions()}); if(a.currentPage>a.pages)a.currentPage=a.pages;a.setCurrentPage(a.currentPage,!1);a.$nav.find("a").eq(a.currentPage-1).addClass("cur");a.hasEmb=a.$items.find("embed[src*=youtube]").length;a.hasSwfo=typeof swfobject!=="undefined"&&swfobject.hasOwnProperty("embedSWF")&&d.isFunction(swfobject.embedSWF)?!0:!1;a.hasEmb&&a.hasSwfo&&a.$items.find("embed[src*=youtube]").each(function(c){var e=d(this).parent()[0].tagName==="OBJECT"?d(this).parent():d(this);e.wrap('<div id="ytvideo'+c+'"></div>');swfobject.embedSWF(d(this).attr("src")+ "&enablejsapi=1&version=3&playerapiid=ytvideo"+c,"ytvideo"+c,e.attr("width"),e.attr("height"),"10",null,null,{allowScriptAccess:"always",wmode:b.addWmodeToObject,allowfullscreen:!0},{"class":e.attr("class"),style:e.attr("style")},function(){c>=a.hasEmb-1&&a.$el.trigger("swf_completed",a)})});b.showMultiple===!1&&a.$items.find("a").unbind("focus").bind("focus",function(b){a.$items.find(".focusedLink").removeClass("focusedLink");d(this).addClass("focusedLink");var e=d(this).closest(".panel");e.is(".activePage")|| (a.gotoPage(a.$items.index(e)),b.preventDefault())})};a.buildNavigation=function(){var c,e,f;b.buildNavigation&&a.pages>1&&a.$items.filter(":not(.cloned)").each(function(g){var h=g+1;e=(h===1?"first":"")+(h===a.pages?"last":"");f=d('<a href="#"></a>').addClass("panel"+h).wrap('<li class="'+e+'" />');a.$nav.append(f.parent());d.isFunction(b.navigationFormatter)?(c=b.navigationFormatter(h,d(this)),f.html("<span>"+c+"</span>"),parseInt(f.find("span").css("text-indent"),10)<0&&f.addClass(b.tooltipClass).attr("title", c)):f.html("<span>"+h+"</span>");f.bind(b.clickControls,function(c){if(!a.flag&&b.enableNavigation)a.flag=!0,setTimeout(function(){a.flag=!1},100),a.gotoPage(h),b.hashTags&&a.setHash(h);c.preventDefault()})})};a.buildNextBackButtons=function(){if(!a.$forward)a.$forward=d('<span class="arrow forward"><a href="#"><span>'+b.forwardText+"</span></a></span>"),a.$back=d('<span class="arrow back"><a href="#"><span>'+b.backText+"</span></a></span>"),a.$back.bind(b.clickArrows,function(b){a.goBack();b.preventDefault()}), a.$forward.bind(b.clickArrows,function(b){a.goForward();b.preventDefault()}),a.$back.add(a.$forward).find("a").bind("focusin focusout",function(){d(this).toggleClass("hover")}),a.$wrapper.prepend(a.$forward).prepend(a.$back),a.$arrowWidth=a.$forward.width()};a.buildAutoPlay=function(){if(!(a.$startStop||a.pages<2))a.$startStop=d("<a href='#' class='start-stop'></a>").html("<span>"+(a.playing?b.stopText:b.startText)+"</span>"),a.$controls.prepend(a.$startStop),a.$startStop.bind(b.clickSlideshow,function(c){b.enablePlay&& (a.startStop(!a.playing),a.playing&&(b.playRtl?a.goBack(!0):a.goForward(!0)));c.preventDefault()}).bind("focusin focusout",function(){d(this).toggleClass("hover")}),a.startStop(a.playing)};a.checkResize=function(b){clearTimeout(a.resizeTimer);a.resizeTimer=setTimeout(function(){var e=a.$outer.width(),d=a.$outer[0].tagName==="BODY"?a.$win.height():a.$outer.height(),g=a.outerDim;if(g[0]!==e||g[1]!==d)a.outerDim=[e,d],a.setDimensions(),a.gotoPage(a.currentPage,a.playing,null,1);typeof b==="undefined"&& a.checkResize()},500)};a.setDimensions=function(){var c,e,f,g,h,i=0,k=b.showMultiple>1?b.width||a.$window.width()/b.showMultiple:a.$window.width(),j=a.$win.width();b.expand&&(c=a.$outer.width()-a.outerPad[0],e=a.$outer.height()-a.outerPad[1],a.$wrapper.add(a.$window).add(a.$items).css({width:c,height:e}),k=b.showMultiple>1?c/b.showMultiple:c);a.$items.each(function(l){f=d(this).children("*");b.resizeContents?(c=parseInt(b.width,10)||k,e=parseInt(b.height,10)||a.$window.height(),d(this).css({width:c, height:e}),f.length===1&&(f.css({width:"100%",height:"100%"}),f[0].tagName==="OBJECT"&&f.find("embed").andSelf().attr({width:"100%",height:"100%"}))):(c=d(this).width(),h=c>=j?!0:!1,f.length===1&&h&&(g=f.width()>=j?k:f.width(),d(this).css("width",g),f.css("max-width",g),c=g),c=h?b.width||k:c,d(this).css("width",c),e=d(this).outerHeight(),d(this).css("height",e));a.panelSize[l]=[c,e,i];i+=c});a.$el.css("width",i<b.maxOverallWidth?i:b.maxOverallWidth)};a.getDim=function(c){var c=b.infiniteSlides&&a.pages> 1?c:c-1,e,d=a.panelSize[c][0],g=a.panelSize[c][1];if(b.showMultiple>1)for(e=1;e<b.showMultiple;e++)d+=a.panelSize[(c+e)%b.showMultiple][0],g=Math.max(g,a.panelSize[c+e][1]);return[d,g]};a.gotoPage=function(c,e,d,g){if(!(a.pages<=1)){a.$lastPage=a.$currentPage;if(typeof c!=="number")c=b.startPanel,a.setCurrentPage(c);if(!a.hasEmb||!a.checkVideo(a.playing))c>a.pages+1-a.adjustLimit&&(c=!b.infiniteSlides&&!b.stopAtEnd?1:a.pages),c<a.adjustLimit&&(c=!b.infiniteSlides&&!b.stopAtEnd?a.pages:1),a.currentPage= c>a.pages?a.pages:c<1?1:a.currentPage,a.$currentPage=a.$items.eq(a.currentPage-a.adjustLimit),a.exactPage=c,a.$targetPage=a.$items.eq(c===0?a.pages-a.adjustLimit:c>a.pages?1-a.adjustLimit:c-a.adjustLimit),a.$el.trigger("slide_init",a),a.slideControls(!0,!1),e!==!0&&(e=!1),(!e||b.stopAtEnd&&c===a.pages)&&a.startStop(!1),a.$el.trigger("slide_begin",a),b.resizeContents||(e=a.getDim(c),a.$wrapper.filter(":not(:animated)").animate({width:e[0],height:e[1]},{queue:!1,duration:g||b.animationTime,easing:b.easing})), a.$el.filter(":not(:animated)").animate({left:-a.panelSize[b.infiniteSlides&&a.pages>1?c:c-1][2]},{queue:!1,duration:g||b.animationTime,easing:b.easing,complete:function(){a.endAnimation(c,d)}})}};a.endAnimation=function(c,e){c===0?(a.$el.css("left",-a.panelSize[a.pages][2]),c=a.pages):c>a.pages&&(a.$el.css("left",-a.panelSize[1][2]),c=1);a.exactPage=c;a.setCurrentPage(c,!1);a.$items.removeClass("activePage").eq(c-a.adjustLimit).addClass("activePage");a.hovered||a.slideControls(!1);if(a.hasEmb){var f= a.$currentPage.find("object[id*=ytvideo], embed[id*=ytvideo]");f.length&&d.isFunction(f[0].getPlayerState)&&f[0].getPlayerState()>0&&f[0].getPlayerState()!==5&&f[0].playVideo()}a.$el.trigger("slide_complete",a);typeof e==="function"&&e(a);b.autoPlayLocked&&!a.playing&&setTimeout(function(){a.startStop(!0)},b.resumeDelay-b.delay)};a.setCurrentPage=function(c,e){c=parseInt(c,10);c>a.pages+1-a.adjustLimit&&(c=a.pages-a.adjustLimit);c<a.adjustLimit&&(c=1);b.buildNavigation&&(a.$nav.find(".cur").removeClass("cur"), a.$nav.find("a").eq(c-1).addClass("cur"));!b.infiniteSlides&&b.stopAtEnd&&(a.$wrapper.find("span.forward")[c===a.pages?"addClass":"removeClass"]("disabled"),a.$wrapper.find("span.back")[c===1?"addClass":"removeClass"]("disabled"),c===a.pages&&a.playing&&a.startStop());if(!e){var f=a.getDim(c);a.$wrapper.css({width:f[0],height:f[1]});a.$wrapper.scrollLeft(0);a.$el.css("left",-a.panelSize[b.infiniteSlides&&a.pages>1?c:c-1][2])}a.currentPage=c;a.$currentPage=a.$items.eq(c-a.adjustLimit).addClass("activePage"); a.$wrapper.is(".activeSlider")||(d(".activeSlider").removeClass("activeSlider"),a.$wrapper.addClass("activeSlider"))};a.goForward=function(b){b!==!0&&(b=!1,a.startStop(!1));a.gotoPage(a.currentPage+1,b)};a.goBack=function(b){b!==!0&&(b=!1,a.startStop(!1));a.gotoPage(a.currentPage-1,b)};a.gotoHash=function(){var b=a.win.location.hash.match(a.regex);return b===null?"":parseInt(b[1],10)};a.setHash=function(b){var e="panel"+a.runTimes+"-",d=a.win.location.hash;if(typeof d!=="undefined")a.win.location.hash= d.indexOf(e)>0?d.replace(a.regex,e+b):d+"&"+e+b};a.slideControls=function(c){var d=c?0:b.animationTime,f=c?b.animationTime:0,g=c?1:0,h=c?0:1;b.toggleControls&&a.$controls.stop(!0,!0).delay(d)[c?"slideDown":"slideUp"](b.animationTime/2).delay(f);b.buildArrows&&b.toggleArrows&&(!a.hovered&&a.playing&&(h=1,g=0),a.$forward.stop(!0,!0).delay(d).animate({right:h*a.$arrowWidth,opacity:g},b.animationTime/2),a.$back.stop(!0,!0).delay(d).animate({left:h*a.$arrowWidth,opacity:g},b.animationTime/2))};a.clearTimer= function(b){if(a.timer&&(a.win.clearInterval(a.timer),!b&&a.slideshow))a.$el.trigger("slideshow_stop",a),a.slideshow=!1};a.startStop=function(c,d){c!==!0&&(c=!1);if(c&&!d)a.$el.trigger("slideshow_start",a),a.slideshow=!0;a.playing=c;b.autoPlay&&(a.$startStop.toggleClass("playing",c).html("<span>"+(c?b.stopText:b.startText)+"</span>"),parseInt(a.$startStop.find("span").css("text-indent"),10)<0&&a.$startStop.addClass(b.tooltipClass).attr("title",c?"Stop":"Start"));c?(a.clearTimer(!0),a.timer=a.win.setInterval(function(){if(!a.hasEmb|| !a.checkVideo(c))b.playRtl?a.goBack(!0):a.goForward(!0)},b.delay)):a.clearTimer()};a.checkVideo=function(c){var e,f,g=!1;a.$items.find("object[id*=ytvideo], embed[id*=ytvideo]").each(function(){e=d(this);e.length&&d.isFunction(e[0].getPlayerState)&&(f=e[0].getPlayerState(),c&&(f===1||f>2)&&a.$items.index(e.closest(".panel"))===a.currentPage&&b.resumeOnVideoEnd?g=!0:f>0&&e[0].pauseVideo())});return g};a.init()};d.anythingSlider.defaults={width:null,height:null,expand:!1,resizeContents:!0,showMultiple:!1, tooltipClass:"tooltip",theme:"default",startPanel:1,hashTags:!0,infiniteSlides:!0,enableKeyboard:!0,buildArrows:!0,toggleArrows:!1,buildNavigation:!0,enableNavigation:!0,toggleControls:!1,appendControlsTo:null,navigationFormatter:null,forwardText:"&raquo;",backText:"&laquo;",enablePlay:!0,autoPlay:!0,autoPlayLocked:!1,startStopped:!1,pauseOnHover:!0,resumeOnVideoEnd:!0,stopAtEnd:!1,playRtl:!1,startText:"Start",stopText:"Stop",delay:3E3,resumeDelay:15E3,animationTime:600,easing:"swing",clickArrows:"click", clickControls:"click focusin",clickSlideshow:"click",addWmodeToObject:"opaque",maxOverallWidth:32766};d.fn.anythingSlider=function(i,j){return this.each(function(){var a,b=d(this).data("AnythingSlider");(typeof i).match("object|undefined")?b?b.updateSlider():new d.anythingSlider(this,i):/\d/.test(i)&&!isNaN(i)&&b&&(a=typeof i==="number"?i:parseInt(d.trim(i),10),a>=1&&a<=b.pages&&b.gotoPage(a,!1,j))})}})(jQuery);
+(function(d){d.anythingSlider=function(i,j){var a=this,b;a.$el=d(i).addClass("anythingBase").wrap('<div class="anythingSlider"><div class="anythingWindow" /></div>');a.$el.data("AnythingSlider",a);a.init=function(){a.options=b=d.extend({},d.anythingSlider.defaults,j);a.initialized=!1;d.isFunction(b.onBeforeInitialize)&&a.$el.bind("before_initialize",b.onBeforeInitialize);a.$el.trigger("before_initialize",a);a.$wrapper=a.$el.parent().closest("div.anythingSlider").addClass("anythingSlider-"+b.theme); a.$window=a.$el.closest("div.anythingWindow");a.win=window;a.$win=d(a.win);a.$controls=d('<div class="anythingControls"></div>').appendTo(b.appendControlsTo!==null&&d(b.appendControlsTo).length?d(b.appendControlsTo):a.$wrapper);a.$startStop=d('<a href="#" class="start-stop"></a>');b.buildStartStop&&a.$startStop.appendTo(b.appendStartStopTo!==null&&d(b.appendStartStopTo).length?d(b.appendStartStopTo):a.$controls);a.$nav=d('<ul class="thumbNav" />').appendTo(b.appendNavigationTo!==null&&d(b.appendNavigationTo).length? d(b.appendNavigationTo):a.$controls);a.flag=!1;a.playing=!1;a.slideshow=!1;a.hovered=!1;a.panelSize=[];a.currentPage=b.startPanel=parseInt(b.startPanel,10)||1;a.adj=b.infiniteSlides?0:1;a.width=a.$el.width();a.height=a.$el.height();a.outerPad=[a.$wrapper.innerWidth()-a.$wrapper.width(),a.$wrapper.innerHeight()-a.$wrapper.height()];b.playRtl&&a.$wrapper.addClass("rtl");if(b.expand)a.$outer=a.$wrapper.parent(),a.$window.css({width:"100%",height:"100%"}),a.checkResize();b.buildStartStop?(a.playing=b.autoPlay, a.buildAutoPlay()):b.autoPlayLocked=!1;b.buildArrows&&a.buildNextBackButtons();a.updateSlider();a.$lastPage=a.$currentPage;a.runTimes=d("div.anythingSlider").index(a.$wrapper)+1;a.regex=RegExp("panel"+a.runTimes+"-(\\d+)","i");if(!d.isFunction(d.easing[b.easing]))b.easing="swing";b.pauseOnHover&&a.$wrapper.hover(function(){a.playing&&(a.$el.trigger("slideshow_paused",a),a.clearTimer(!0))},function(){a.playing&&(a.$el.trigger("slideshow_unpaused",a),a.startStop(a.playing,!0))});var c,f=b.hashTags? a.gotoHash()||b.startPanel:b.startPanel;a.setCurrentPage(f,!1);a.slideControls(!1);a.$wrapper.bind("mouseenter mouseleave",function(b){a.hovered=b.type==="mouseenter"?!0:!1;a.slideControls(a.hovered,!1)});d(document).keyup(function(c){var f;f=a.$wrapper.is(".activeSlider")&&!c.target.tagName.match("TEXTAREA|INPUT|SELECT");switch(c.which){case 9:c=d(":focus");f=c.closest(".anythingSlider");f[0]===a.$wrapper[0]&&(a.makeActive(),a.$window.scrollLeft(0),a.gotoPage(c.closest(".panel").index()+a.adj)); break;case 39:f&&b.enableKeyboard&&a.goForward();break;case 37:f&&b.enableKeyboard&&a.goBack()}});c="slideshow_paused slideshow_unpaused slide_init slide_begin slideshow_stop slideshow_start initialized swf_completed".split(" ");d.each("onShowPause onShowUnpause onSlideInit onSlideBegin onShowStop onShowStart onInitialized onSWFComplete".split(" "),function(f,g){d.isFunction(b[g])&&a.$el.bind(c[f],b[g])});d.isFunction(b.onSlideComplete)&&a.$el.bind("slide_complete",function(){setTimeout(function(){b.onSlideComplete(a)}, 0)});a.initialized=!0;a.$el.trigger("initialized",a);a.startStop(a.playing)};a.updateSlider=function(){a.$el.children(".cloned").remove();a.$nav.empty();a.currentPage=a.currentPage||1;a.$items=a.$el.children();a.pages=a.$items.length;b.showMultiple=parseInt(b.showMultiple,10)||1;if(b.showMultiple>1){if(b.showMultiple>a.pages)b.showMultiple=a.pages;a.adjustMultiple=b.infiniteSlides&&a.pages>1?0:b.showMultiple-1;a.pages=a.$items.length-a.adjustMultiple}a.$controls.add(a.$nav).add(a.$startStop).add(a.$forward).add(a.$back)[a.pages<= 1?"hide":"show"]();a.pages>1&&a.buildNavigation();b.infiniteSlides&&a.pages>1&&(a.$el.prepend(a.$items.filter(":last").clone().addClass("cloned").removeAttr("id")),b.showMultiple>1?a.$el.append(a.$items.filter(":lt("+b.showMultiple+")").clone().addClass("cloned").addClass("multiple").removeAttr("id")):a.$el.append(a.$items.filter(":first").clone().addClass("cloned").removeAttr("id")),a.$el.find(".cloned").each(function(){d(this).find("a,input,textarea,select,button,area").attr("disabled","disabled"); d(this).find("[id]").removeAttr("id")}));a.$items=a.$el.children().addClass("panel");a.setDimensions();b.resizeContents&&a.pages>1?(a.$items.css("width",a.width),a.$wrapper.css("width",a.getDim(a.currentPage)[0]),a.$wrapper.add(a.$items).css("height",a.height)):a.$win.load(function(){a.setDimensions()});if(a.currentPage>a.pages)a.currentPage=a.pages;a.setCurrentPage(a.currentPage,!1);a.$nav.find("a").eq(a.currentPage-1).addClass("cur")};a.buildNavigation=function(){if(b.buildNavigation&&a.pages>1){var c, f,e;a.$items.filter(":not(.cloned)").each(function(g){var h=g+1;f=(h===1?"first":"")+(h===a.pages?"last":"");e=d('<a href="#"></a>').addClass("panel"+h).wrap('<li class="'+f+'" />');a.$nav.append(e.parent());d.isFunction(b.navigationFormatter)?(c=b.navigationFormatter(h,d(this)),e.html("<span>"+c+"</span>"),parseInt(e.find("span").css("text-indent"),10)<0&&e.addClass(b.tooltipClass).attr("title",c)):e.html("<span>"+h+"</span>");e.bind(b.clickControls,function(c){if(!a.flag&&b.enableNavigation)a.flag= !0,setTimeout(function(){a.flag=!1},100),a.gotoPage(h),b.hashTags&&a.setHash(h);c.preventDefault()})})}};a.buildNextBackButtons=function(){a.$forward=d('<span class="arrow forward"><a href="#"><span>'+b.forwardText+"</span></a></span>");a.$back=d('<span class="arrow back"><a href="#"><span>'+b.backText+"</span></a></span>");a.$back.bind(b.clickBackArrow,function(c){if(b.enableArrows&&!a.flag)a.flag=!0,setTimeout(function(){a.flag=!1},100),a.goBack();c.preventDefault()});a.$forward.bind(b.clickForwardArrow, function(c){if(b.enableArrows&&!a.flag)a.flag=!0,setTimeout(function(){a.flag=!1},100),a.goForward();c.preventDefault()});a.$back.add(a.$forward).find("a").bind("focusin focusout",function(){d(this).toggleClass("hover")});a.$forward.appendTo(b.appendFowardTo!==null&&d(b.appendFowardTo).length?d(b.appendFowardTo):a.$wrapper);a.$back.appendTo(b.appendBackTo!==null&&d(b.appendBackTo).length?d(b.appendBackTo):a.$wrapper);a.$arrowWidth=a.$forward.width()};a.buildAutoPlay=function(){a.$startStop.html("<span>"+ (a.playing?b.stopText:b.startText)+"</span>").bind(b.clickSlideshow,function(c){b.enableStartStop&&(a.startStop(!a.playing),a.makeActive(),a.playing&&!b.autoPlayDelayed&&a.goForward(!0));c.preventDefault()}).bind("focusin focusout",function(){d(this).toggleClass("hover")})};a.checkResize=function(c){clearTimeout(a.resizeTimer);a.resizeTimer=setTimeout(function(){var f=a.$outer.width()-a.outerPad[0],d=(a.$outer[0].tagName==="BODY"?a.$win.height():a.$outer.height())-a.outerPad[1];if(a.width*b.showMultiple!== f||a.height!==d)a.setDimensions(),a.gotoPage(a.currentPage,a.playing,null,1);typeof c==="undefined"&&a.checkResize()},500)};a.setDimensions=function(){var c,f,e,g=0,h=b.showMultiple>1?a.width||a.$window.width()/b.showMultiple:a.$window.width(),i=a.$win.width();if(b.expand)c=a.$outer.width()-a.outerPad[0],a.height=f=a.$outer.height()-a.outerPad[1],a.$wrapper.add(a.$window).add(a.$items).css({width:c,height:f}),a.width=h=b.showMultiple>1?c/b.showMultiple:c;a.$items.each(function(j){e=d(this).children(); b.resizeContents?(c=a.width,d(this).css({width:c,height:a.height}),e.length&&e[0].tagName==="EMBED"&&e.attr({width:"100%",height:"100%"}),e.length===1&&e.css({width:"100%",height:"100%"})):(c=d(this).width(),e.length===1&&c>=i&&(c=e.width()>=i?h:e.width(),e.css("max-width",c)),d(this).css("width",c),f=d(this).outerHeight(),d(this).css("height",f));a.panelSize[j]=[c,f,g];g+=c});a.$el.css("width",g)};a.getDim=function(c){if(!(a.pages<1)){var c=b.infiniteSlides&&a.pages>1?c:c-1,f,d=a.panelSize[c][0], g=a.panelSize[c][1];if(b.showMultiple>1)for(f=1;f<b.showMultiple;f++)d+=a.panelSize[(c+f)%b.showMultiple][0],g=Math.max(g,a.panelSize[c+f][1]);return[d,g]}};a.goForward=function(c){a.gotoPage(a.currentPage+parseInt(b.changeBy,10)*(b.playRtl?-1:1),c)};a.goBack=function(c){a.gotoPage(a.currentPage+parseInt(b.changeBy,10)*(b.playRtl?1:-1),c)};a.gotoPage=function(c,d,e,g){d!==!0&&(d=!1,a.startStop(!1),a.makeActive());b.changeBy!==1&&(c<0&&(c+=a.pages),c>a.pages&&(c-=a.pages));if(!(a.pages<=1)){a.$lastPage= a.$currentPage;if(typeof c!=="number")c=b.startPanel,a.setCurrentPage(c);if(!d||!b.isVideoPlaying(a))c>a.pages+1-a.adj&&(c=!b.infiniteSlides&&!b.stopAtEnd?1:a.pages),c<a.adj&&(c=!b.infiniteSlides&&!b.stopAtEnd?a.pages:1),a.currentPage=c>a.pages?a.pages:c<1?1:a.currentPage,a.$currentPage=a.$items.eq(a.currentPage-a.adj),a.exactPage=c,a.$targetPage=a.$items.eq(c===0?a.pages-a.adj:c>a.pages?1-a.adj:c-a.adj),a.$el.trigger("slide_init",a),a.slideControls(!0,!1),d!==!0&&(d=!1),(!d||b.stopAtEnd&&c===a.pages)&& a.startStop(!1),a.$el.trigger("slide_begin",a),b.resizeContents||(d=a.getDim(c),a.$wrapper.filter(":not(:animated)").animate({width:d[0],height:d[1]},{queue:!1,duration:g||b.animationTime,easing:b.easing})),a.$el.filter(":not(:animated)").animate({left:-a.panelSize[b.infiniteSlides&&a.pages>1?c:c-1][2]},{queue:!1,duration:g||b.animationTime,easing:b.easing,complete:function(){a.endAnimation(c,e)}})}};a.endAnimation=function(c,d){c===0?(a.$el.css("left",-a.panelSize[a.pages][2]),c=a.pages):c>a.pages&& (a.$el.css("left",-a.panelSize[1][2]),c=1);a.exactPage=c;a.setCurrentPage(c,!1);a.$items.removeClass("activePage").eq(c-a.adj).addClass("activePage");a.hovered||a.slideControls(!1);a.$el.trigger("slide_complete",a);typeof d==="function"&&d(a);b.autoPlayLocked&&!a.playing&&setTimeout(function(){a.startStop(!0)},b.resumeDelay-b.delay)};a.setCurrentPage=function(c,d){if(!(a.pages<1||c===0)){c=parseInt(c,10);c>a.pages+1-a.adj&&(c=a.pages-a.adj);c<a.adj&&(c=1);b.buildNavigation&&a.$nav.find(".cur").removeClass("cur").end().find("a").eq(c- 1).addClass("cur");!b.infiniteSlides&&b.stopAtEnd&&(a.$wrapper.find("span.forward")[c===a.pages?"addClass":"removeClass"]("disabled").end().find("span.back")[c===1?"addClass":"removeClass"]("disabled"),c===a.pages&&a.playing&&a.startStop());if(!d){var e=a.getDim(c);a.$wrapper.css({width:e[0],height:e[1]}).add(a.$window).scrollLeft(0);a.$el.css("left",-a.panelSize[b.infiniteSlides&&a.pages>1?c:c-1][2])}a.currentPage=c;a.$currentPage=a.$items.removeClass("activePage").eq(c-a.adj).addClass("activePage")}}; a.makeActive=function(){a.$wrapper.is(".activeSlider")||(d(".activeSlider").removeClass("activeSlider"),a.$wrapper.addClass("activeSlider"))};a.gotoHash=function(){var b=a.win.location.hash.match(a.regex);return b===null?"":parseInt(b[1],10)};a.setHash=function(b){var d="panel"+a.runTimes+"-",e=a.win.location.hash;if(typeof e!=="undefined")a.win.location.hash=e.indexOf(d)>0?e.replace(a.regex,d+b):e+"&"+d+b};a.slideControls=function(c){var d=c?0:b.animationTime,e=c?b.animationTime:0,g=c?1:0,h=c?0: 1;b.toggleControls&&a.$controls.stop(!0,!0).delay(d)[c?"slideDown":"slideUp"](b.animationTime/2).delay(e);b.buildArrows&&b.toggleArrows&&(!a.hovered&&a.playing&&(h=1,g=0),a.$forward.stop(!0,!0).delay(d).animate({right:h*a.$arrowWidth,opacity:g},b.animationTime/2),a.$back.stop(!0,!0).delay(d).animate({left:h*a.$arrowWidth,opacity:g},b.animationTime/2))};a.clearTimer=function(b){if(a.timer&&(a.win.clearInterval(a.timer),!b&&a.slideshow))a.$el.trigger("slideshow_stop",a),a.slideshow=!1};a.startStop= function(c,d){c!==!0&&(c=!1);if(c&&!d)a.$el.trigger("slideshow_start",a),a.slideshow=!0;a.playing=c;b.buildStartStop&&(a.$startStop.toggleClass("playing",c).html("<span>"+(c?b.stopText:b.startText)+"</span>"),parseInt(a.$startStop.find("span").css("text-indent"),10)<0&&a.$startStop.addClass(b.tooltipClass).attr("title",c?"Stop":"Start"));c&&b.resumeOnVideoEnd?(a.clearTimer(!0),a.timer=a.win.setInterval(function(){b.isVideoPlaying(a)||a.goForward(!0)},b.delay)):a.clearTimer()};a.init()};d.anythingSlider.defaults= {theme:"default",expand:!1,resizeContents:!0,showMultiple:!1,easing:"swing",buildArrows:!0,buildNavigation:!0,buildStartStop:!0,appendFowardTo:null,appendBackTo:null,appendControlsTo:null,appendNavigationTo:null,appendStartStopTo:null,toggleArrows:!1,toggleControls:!1,startText:"Start",stopText:"Stop",forwardText:"&raquo;",backText:"&laquo;",tooltipClass:"tooltip",enableArrows:!0,enableNavigation:!0,enableStartStop:!0,enableKeyboard:!0,startPanel:1,changeBy:1,hashTags:!0,infiniteSlides:!0,navigationFormatter:null, autoPlay:!1,autoPlayLocked:!1,autoPlayDelayed:!1,pauseOnHover:!0,stopAtEnd:!1,playRtl:!1,delay:3E3,resumeDelay:15E3,animationTime:600,clickForwardArrow:"click",clickBackArrow:"click",clickControls:"click focusin",clickSlideshow:"click",resumeOnVideoEnd:!0,addWmodeToObject:"opaque",isVideoPlaying:function(){return!1}};d.fn.anythingSlider=function(i,j){return this.each(function(){var a,b=d(this).data("AnythingSlider");(typeof i).match("object|undefined")?b?b.updateSlider():new d.anythingSlider(this, i):/\d/.test(i)&&!isNaN(i)&&b&&(a=typeof i==="number"?i:parseInt(d.trim(i),10),a>=1&&a<=b.pages&&b.gotoPage(a,!1,j))})}})(jQuery);

anythingslider-for-wordpress/trunk/jtd-anything-slider.php

@@ -2 +2 @@
 /*
 Plugin Name: AnythingSlider for WordPress
-Plugin URI: http://wordpress.org/extend/plugins/yadayada
-Description: The famous AnythingSlider
+Plugin URI: http://wordpress.org/extend/plugins/anythingslider-for-wordpress/
+Description: Integrates Chris Coyier's popular AnythingSlider jQuery plugin with WordPress. Visit the <a href="options-general.php?page=anything_slider">Settings Page</a> for more options. Follow me on <a href="http://twitter.com/#!/jacobdubail" target="_blank">Twitter</a> for plugin updates and news.
 Author: Jacob Dubail
 Author URI: http://jacobdubail.com
-Version: 0.1
+Version: 0.6
 */
 
@@ -19 +19 @@
 add_action( 'template_redirect', 'jtd_insertjs_front' );
 function jtd_insertjs_front() {
+    
+    $options = get_option( 'jtd_anything_slides_options' );
+    $video   = $options['video'];
+    
     wp_enqueue_script( 'jquery' );
-    wp_enqueue_script( 'jquery.anythingslider', JTD_INSERTJS . '/jquery.anythingslider.min.js', array( 'jquery' ), '1.5.21' );
+    wp_enqueue_script( 'jquery.anythingslider', JTD_INSERTJS . '/jquery.anythingslider.min.js', array( 'jquery' ), '1.7.1' );
+    
+    if ( $video !== 'false' ) {
+    
+        wp_enqueue_script( 'jquery.anythingslider.video', JTD_INSERTJS . '/jquery.anythingslider.video.min.js', array( 'jquery' ), '1.7.1' );
+        wp_enqueue_script( 'swfobject', JTD_INSERTJS . '/swfobject.js', '', '2.2' );
+        
+    }
+    
 }
 
@@ -26 +38 @@
 add_action( 'wp_print_styles', 'jtd_insertcss_front' );
 function jtd_insertcss_front() {
+    
+    //wp_register_style( 'anythingslider', JTD_INSERTCSS . '/anythingslider.css', '', '1.5.10' );
+    
+    // Check for custom theme css - load it if it exists
+    if ( file_exists( get_stylesheet_directory()."/anythingslider.css" ) ) {
+        wp_register_style( 'anythingslider-base', get_stylesheet_directory_uri() . '/anythingslider.css' );
+    }
+    elseif ( file_exists( get_template_directory()."/anythingslider.css" ) ) {
+        wp_register_style( 'anythingslider-base', get_template_directory_uri() . '/anythingslider.css' );
+    }
+    else {
+        wp_register_style( 'anythingslider-base', JTD_INSERTCSS . '/anythingslider.css' );
+    }
+    
+    
+    wp_enqueue_style( 'anythingslider-base' );
+        
+    
     $options = get_option( 'jtd_anything_slides_options' );
     $theme   = $options['theme'];
-    wp_register_style( 'anythingslider', JTD_INSERTCSS . '/anythingslider.css', '', '1.5.10' );
-    wp_register_style( 'anythingslider-theme', JTD_INSERTCSS . '/theme-' . $theme . '.css', array( 'anythingslider' ), '1.5.10' );
-    
-    if ( $theme != '' ) {
+            
+    wp_register_style( 'anythingslider-theme', JTD_INSERTCSS . '/theme-' . $theme . '.css', '', '1.7.1' );
+    
+    if ( $theme != '' && $theme != 'default' ) {
         wp_enqueue_style( 'anythingslider-theme' );
     } 
-}
+
+}
+
+
+
 
 
@@ -55 +89 @@
         'supports'         => array(
             'title',
-            'thumbnail',
-            'editor'
+            'editor',
+            'custom-fields',
+            'page-attributes'
         ),
         'labels'           => array(
@@ -95 +130 @@
 
 
+// Add meta box on Slide page for Navigation Formatting
+add_action( 'add_meta_boxes', 'jtd_anythingslider_create_metabox' );
+function jtd_anythingslider_create_metabox() {
+    add_meta_box( 'jtd_anythingslider_advanced', 'Advanced Slide Functions', 'jtd_anythingslider_display_advanced_metabox', 'anything_slides', 'normal', 'high' );
+}
+function jtd_anythingslider_display_advanced_metabox( $post ) {
+    
+    // get the meta value if it exists
+    $anything_slides_nav_format = get_post_meta( $post->ID, '_jtd_anything_slides_nav_format', true );
+
+    
+    echo "<table class='form-table'><tbody>
+        <tr class='form-field'>
+            <th scope='row'> <label for='_jtd_anything_slides_nav_format'>Navigation Formatter:</label> </th>
+            <td> <input id='_jtd_anything_slides_nav_format' class='code' type='text' name='_jtd_anything_slides_nav_format' value='" . esc_attr( $anything_slides_nav_format ) . "' /> </td>
+            <td> <em>Customize the text used for the slide navigation</em> </td>
+        </tr>
+    </tbody></table>";
+}
+
+add_action( 'save_post', 'jtd_anythingslider_save_metabox' );
+function jtd_anythingslider_save_metabox( $post_id ) {
+    if ( isset( $_POST['_jtd_anything_slides_nav_format'] ) ) {
+        update_post_meta( $post_id, '_jtd_anything_slides_nav_format', strip_tags( $_POST['_jtd_anything_slides_nav_format'] ) );
+    }
+
+} 
+
+
+
+
 
 // register shortcode for retrieving slides
@@ -103 +169 @@
 
 function jtd_anything_slides_shortcode( $attr ) {
-    
     
     // setup slide query
@@ -116 +181 @@
     );
     
-    $options     = get_option( 'jtd_anything_slides_options' );
-    $height      = ( $attr['height'] )        ? $attr['height']        : ( ( $options['height'] )     ? $options['height']     : 280 );
-    $width       = ( $attr['width'] )         ? $attr['width']         : ( ( $options['width'] )      ? $options['width']      : 960 );
-    $delay       = ( $attr['delay'] )         ? $attr['delay']         : ( ( $options['delay'] )      ? $options['delay']      : 5000 );  
-    $resume      = ( $attr['resume'] )        ? $attr['resume']        : ( ( $options['resume'] )     ? $options['resume']     : 9000 ); 
-    $animation   = ( $attr['animation'] )     ? $attr['animation']     : ( ( $options['animation'] )  ? $options['animation']  : 800 ); 
-    $arrows      = ( $options['arrows'] )     ? $options['arrows']     : true;
-    $navigation  = ( $options['navigation'] ) ? $options['navigation'] : true;
-    $theme       = ( $options['theme'] )      ? $options['theme']      : 'default';
-    
-        
+    $options        = get_option( 'jtd_anything_slides_options' );
+        
+    // Appearance
+    $width          = ( isset( $attr['width'] ) )             ? $attr['width']                 : ( ( $options['width'] )          ? $options['width']          : 570 );
+    $height         = ( isset( $attr['height'] ) )            ? $attr['height']                : ( ( $options['height'] )         ? $options['height']         : 300 );
+    $expand         = ( isset( $attr['expand'] ) )            ? $attr['expand']                : ( ( $options['expand'] )         ? $options['expand']         : 'false' );
+   $resizeContents = ( isset( $attr['resizeContents'] ) )    ? $attr['resizeContents']        : ( ( $options['resizeContents'] ) ? $options['resizeContents'] : 'true' );
+   $showMultiple   = ( isset( $attr['showMultiple'] ) )      ? $attr['showMultiple']          : ( ( $options['showMultiple'] )   ? $options['showMultiple']   : 'false' );
+   $tooltipClass   = ( isset( $attr['tooltipClass'] ) )      ? $attr['tooltipClass']          : ( ( $options['tooltipClass'] )   ? $options['tooltipClass']   : 'tooltip' );
+    $theme          = ( isset( $options['theme'] ) )          ? $options['theme']              : 'default';
+    
+    // Navigation
+   $startPanel     =    ( $options['startPanel'] != NULL )      ? $options['startPanel']         : '1';
+   $hashTags       = ( isset( $options['hashTags'] ) )       ? $options['hashTags']           : 'false';
+   $infiniteSlides = ( isset( $options['infinite'] ) )       ? $options['infinite']           : 'true';
+   $enableKeyboard = ( $options['keyboard']   != NULL )      ? $options['keyboard']           : 'true';
+    $buildArrows    = ( isset( $options['arrows'] ) )         ? $options['arrows']             : 'true';
+    $toggleArrows   = ( isset( $options['toggleArrows'] ) )   ? $options['toggleArrows']       : 'false';
+    $buildNav       = ( isset( $options['navigation'] ) )     ? $options['navigation']         : 'true';
+   $enableNav      = ( isset( $options['enableNav'] ) )      ? $options['enableNav']          : 'true';
+   $toggleControls = ( $options['toggleControls'] != NULL )  ? $options['toggleControls']     : 'false';
+// $appendControls = ( isset( $options['appendControls'] ) ) ? $options['appendControls']     : 'NULL';
+   $forwardText    = ( $options['forwardText'] != NULL )     ? $options['forwardText']        : '&raquo;';
+   $backText       =    ( $options['backText'] != NULL )        ? $options['backText']           : '&laquo;';
+    
+    // Slideshow options
+   $enablePlay     = ( isset( $options['enablePlay'] ) )     ? $options['enablePlay']         : 'true';
+   $autoPlay       = ( isset( $options['autoPlay'] ) )       ? $options['autoPlay']           : 'true';
+   $autoPlayLocked = ( isset( $options['autoPlayLocked'] ) ) ? $options['autoPlayLocked']     : 'false';
+   $startStopped   = ( isset( $options['startStopped'] ) )   ? $options['startStopped']       : 'false';
+   $pauseOnHover   = ( isset( $options['pauseOnHover'] ) )   ? $options['pauseOnHover']       : 'true';
+   $stopAtEnd      = ( isset( $options['stopAtEnd'] ) )      ? $options['stopAtEnd']          : 'false';
+   $playRtl        = ( isset( $options['playRtl'] ) )        ? $options['playRtl']            : 'false';
+   $startText      = ( isset( $options['startText'] ) )      ? $options['startText']          : 'Start';
+   $stopText       = ( isset( $options['stopText'] ) )       ? $options['stopText']           : 'Stop';
+    $delay          = ( isset( $attr['delay'] ) )             ? $attr['delay']                 : ( ( $options['delay'] )      ? $options['delay']      : 5000 );  
+    $resumeDelay    = ( isset( $attr['resume'] ) )            ? $attr['resume']                : ( ( $options['resume'] )     ? $options['resume']     : 9000 ); 
+    $animation      = ( isset( $attr['animation'] ) )         ? $attr['animation']             : ( ( $options['animation'] )  ? $options['animation']  : 800 ); 
+// $easing         =    ( isset( $options['easing'] ) )         ? $options['easing']             : 'swing';
+
+    // Video
+//  $video          = ( isset( $options['video'] ) )          ? $options['video']              : 'false';
+    $resumeOnVideo  = ( isset( $options['resumeOnVideo'] ) )  ? $options['resumeOnVideo']      : 'true';
+    $addWmode       = ( isset( $options['wmode'] ) )          ? $options['wmode']              : 'NULL';
+//  $isVideoPlaying = 'function(base){ return false; }'; 
+    
+            
     // do we have results
     if ( $loop->have_posts() ) {
-        
-        $rand          = rand(5, 500);
-        
-        $output        = "<ul id='slider-{$rand}' class='anythingSlider'>";
+                
+        $i               = 0;       
+        $rand            = rand(5, 500);        
+        $output          = "<ul id='slider-{$rand}' class='anythingSlider'>";
         
         while ( $loop->have_posts() ) {
@@ -138 +239 @@
             $loop->the_post();
             
-            $thumb      = get_the_post_thumbnail( $post->ID, array( $width, $height*4 ) );
-            $content    = get_the_content();
-                                    
-            $output    .= "<li>";
             
-            if ( $thumb ) {
-                $output .= $thumb;
+            // setup the NavigationFormatter object based on the custom field value for each slide
+            if ( $attr['navFormat'] != undefined ) {
+                                
+                global $post;
+                
+                if ( get_post_meta( $post->ID, '_jtd_anything_slides_nav_format', true ) ) {
+                    $navArray[$i] = get_post_meta( $post->ID, '_jtd_anything_slides_nav_format', true );
+                } else {
+                    $navArray[$i] = get_the_title();
+                }
+                                
+                $setupNavFormat  = true;
+            
+            } else { // if no the navFormat attribute is not present in the shortcode, return NULL
+                
+                $navFormat = "'NULL'";
+                                
             }
             
+            $i++;
+
+            $content      = get_the_content();
+                                    
+            $output      .= "<li>";
+            
             if ( $content ) {
-                $output .= "<div class='content'> {$content} </div>";
+                $output   .= "<div class='content clearfix'> {$content} </div>";
             }
             
-            $output    .= "</li>";
-        
+            $output      .= "</li>";
+            
         }
         
-        $output       .= "</ul>";
+        // Have to build the NavigationFormatter function outside of the Loop
+        if ( $setupNavFormat ) {
+            $navArray  = json_encode($navArray);
+                    
+            $navFormat = "function(index, panel){ 
+                return {$navArray}[index - 1];
+            }";
+        }
+        
+                
+        $output        .= "</ul>";
         
         // output the jquery plugin code
-        $output .= "<script> 
+        $output .= "
+        <style>
+            #slider-{$rand} { width: {$width}px; height: {$height}px; }
+        </style>
+        <script> 
             jQuery('#slider-{$rand}').anythingSlider({
-                width           : {$width},
-                height          : {$height},
-                buildArrows     : {$arrows},
-                buildNavigation : {$navigation},
-                delay           : {$delay},      
-                resumeDelay     : {$resume}, 
-                animationTime   : {$animation},
-                theme           : '{$theme}'
+                
+                // Appearance
+                expand              : {$expand},
+                resizeContents      : {$resizeContents},
+                showMultiple        : {$showMultiple},
+                tooltipClass        : '{$tooltipClass}',
+                theme               : '{$theme}',
+                
+                // Navigation
+                startPanel          : {$startPanel},
+                hashTags            : {$hashTags},
+                infiniteSlides      : {$infiniteSlides},
+                enableKeyboard      : {$enableKeyboard},
+                buildArrows         : {$buildArrows},
+                toggleArrows        : {$toggleArrows},
+                buildNavigation     : {$buildNav},
+                enableNavigation    : {$enableNav},
+                toggleControls      : {$toggleControls},
+                navigationFormatter : {$navFormat},
+                forwardText         : '{$forwardText}',
+                backText            : '{$backText}',
+                
+                // Slideshow Options
+                enablePlay          : {$enablePlay},      
+                autoPlay            : {$autoPlay},     
+                autoPlayLocked      : {$autoPlayLocked},    
+                startStopped        : {$startStopped},   
+                pauseOnHover        : {$pauseOnHover},     
+                resumeOnVideoEnd    : {$resumeOnVideo},     
+                stopAtEnd           : {$stopAtEnd},    
+                playRtl             : {$playRtl},    
+                startText           : '{$startText}',  
+                stopText            : '{$stopText}',   
+                delay               : {$delay},      
+                resumeDelay         : {$resumeDelay}, 
+                animationTime       : {$animation},      
+                easing              : 'swing',  
+                
+                //Video
+                resumeOnVideoEnd    : {$resumeOnVideo},      
+                addWmodeToObject    : '{$addWmode}'
+                
             }); 
         </script>";
@@ -177 +343 @@
 }
 
-
-
-
-
-//Admin Options Page
+/*
+  theme               : "default", // Theme name
+  expand              : false,     // If true, the entire slider will expand to fit the parent element
+  resizeContents      : true,      // If true, solitary images/objects in the panel will expand to fit the viewport
+  showMultiple        : false,     // Set this value to a number and it will show that many slides at once
+  easing              : "swing",   // Anything other than "linear" or "swing" requires the easing plugin or jQuery UI
+
+  buildArrows         : true,      // If true, builds the forwards and backwards buttons
+  buildNavigation     : true,      // If true, builds a list of anchor links to link to each panel
+  buildStartStop      : true,      // ** If true, builds the start/stop button
+
+  appendFowardTo      : null,      // Append forward arrow to a HTML element (jQuery Object, selector or HTMLNode), if not null
+  appendBackTo        : null,      // Append back arrow to a HTML element (jQuery Object, selector or HTMLNode), if not null
+  appendControlsTo    : null,      // Append controls (navigation + start-stop) to a HTML element (jQuery Object, selector or HTMLNode), if not null
+  appendNavigationTo  : null,      // Append navigation buttons to a HTML element (jQuery Object, selector or HTMLNode), if not null
+  appendStartStopTo   : null,      // Append start-stop button to a HTML element (jQuery Object, selector or HTMLNode), if not null
+
+  toggleArrows        : false,     // If true, side navigation arrows will slide out on hovering & hide @ other times
+  toggleControls      : false,     // if true, slide in controls (navigation + play/stop button) on hover and slide change, hide @ other times
+
+  startText           : "Start",   // Start button text
+  stopText            : "Stop",    // Stop button text
+  forwardText         : "&raquo;", // Link text used to move the slider forward (hidden by CSS, replaced with arrow image)
+  backText            : "&laquo;", // Link text used to move the slider back (hidden by CSS, replace with arrow image)
+  tooltipClass        : "tooltip", // Class added to navigation & start/stop button (text copied to title if it is hidden by a negative text indent)
+
+  // Function
+  enableArrows        : true,      // if false, arrows will be visible, but not clickable.
+  enableNavigation    : true,      // if false, navigation links will still be visible, but not clickable.
+  enableStartStop     : true,      // if false, the play/stop button will still be visible, but not clickable. Previously "enablePlay"
+  enableKeyboard      : true,      // if false, keyboard arrow keys will not work for this slider.
+
+  // Navigation
+  startPanel          : 1,         // This sets the initial panel
+  changeBy            : 1,         // Amount to go forward or back when changing panels.
+  hashTags            : true,      // Should links change the hashtag in the URL?
+  infiniteSlides      : true,      // if false, the slider will not wrap & not clone any panels
+  navigationFormatter : null,      // Details at the top of the file on this use (advanced use)
+
+  // Slideshow options
+  autoPlay            : false,     // If true, the slideshow will start running; replaces "startStopped" option
+  autoPlayLocked      : false,     // If true, user changing slides will not stop the slideshow
+  autoPlayDelayed     : false,     // If true, starting a slideshow will delay advancing slides; if false, the slider will immediately advance to the next slide when slideshow starts
+  pauseOnHover        : true,      // If true & the slideshow is active, the slideshow will pause on hover
+  stopAtEnd           : false,     // If true & the slideshow is active, the slideshow will stop on the last page. This also stops the rewind effect when infiniteSlides is false.
+  playRtl             : false,     // If true, the slideshow will move right-to-left
+
+  // Times
+  delay               : 3000,      // How long between slideshow transitions in AutoPlay mode (in milliseconds)
+  resumeDelay         : 15000,     // Resume slideshow after user interaction, only if autoplayLocked is true (in milliseconds).
+  animationTime       : 600,       // How long the slideshow transition takes (in milliseconds)
+
+  // Callbacks
+  onBeforeInitialize  : function(e, slider) {}, // Callback before the plugin initializes
+  onInitialized       : function(e, slider) {}, // Callback when the plugin finished initializing
+  onShowStart         : function(e, slider) {}, // Callback on slideshow start
+  onShowStop          : function(e, slider) {}, // Callback after slideshow stops
+  onShowPause         : function(e, slider) {}, // Callback when slideshow pauses
+  onShowUnpause       : function(e, slider) {}, // Callback when slideshow unpauses - may not trigger properly if user clicks on any controls
+  onSlideInit         : function(e, slider) {}, // Callback when slide initiates, before control animation
+  onSlideBegin        : function(e, slider) {}, // Callback before slide animates
+  onSlideComplete     : function(slider) {},    // Callback when slide completes; this is the only callback without an event "e" variable
+
+  // Interactivity
+  clickForwardArrow   : "click",         // Event used to activate forward arrow functionality (e.g. add jQuery mobile's "swiperight")
+  clickBackArrow      : "click",         // Event used to activate back arrow functionality (e.g. add jQuery mobile's "swipeleft")
+  clickControls       : "click focusin", // Events used to activate navigation control functionality
+  clickSlideshow      : "click",         // Event used to activate slideshow play/stop button
+
+  // Video
+  resumeOnVideoEnd    : true,      // If true & the slideshow is active & a supported video is playing, it will pause the autoplay until the video is complete
+  addWmodeToObject    : "opaque",  // If your slider has an embedded object, the script will automatically add a wmode parameter with this setting
+  isVideoPlaying      : function(base){ return false; } // return true if video is playing or false if not - used by video extension
+*/
+
+
+
+
+// Add Admin Options Page
 add_action( 'admin_menu', 'jtd_anything_slides_create_settings_menu' );
 function jtd_anything_slides_create_settings_menu() {
-    add_options_page( 'Anything Slider Settings', 'AnythingSlider', 'manage_options', 'anything_slider', 'jtd_anything_slides_settingspage' );
-}
+    
+    $settings = add_options_page( 'Anything Slider Settings', 'AnythingSlider', 'manage_options', 'anything_slider', 'jtd_anything_slides_settingspage' );
+
+    // Add admin CSS
+    add_action( 'load-'.$settings, 'jtd_anything_slides_insert_admin_css' );
+
+}
+
+
+function jtd_anything_slides_insert_admin_css() {
+    
+    wp_enqueue_style( 'anything_slider_admin', JTD_INSERTCSS . '/admin.css' );
+    
+}
+
+
 
 function jtd_anything_slides_settingspage() {
@@ -193 +447 @@
     <h2>Anything Slider for WordPress</h2>
     <form action="options.php" method="post">
-
-        <?php settings_fields('jtd_anything_slides_options'); ?>
-        <?php do_settings_sections('anything_slider'); ?>
-            
-        <input name="Submit" type="submit" value="Save Changes" class="button-primary" />
+    
+        <div class="anythingslider-holder">
+            <?php settings_fields('jtd_anything_slides_options'); ?>
+            <?php do_settings_sections('anything_slider_appearance'); ?>
+            <?php do_settings_sections('anything_slider_navigation'); ?>
+            <?php do_settings_sections('anything_slider_slideshow'); ?>
+            <?php do_settings_sections('anything_slider_video'); ?>
+            </div><!-- end .inside -->
+
+        </div><!-- end metabox-holder -->
+        
+        <input name="Submit" type="submit" value="Save Changes"      class="button-primary" />
+        <!-- <input name="reset"  type="reset"  value="RESET ALL OPTIONS" class="button-secondary" /> -->
     </form>
     </div>
@@ -206 +468 @@
 
 
-// Regsiter Admin Settings
+
+// Regsiter Admin Settings and Options
 add_action( 'admin_init', 'jtd_anything_slides_admin_settings' );
 function jtd_anything_slides_admin_settings() {
-    register_setting( 
-        'jtd_anything_slides_options', 
-        'jtd_anything_slides_options', 
-        'jtd_anything_slides_validate_options' 
-    );
-    add_settings_section( 
-        'jtd_anything_slides_option_section', 
-        'Anything Slider for WordPress', 
-        'jtd_anything_slides_option_section_text', 
-        'anything_slider' 
-    );
-    add_settings_field( 
-        'jtd_anything_slides-width', 
-        '<label for="width">Width</label>', 
-        'jtd_anything_slides_width_callback', 
-        'anything_slider', 
-        'jtd_anything_slides_option_section' 
-    );
-    add_settings_field( 
-        'jtd_anything_slides-height', 
-        '<label for="height">Height</label>', 
-        'jtd_anything_slides_height_callback', 
-        'anything_slider', 
-        'jtd_anything_slides_option_section' 
-    );
-    add_settings_field( 
-        'jtd_anything_slides-delay', 
-        '<label for="delay">Delay</label>', 
-        'jtd_anything_slides_delay_callback', 
-        'anything_slider', 
-        'jtd_anything_slides_option_section' 
-    );
-    add_settings_field( 
-        'jtd_anything_slides-resume', 
-        '<label for="resume">Resume Delay</label>', 
-        'jtd_anything_slides_resume_callback', 
-        'anything_slider', 
-        'jtd_anything_slides_option_section' 
-    );
-    add_settings_field( 
-        'jtd_anything_slides-animation', 
-        '<label for="animation">Animation Time</label>', 
-        'jtd_anything_slides_animation_callback', 
-        'anything_slider', 
-        'jtd_anything_slides_option_section' 
-    );
-    add_settings_field( 
-        'jtd_anything_slides-theme', 
-        '<label for="theme">Theme</label>', 
-        'jtd_anything_slides_theme_callback', 
-        'anything_slider', 
-        'jtd_anything_slides_option_section' 
-    );
-}
+    
+    // Register the Option so we can store all of the settings into the DB
+    register_setting( 'jtd_anything_slides_options', 'jtd_anything_slides_options', 'jtd_anything_slides_validate_options' );
+    
+    // Register a settings section into which we can print all of the options fields
+    add_settings_section( 'jtd_anything_slides_option_section', 'Appearance Settings',                'jtd_anything_slides_option_appearance_text', 'anything_slider_appearance' );
+    add_settings_section( 'jtd_anything_slides_option_section', '</div><h3>Navigation Settings</h3>', 'jtd_anything_slides_option_navigation_text', 'anything_slider_navigation' );
+    add_settings_section( 'jtd_anything_slides_option_section', '</div><h3>Slideshow Options</h3>',   'jtd_anything_slides_option_slideshow_text',  'anything_slider_slideshow' );
+    add_settings_section( 'jtd_anything_slides_option_section', '</div><h3>Video Settings</h3>',      'jtd_anything_slides_option_video_text',      'anything_slider_video' );
+    
+    // Register each of the fields that will be displayed on the options page -> set a callback for each setting to spit out the actual form field
+    // Appearance Settings
+    add_settings_field( 'jtd_anything_slides-width',         '<label for="width">Width</label>',                     'jtd_anything_slides_width_callback',        'anything_slider_appearance', 'jtd_anything_slides_option_section' );
+    add_settings_field( 'jtd_anything_slides-height',        '<label for="height">Height</label>',                   'jtd_anything_slides_height_callback',       'anything_slider_appearance', 'jtd_anything_slides_option_section' );
+    add_settings_field( 'jtd_anything_slides-expand',        '<label for="expand">Expand</label>',                   'jtd_anything_slides_expand_callback',       'anything_slider_appearance', 'jtd_anything_slides_option_section' );
+    add_settings_field( 'jtd_anything_slides-resizeContents','<label for="resizeContents">Resize</label>',           'jtd_anything_slides_resize_callback',       'anything_slider_appearance', 'jtd_anything_slides_option_section' );
+    add_settings_field( 'jtd_anything_slides-showMultiple',  '<label for="showMultiple">Show Multiple</label>',      'jtd_anything_slides_showMultiple_callback', 'anything_slider_appearance', 'jtd_anything_slides_option_section' );
+    add_settings_field( 'jtd_anything_slides-tooltipClass',  '<label for="tooltipClass">Tooltip Class</label>',      'jtd_anything_slides_tooltipClass_callback', 'anything_slider_appearance', 'jtd_anything_slides_option_section' );
+    add_settings_field( 'jtd_anything_slides-theme',         '<label for="theme">Theme</label>',                     'jtd_anything_slides_theme_callback',        'anything_slider_appearance', 'jtd_anything_slides_option_section' );
+    
+    
+    // Navigation Settings
+    add_settings_field( 'jtd_anything_slides-startPanel',   '<label for="startPanel">Start Panel</label>',            'jtd_anything_slides_startPanel_callback',   'anything_slider_navigation', 'jtd_anything_slides_option_section' );
+    add_settings_field( 'jtd_anything_slides-hashTags',     '<label for="hashTags">Display Hash Tags</label>',        'jtd_anything_slides_hashTags_callback',     'anything_slider_navigation', 'jtd_anything_slides_option_section' );
+    add_settings_field( 'jtd_anything_slides-infinite',     '<label for="infinite">Infinite Slides</label>',          'jtd_anything_slides_infinite_callback',     'anything_slider_navigation', 'jtd_anything_slides_option_section' );
+    add_settings_field( 'jtd_anything_slides-keyboard',     '<label for="keyboard">Enable Keyboard</label>',          'jtd_anything_slides_keyboard_callback',     'anything_slider_navigation', 'jtd_anything_slides_option_section' );
+    add_settings_field( 'jtd_anything_slides-arrows',       '<label for="arrows">Arrows</label>',                     'jtd_anything_slides_arrows_callback',       'anything_slider_navigation', 'jtd_anything_slides_option_section' );
+    add_settings_field( 'jtd_anything_slides-toggleArrows', '<label for="toggleArrows">Toggle Arrows</label>',        'jtd_anything_slides_toggleArrows_callback', 'anything_slider_navigation', 'jtd_anything_slides_option_section' );
+    add_settings_field( 'jtd_anything_slides-navigation',   '<label for="navigation">Build Navigation</label>',       'jtd_anything_slides_navigation_callback',   'anything_slider_navigation', 'jtd_anything_slides_option_section' );
+    add_settings_field( 'jtd_anything_slides-enableNav',    '<label for="enableNav">Enable Navigation</label>',       'jtd_anything_slides_enableNav_callback',    'anything_slider_navigation', 'jtd_anything_slides_option_section' );    
+    add_settings_field( 'jtd_anything_slides-toggleContr',  '<label for="toggleContr">Toggle Controls</label>',       'jtd_anything_slides_toggleContr_callback',  'anything_slider_navigation', 'jtd_anything_slides_option_section' );    
+//  add_settings_field( 'jtd_anything_slides-appendContr',  '<label for="appendContr">Append Controls</label>',       'jtd_anything_slides_appendContr_callback',  'anything_slider_navigation', 'jtd_anything_slides_option_section' );    
+//  add_settings_field( 'jtd_anything_slides-navFormatter', '<label for="navFormatter">Navigation Formatter</label>', 'jtd_anything_slides_navFormatter_callback', 'anything_slider_navigation', 'jtd_anything_slides_option_section' );    
+    add_settings_field( 'jtd_anything_slides-forwardText',  '<label for="forwardText">Forward Text</label>',          'jtd_anything_slides_forwardText_callback',  'anything_slider_navigation', 'jtd_anything_slides_option_section' );    
+    add_settings_field( 'jtd_anything_slides-backText',     '<label for="backText">Back Text</label>',                'jtd_anything_slides_backText_callback',     'anything_slider_navigation', 'jtd_anything_slides_option_section' );        
+    
+    // Slideshow Options
+    add_settings_field( 'jtd_anything_slides-enablePlay',     '<label for="enablePlay">Enable Play</label>',          'jtd_anything_slides_enablePlay_callback',     'anything_slider_slideshow', 'jtd_anything_slides_option_section' );
+    add_settings_field( 'jtd_anything_slides-autoPlay',       '<label for="autoPlay">Auto Play</label>',              'jtd_anything_slides_autoPlay_callback',       'anything_slider_slideshow', 'jtd_anything_slides_option_section' );
+    add_settings_field( 'jtd_anything_slides-autoPlayLocked', '<label for="autoPlayLocked">Auto Play Locked</label>', 'jtd_anything_slides_autoPlayLocked_callback', 'anything_slider_slideshow', 'jtd_anything_slides_option_section' );
+//  add_settings_field( 'jtd_anything_slides-startStopped',   '<label for="startStopped">Start Stopped</label>',      'jtd_anything_slides_startStopped_callback',   'anything_slider', 'jtd_anything_slides_option_section' );
+//  add_settings_field( 'jtd_anything_slides-pauseOnHover',   '<label for="pauseOnHover">Paust on Hover</label>',     'jtd_anything_slides_pauseOnHover_callback',   'anything_slider', 'jtd_anything_slides_option_section' );
+//  add_settings_field( 'jtd_anything_slides-stopAtEnd',      '<label for="stopAtEnd">Stop at end of slides</label>', 'jtd_anything_slides_stopAtEnd_callback',      'anything_slider', 'jtd_anything_slides_option_section' );
+//  add_settings_field( 'jtd_anything_slides-playRtl',        '<label for="playRtl">Play Right to Left</label>',      'jtd_anything_slides_playRtl_callback',        'anything_slider', 'jtd_anything_slides_option_section' );
+//  add_settings_field( 'jtd_anything_slides-startText',      '<label for="startText">Start Text</label>',            'jtd_anything_slides_startText_callback',      'anything_slider', 'jtd_anything_slides_option_section' ); 
+//  add_settings_field( 'jtd_anything_slides-stopText',       '<label for="stopText">Stop Text</label>',              'jtd_anything_slides_stopText_callback',       'anything_slider', 'jtd_anything_slides_option_section' ); 
+    add_settings_field( 'jtd_anything_slides-delay',          '<label for="delay">Delay</label>',                     'jtd_anything_slides_delay_callback',          'anything_slider_slideshow', 'jtd_anything_slides_option_section' );
+    add_settings_field( 'jtd_anything_slides-resume',         '<label for="resume">Resume Delay</label>',             'jtd_anything_slides_resume_callback',         'anything_slider_slideshow', 'jtd_anything_slides_option_section' );
+    add_settings_field( 'jtd_anything_slides-animation',      '<label for="animation">Animation Time</label>',        'jtd_anything_slides_animation_callback',      'anything_slider_slideshow', 'jtd_anything_slides_option_section' );
+//  add_settings_field( 'jtd_anything_slides-easing',         '<label for="easing">Easing</label>',                   'jtd_anything_slides_easing_callback',         'anything_slider', 'jtd_anything_slides_option_section' );     
+    
+    
+    // Video Options
+//  add_settings_field( 'jtd_anything_slides-resumeOnVideo',  '<label for="resumeOnVideo">Resume After Video</label>','jtd_anything_slides_resumeOnVideo_callback',  'anything_slider', 'jtd_anything_slides_option_section' );
+    add_settings_field( 'jtd_anything_slides-video',          '<label for="video">Video</label>',                     'jtd_anything_slides_video_callback',          'anything_slider_video', 'jtd_anything_slides_option_section' );
+    add_settings_field( 'jtd_anything_slides-wmode',          '<label for="wmode">Wmode</label>',                     'jtd_anything_slides_wmode_callback',          'anything_slider_video', 'jtd_anything_slides_option_section' );
+}
+
+
+
+
+
 
 // Draw the section header
-function jtd_anything_slides_option_section_text() {
-    echo '<p>Enter the desired settings for your slider';
-}
+function jtd_anything_slides_option_appearance_text() {
+    echo '<div class="inside">';
+}
+function jtd_anything_slides_option_navigation_text() {
+    echo '<div class="inside">';
+}
+function jtd_anything_slides_option_slideshow_text() {
+    echo '<div class="inside">';
+}
+function jtd_anything_slides_option_video_text() {
+    echo '<div class="inside">';
+}
+
+
+
+
+
 
 // Display and fill the form field
+/*
+** Appearance
+*/
+/* Appearance
+  width               : null,      // Override the default CSS width
+  height              : null,      // Override the default CSS height
+  expand              : false,     // If true, the entire slider will expand to fit the parent element
+  resizeContents      : true,      // If true, solitary images/objects in the panel will expand to fit the viewport
+  showMultiple        : false,     // Set this value to a number and it will show that many slides at once
+  tooltipClass        : 'tooltip', // Class added to navigation & start/stop button (text copied to title if it is hidden by a negative text indent)
+  theme               : 'default', // Theme name - adds a class name to the base element "anythingSlider-{theme}" so the loaded theme will work.
+*/
 function jtd_anything_slides_width_callback() {
     $options  = get_option( 'jtd_anything_slides_options' );
-    $width    = ( $options['width'] ) ? $options['width'] : 960;
-    echo "<input id='width' name='jtd_anything_slides_options[width]' type='number' value='$width' />";
+    $width    = $options['width'];
+    echo "<input id='width' name='jtd_anything_slides_options[width]' type='number' min=0 value='$width' />";
     echo "<span class='description'>Override the default CSS width</span>";
 }
 function jtd_anything_slides_height_callback() {
     $options  = get_option( 'jtd_anything_slides_options' );
-    $height   = ( $options['height'] ) ? $options['height'] : 280;
-    echo "<input id='height' name='jtd_anything_slides_options[height]' type='number' value='$height' />";
+    $height   = $options['height'];
+    echo "<input id='height' name='jtd_anything_slides_options[height]' type='number' min=0 value='$height' />";
     echo "<span class='description'>Override the default CSS height</span>";
 }
-function jtd_anything_slides_delay_callback() {
-    $options  = get_option( 'jtd_anything_slides_options' );
-    $delay    = ( $options['delay'] ) ? $options['delay'] : 1100;
-    echo "<input id='delay' name='jtd_anything_slides_options[delay]' type='number' value='$delay' />";
-    echo "<span class='description'>How long between slideshow transitions in AutoPlay mode (in milliseconds)</span>";
-}
-function jtd_anything_slides_resume_callback() {
-    $options  = get_option( 'jtd_anything_slides_options' );
-    $resume   = ( $options['resume'] ) ? $options['resume'] : 5000;
-    echo "<input id='resume' name='jtd_anything_slides_options[resume]' type='number' value='$resume' />";
-    echo "<span class='description'>Resume slideshow after user interaction, only if autoplayLocked is true (in milliseconds)</span>";
-}
-function jtd_anything_slides_animation_callback() {
-    $options   = get_option( 'jtd_anything_slides_options' );
-    $animation = ( $options['animation'] ) ? $options['animation'] : 900;
-    echo "<input id='animation' name='jtd_anything_slides_options[animation]' type='number' value='$animation' />";
-    echo "<span class='description'>How long the slideshow transition takes (in milliseconds)</span>";
+function jtd_anything_slides_expand_callback() {
+    $options  = get_option( 'jtd_anything_slides_options' );
+    $expand   = $options['expand'];
+    echo "<label>Yes <input id='expand' name='jtd_anything_slides_options[expand]' type='radio' value='true'"  . checked( $expand, 'true', false ) . "/></label><br />";
+    echo "<label>No  <input id='expand' name='jtd_anything_slides_options[expand]' type='radio' value='false'" . checked( $expand, 'false', false ) . "/></label>";
+    echo "<span class='description'>If yes, the entire slider will expand to fit the parent element</span>";
+}
+function jtd_anything_slides_resize_callback() {
+    $options  = get_option( 'jtd_anything_slides_options' );
+    $resize   = $options['resizeContents'];
+    echo "<label>Yes <input id='resizeContents' name='jtd_anything_slides_options[resizeContents]' type='radio' value='true'"  . checked( $resize, 'true', false ) . "/></label><br />";
+    echo "<label>No  <input id='resizeContents' name='jtd_anything_slides_options[resizeContents]' type='radio' value='false'" . checked( $resize, 'false', false ) . "/></label>";
+    echo "<span class='description'>If yes, solitary images/objects in the panel will expand to fit the viewport</span>";
+}
+function jtd_anything_slides_showMultiple_callback() {
+    $options  = get_option( 'jtd_anything_slides_options' );
+    $multiple = $options['showMultiple'];
+    echo "<input id='showMultiple' name='jtd_anything_slides_options[showMultiple]' type='number' min=0 value='$multiple' />";
+    echo "<span class='description'>Set this value to a number and it will show that many slides at once</span>";
+}
+function jtd_anything_slides_tooltipClass_callback() {
+    $options  = get_option( 'jtd_anything_slides_options' );
+    $tooltip  = $options['tooltipClass'];
+    echo "<input id='tooltipClass' name='jtd_anything_slides_options[tooltipClass]' type='text' value='$tooltip' />";
+    echo "<span class='description'>Set this value to a number and it will show that many slides at once</span>";
 }
 function jtd_anything_slides_theme_callback() {
@@ -304 +609 @@
     $theme     = $options['theme'];
     echo "<select id='theme' name='jtd_anything_slides_options[theme]'>
-        <option value=''" . selected( $theme, '' ) . ">Default</option>
-        <option value='construction'" . selected( $theme, 'construction' ) . ">Construction</option>
-        <option value='cs-portfolio'" . selected( $theme, 'cs-portfolio' ) . ">CS Portfolio</option>
-        <option value='metallic'" . selected( $theme, 'metallic' ) . ">Metallic</option>
-        <option value='minimalist-round'" . selected( $theme, 'minimalist-round' ) . ">Minimalist Round</option>
-        <option value='minimalist-square'" . selected( $theme, 'minimalist-square' ) . ">Minimalist Square</option>
+        <option value=''" . selected( $theme, '', false ) . ">Default</option>
+        <option value='construction'" . selected( $theme, 'construction', false ) . ">Construction</option>
+        <option value='cs-portfolio'" . selected( $theme, 'cs-portfolio', false ) . ">CS Portfolio</option>
+        <option value='metallic'" . selected( $theme, 'metallic', false ) . ">Metallic</option>
+        <option value='minimalist-round'" . selected( $theme, 'minimalist-round', false ) . ">Minimalist Round</option>
+        <option value='minimalist-square'" . selected( $theme, 'minimalist-square', false ) . ">Minimalist Square</option>
     </select>";
     echo "<span class='description'>Select a theme, or leave blank for default</span>";
@@ -315 +620 @@
 
 
+/*
+** Navigation
+*/
+/* Navigation
+  startPanel          : 1,         // This sets the initial panel
+  hashTags            : true,      // Should links change the hashtag in the URL?
+  infiniteSlides      : true,      // if false, the slider will not wrap
+  enableKeyboard      : true,      // if false, keyboard arrow keys will not work for the current panel.
+  buildArrows         : true,      // If true, builds the forwards and backwards buttons
+  toggleArrows        : false,     // if true, side navigation arrows will slide out on hovering & hide @ other times
+  buildNavigation     : true,      // If true, builds a list of anchor links to link to each panel
+  enableNavigation    : true,      // if false, navigation links will still be visible, but not clickable.
+  toggleControls      : false,     // if true, slide in controls (navigation + play/stop button) on hover and slide change, hide @ other times
+  appendControlsTo    : null,      // A HTML element (jQuery Object, selector or HTMLNode) to which the controls will be appended if not null
+  navigationFormatter : null,      // Details at the top of the file on this use (advanced use)
+  forwardText         : "&raquo;", // Link text used to move the slider forward (hidden by CSS, replaced with arrow image)
+  backText            : "&laquo;", // Link text used to move the slider back (hidden by CSS, replace with arrow image)
+ */
+
+function jtd_anything_slides_startPanel_callback() {
+    $options    = get_option( 'jtd_anything_slides_options' );
+    $startPanel = $options['startPanel'];
+    echo "<input id='startPanel' name='jtd_anything_slides_options[startPanel]' type='text' value='$startPanel' />";
+    echo "<span class='description'>This sets the initial panel</span>";
+}
+function jtd_anything_slides_hashTags_callback() {
+    $options  = get_option( 'jtd_anything_slides_options' );
+    $hashTags = $options['hashTags'];
+    echo "<label>Yes <input id='hashTags' name='jtd_anything_slides_options[hashTags]' type='radio' value='true'"  . checked( $hashTags, 'true', false ) . "/></label><br />";
+    echo "<label>No  <input id='hashTags' name='jtd_anything_slides_options[hashTags]' type='radio' value='false'" . checked( $hashTags, 'false', false ) . "/></label>";
+    echo "<span class='description'>Should links change the hashtag in the URL?</span>";
+}
+function jtd_anything_slides_infinite_callback() {
+    $options  = get_option( 'jtd_anything_slides_options' );
+    $infinite = $options['infinite'];
+    echo "<label>Yes <input id='infinite' name='jtd_anything_slides_options[infinite]' type='radio' value='true'"  . checked( $infinite, 'true', false ) . "/></label><br />";
+    echo "<label>No  <input id='infinite' name='jtd_anything_slides_options[infinite]' type='radio' value='false'" . checked( $infinite, 'false', false ) . "/></label>";
+    echo "<span class='description'>if no, the slider will not wrap</span>";
+}
+function jtd_anything_slides_keyboard_callback() {
+    $options  = get_option( 'jtd_anything_slides_options' );
+    $keyboard = $options['keyboard'];
+    echo "<label>Yes <input id='keyboard' name='jtd_anything_slides_options[keyboard]' type='radio' value='true'"  . checked( $keyboard, 'true', false ) . "/></label><br />";
+    echo "<label>No  <input id='keyboard' name='jtd_anything_slides_options[keyboard]' type='radio' value='false'" . checked( $keyboard, 'false', false ) . "/></label>";
+    echo "<span class='description'>If no, keyboard arrow keys will not work for the current panel</span>";
+}
+function jtd_anything_slides_arrows_callback() {
+    $options    = get_option( 'jtd_anything_slides_options' );
+    $arrows     = $options['arrows'];
+    echo "<label>Yes <input id='arrows' name='jtd_anything_slides_options[arrows]' type='radio' value='true'"  . checked( $arrows, 'true', false ) . " /></label><br />";
+    echo "<label>No  <input id='arrows' name='jtd_anything_slides_options[arrows]' type='radio' value='false'" . checked( $arrows, 'false', false ) . " /></label>";
+    echo "<span class='description'>If yes, builds the forwards and backwards buttons</span>";
+}
+function jtd_anything_slides_toggleArrows_callback() {
+    $options      = get_option( 'jtd_anything_slides_options' );
+    $toggleArrows = $options['toggleArrows'];
+    echo "<label>Yes <input id='toggleArrows' name='jtd_anything_slides_options[toggleArrows]' type='radio' value='true'"  . checked( $toggleArrows, 'true', false ) . " /></label><br />";
+    echo "<label>No  <input id='toggleArrows' name='jtd_anything_slides_options[toggleArrows]' type='radio' value='false'" . checked( $toggleArrows, 'false', false ) . " /></label>";
+    echo "<span class='description'>if yes, side navigation arrows will slide out on hovering &amp; hide @ other times</span>";
+}
+function jtd_anything_slides_navigation_callback() {
+    $options    = get_option( 'jtd_anything_slides_options' );
+    $navigation = $options['navigation'];
+    echo "<label>Yes <input id='navigation' name='jtd_anything_slides_options[navigation]' type='radio' value='true'"  . checked( $navigation, 'true', false ) . " /></label><br />";
+    echo "<label>No  <input id='navigation' name='jtd_anything_slides_options[navigation]' type='radio' value='false'" . checked( $navigation, 'false', false ) . " /></label>";
+    echo "<span class='description'>If yes, builds a list of anchor links to link to each panel</span>";
+}
+function jtd_anything_slides_enableNav_callback() {
+    $options   = get_option( 'jtd_anything_slides_options' );
+    $enableNav = $options['enableNav'];
+    echo "<label>Yes <input id='enableNav' name='jtd_anything_slides_options[enableNav]' type='radio' value='true'"  . checked( $enableNav, 'true', false ) . " /></label><br />";
+    echo "<label>No  <input id='enableNav' name='jtd_anything_slides_options[enableNav]' type='radio' value='false'" . checked( $enableNav, 'false', false ) . " /></label>";
+    echo "<span class='description'>if no, navigation links will still be visible, but not clickable.</span>";
+}
+function jtd_anything_slides_toggleContr_callback() {
+    $options     = get_option( 'jtd_anything_slides_options' );
+    $toggleContr = $options['toggleContr'];
+    echo "<label>Yes <input id='toggleContr' name='jtd_anything_slides_options[toggleContr]' type='radio' value='true'"  . checked( $toggleContr, 'true', false ) . " /></label><br />";
+    echo "<label>No  <input id='toggleContr' name='jtd_anything_slides_options[toggleContr]' type='radio' value='false'" . checked( $toggleContr, 'false', false ) . " /></label>";
+    echo "<span class='description'>if yes, slide in controls (navigation + play/stop button) on hover and slide change, hide @ other times</span>";
+}
+/*
+function jtd_anything_slides_navFormatter_callback() {
+    $options      = get_option( 'jtd_anything_slides_options' );
+    $navFormatter = $options['navFormatter'];
+    echo "<label>Yes <input id='navFormatter' name='jtd_anything_slides_options[navFormatter]' type='radio' value='true'" . checked( $autoPlayLocked, 'true', false ) . " /></label><br />";
+    echo "<label>No  <input id='navFormatter' name='jtd_anything_slides_options[navFormatter]' type='radio' value='false'" . checked( $autoPlayLocked, 'false', false ) . " /></label>";
+    echo "<span class='description'>Details at the top of the file on this use (advanced use).</span>";
+}
+*/
+function jtd_anything_slides_forwardText_callback() {
+    $options     = get_option( 'jtd_anything_slides_options' );
+    $forwardText = $options['forwardText'];
+    echo "<input id='forwardText' name='jtd_anything_slides_options[forwardText]' type='text' value='$forwardText' />";
+    echo "<span class='description'>Link text used to move the slider forward (hidden by CSS, replaced with arrow image)</span>";
+}
+function jtd_anything_slides_backText_callback() {
+    $options    = get_option( 'jtd_anything_slides_options' );
+    $backText = $options['backText'];
+    echo "<input id='backText' name='jtd_anything_slides_options[backText]' type='text' value='$backText' />";
+    echo "<span class='description'>Link text used to move the slider back (hidden by CSS, replace with arrow image)</span>";
+}
+
+
+/*
+** Slideshow options
+*/
+/* Slideshow options
+  enablePlay          : true,      // if false, the play/stop button will still be visible, but not clickable.
+  autoPlay            : true,      // This turns off the entire slideshow FUNCTIONALY, not just if it starts running or not
+  autoPlayLocked      : false,     // If true, user changing slides will not stop the slideshow
+  
+  startStopped        : false,     // If autoPlay is on, this can force it to start stopped
+  pauseOnHover        : true,      // If true & the slideshow is active, the slideshow will pause on hover
+  resumeOnVideoEnd    : true,      // If true & the slideshow is active & a youtube video is playing, the autoplay will pause until the video completes
+  stopAtEnd           : false,     // If true & the slideshow is active, the slideshow will stop on the last page. This also stops the rewind effect when infiniteSlides is false.
+  playRtl             : false,     // If true, the slideshow will move right-to-left
+  startText           : "Start",   // Start button text
+  stopText            : "Stop",    // Stop button text
+  
+  delay               : 3000,      // How long between slideshow transitions in AutoPlay mode (in milliseconds)
+  resumeDelay         : 15000,     // Resume slideshow after user interaction, only if autoplayLocked is true (in milliseconds).
+  animationTime       : 600,       // How long the slideshow transition takes (in milliseconds)
+  easing              : "swing",   // Anything other than "linear" or "swing" requires the easing plugin
+*/
+function jtd_anything_slides_enablePlay_callback() {
+    $options    = get_option( 'jtd_anything_slides_options' );
+    $enablePlay = $options['enablePlay'];
+    echo "<label>Yes <input id='enablePlay' name='jtd_anything_slides_options[enablePlay]' type='radio' value='true'"  . checked( $enablePlay, 'true', false ) . " /></label><br />";
+    echo "<label>No  <input id='enablePlay' name='jtd_anything_slides_options[enablePlay]' type='radio' value='false'" . checked( $enablePlay, 'false', false ) . " /></label>";
+    echo "<span class='description'>if no, the play/stop button will still be visible, but not clickable.</span>";
+}
+function jtd_anything_slides_autoPlay_callback() {
+    $options  = get_option( 'jtd_anything_slides_options' );
+    $autoPlay = $options['autoPlay'];
+    echo "<label>Yes <input id='autoPlay' name='jtd_anything_slides_options[autoPlay]' type='radio' value='true'"  . checked( $autoPlay, 'true', false ) . " /></label><br />";
+    echo "<label>No  <input id='autoPlay' name='jtd_anything_slides_options[autoPlay]' type='radio' value='false'" . checked( $autoPlay, 'false', false ) . " /></label>";
+    echo "<span class='description'>This turns off the entire slideshow functionality, not just if it starts running or not</span>";
+}
+function jtd_anything_slides_autoPlayLocked_callback() {
+    $options        = get_option( 'jtd_anything_slides_options' );
+    $autoPlayLocked = $options['autoPlayLocked'];
+    echo "<label>Yes <input id='autoPlayLocked' name='jtd_anything_slides_options[autoPlayLocked]' type='radio' value='true'"  . checked( $autoPlayLocked, 'true', false ) . " /></label><br />";
+    echo "<label>No  <input id='autoPlayLocked' name='jtd_anything_slides_options[autoPlayLocked]' type='radio' value='false'" . checked( $autoPlayLocked, 'false', false ) . " /></label>";
+    echo "<span class='description'>If yes, user changing slides will not stop the slideshow</span>";
+}
+
+
+
+
+function jtd_anything_slides_delay_callback() {
+    $options  = get_option( 'jtd_anything_slides_options' );
+    $delay    = $options['delay'];
+    echo "<input id='delay' name='jtd_anything_slides_options[delay]' type='number' min=0 value='$delay' />";
+    echo "<span class='description'>How long between slideshow transitions in AutoPlay mode (in milliseconds)</span>";
+}
+function jtd_anything_slides_resume_callback() {
+    $options  = get_option( 'jtd_anything_slides_options' );
+    $resume   = $options['resume'];
+    echo "<input id='resume' name='jtd_anything_slides_options[resume]' type='number' min=0 step='250' value='$resume' />";
+    echo "<span class='description'>Resume slideshow after user interaction, only if autoplayLocked is true (in milliseconds)</span>";
+}
+function jtd_anything_slides_animation_callback() {
+    $options   = get_option( 'jtd_anything_slides_options' );
+    $animation = $options['animation'];
+    echo "<input id='animation' name='jtd_anything_slides_options[animation]' type='number' min=0 value='$animation' />";
+    echo "<span class='description'>How long the slideshow transition takes (in milliseconds)</span>";
+}
+
+
+
+/*
+** Video Settings
+*/
+
+function jtd_anything_slides_video_callback() {
+    $options  = get_option( 'jtd_anything_slides_options' );
+    $video    = $options['video'];
+    echo "<label>Yes <input id='video' name='jtd_anything_slides_options[video]' type='radio' value='true'"  . checked( $video, 'true', false ) . " /></label><br />";
+    echo "<label>No  <input id='video' name='jtd_anything_slides_options[video]' type='radio' value='false'" . checked( $video, 'false', false ) . " /></label>";
+    echo "<span class='description'>If yes & the slideshow is active & a supported video is playing, it will pause the autoplay until the video is complete. visit <a target='_blank' href='http://proloser.github.com/AnythingSlider/video.html'>GitHub</a> for more info.</span>";
+}
+function jtd_anything_slides_wmode_callback() {
+    $options  = get_option( 'jtd_anything_slides_options' );
+    $wmode    = $options['wmode'];
+    echo "<select id='wmode' name='jtd_anything_slides_options[wmode]'>
+                <option value=''" . selected( $wmode, '', false ) . ">Disabled</option>
+                <option value='opaque'" . selected( $wmode, 'opaque', false ) . ">Opaque</option>
+                <option value='transparent'" . selected( $wmode, 'transparent', false ) . ">Transparent</option>
+        </select>";
+    echo "<span class='description'>If your slider has an embedded object, the script will automatically add a wmode parameter with this setting</span>";
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 // Validate user input (we want numbers only)
 function jtd_anything_slides_validate_options($input) {
-    $themes              = array( 'construction', 'cs-portfolio', 'metallic', 'minimalist-round', 'minimalist-square' );
-    $valid               = array();
-    $valid['width']      = preg_replace( '/[^0-9]/', '', $input['width'] );
-    $valid['height']     = preg_replace( '/[^0-9]/', '', $input['height'] );
-    $valid['delay']      = preg_replace( '/[^0-9]/', '', $input['delay'] ); 
-    $valid['resume']     = preg_replace( '/[^0-9]/', '', $input['resume'] ); 
-    $valid['animation']  = preg_replace( '/[^0-9]/', '', $input['animation'] ); 
-    $valid['theme']      = ( in_array( mysql_real_escape_string($input['theme']), $themes ) ) ? $input['theme'] : 'default';
-        
+    $themes                  = array( 'construction', 'cs-portfolio', 'metallic', 'minimalist-round', 'minimalist-square' );
+    $wmodes                  = array( '', 'opaque', 'transparent' );
+    $boolean                 = array( 'true', 'false' );
+    $allowed                 = array(  );
+    $valid                   = array();
+    
+    // Appearance
+    $valid['width']          = preg_replace( '/[^0-9]/',        '', $input['width'] );
+    $valid['height']         = preg_replace( '/[^0-9]/',        '', $input['height'] );
+    $valid['expand']         = ( in_array( mysql_real_escape_string($input['expand']),         $boolean ) ) ? $input['expand']          : 'false'; 
+    $valid['resizeContents'] = ( in_array( mysql_real_escape_string($input['resizeContents']), $boolean ) ) ? $input['resizeContents']  : 'false'; 
+    $valid['showMultiple']   = preg_replace( '/[^0-9]/',        '', $input['showMultiple'] );
+    $valid['tooltipClass']   = preg_replace( '/[^A-Za-z0-9_]/', '', $input['tooltipClass'] );
+    $valid['theme']          = ( in_array( mysql_real_escape_string($input['theme']),          $themes ) ) ? $input['theme']            : 'default';
+    
+    
+    // Navigation
+    $valid['startPanel']     = preg_replace( '/[^0-9]/',        '', $input['startPanel'] ); 
+    $valid['hashTags']       = ( in_array( mysql_real_escape_string($input['hashTags']),       $boolean ) ) ? $input['hashTags']        : 'false'; 
+    $valid['infinite']       = ( in_array( mysql_real_escape_string($input['infinite']),       $boolean ) ) ? $input['infinite']        : 'false';  
+    $valid['keyboard']       = ( in_array( mysql_real_escape_string($input['keyboard']),       $boolean ) ) ? $input['keyboard']        : 'false';  
+    $valid['arrows']         = ( in_array( mysql_real_escape_string($input['arrows']),         $boolean ) ) ? $input['arrows']          : 'false'; 
+    $valid['toggleArrows']   = ( in_array( mysql_real_escape_string($input['toggleArrows']),   $boolean ) ) ? $input['toggleArrows']    : 'false'; 
+    $valid['navigation']     = ( in_array( mysql_real_escape_string($input['navigation']),     $boolean ) ) ? $input['navigation']      : 'false'; 
+    $valid['enableNav']      = ( in_array( mysql_real_escape_string($input['enableNav']),      $boolean ) ) ? $input['enableNav']       : 'false'; 
+    $valid['toggleContr']    = ( in_array( mysql_real_escape_string($input['toggleContr']),    $boolean ) ) ? $input['toggleContr']     : 'false'; 
+    $valid['forwardText']    = esc_html( $input['forwardText'] );
+    $valid['backText']       = esc_html( $input['backText'] );
+    
+    // Slideshow options
+    $valid['enablePlay']     = ( in_array( mysql_real_escape_string($input['enablePlay']),      $boolean ) ) ? $input['enablePlay']     : 'false'; 
+    $valid['autoPlay']       = ( in_array( mysql_real_escape_string($input['autoPlay']),        $boolean ) ) ? $input['autoPlay']       : 'false'; 
+    $valid['autoPlayLocked'] = ( in_array( mysql_real_escape_string($input['autoPlayLocked']),  $boolean ) ) ? $input['autoPlayLocked'] : 'false';  
+    $valid['delay']          = preg_replace( '/[^0-9]/',        '', $input['delay'] ); 
+    $valid['resume']         = preg_replace( '/[^0-9]/',        '', $input['resume'] ); 
+    $valid['animation']      = preg_replace( '/[^0-9]/',        '', $input['animation'] ); 
+    
+    
+    // Video Settings
+    $valid['video']          = ( in_array( mysql_real_escape_string($input['video']),           $boolean ) ) ? $input['video']          : 'false'; 
+    $valid['wmode']          = ( in_array( mysql_real_escape_string($input['wmode']),           $wmodes  ) ) ? $input['wmode']          : 'false'; 
+    
+        
+    
+    
+    
+    
+    
+    
+    
+    /*
+  // Slideshow options
+  startStopped        : false,     // If autoPlay is on, this can force it to start stopped
+  pauseOnHover        : true,      // If true & the slideshow is active, the slideshow will pause on hover
+  resumeOnVideoEnd    : true,      // If true & the slideshow is active & a youtube video is playing, the autoplay will pause until the video completes
+  stopAtEnd           : false,     // If true & the slideshow is active, the slideshow will stop on the last page. This also stops the rewind effect when infiniteSlides is false.
+  playRtl             : false,     // If true, the slideshow will move right-to-left
+  startText           : "Start",   // Start button text
+  stopText            : "Stop",    // Stop button text
+  delay               : 3000,      // How long between slideshow transitions in AutoPlay mode (in milliseconds)
+  resumeDelay         : 15000,     // Resume slideshow after user interaction, only if autoplayLocked is true (in milliseconds).
+  animationTime       : 600,       // How long the slideshow transition takes (in milliseconds)
+  easing              : "swing",   // Anything other than "linear" or "swing" requires the easing plugin
+
+*/
+
+    
     if( $valid['width'] != $input['width'] ) {
         add_settings_error(
@@ -370 +941 @@
 }
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+// Set default options at activation
+function jtd_anything_slides_set_defaults() {
+
+    $tmp = get_option( 'jtd_anything_slides_options' );
+
+    if ( ( !is_array( $tmp ) ) ) {
+        $o = array(
+            'width'               => '570',       // Override the default CSS width
+            'height'              => '190',       // Override the default CSS height
+            'expand'              => 'false',     // If true, the entire slider will expand to fit the parent element
+            'resizeContents'      => 'true',      // If true, solitary images/objects in the panel will expand to fit the viewport
+            'showMultiple'        => 1,           // Set this value to a number and it will show that many slides at once
+            'tooltipClass'        => 'tooltip',   // Class added to navigation & start/stop button (text copied to title if it is hidden by a negative text indent)
+            'theme'               => 'default',
+                
+            'startPanel'          => 1,           // This sets the initial panel
+            'hashTags'            => 'true',      // Should links change the hashtag in the URL?
+            'infinite'            => 'true',      // if false, the slider will not wrap
+            'keyboard'            => 'true',      // if false, keyboard arrow keys will not work for the current panel.
+            'arrows'              => 'true',      // If 'true', builds the forwards and backwards buttons
+            'toggleArrows'        => 'false',     // if 'true', side navigation arrows will slide out on hovering & hide @ other times
+            'navigation'          => 'true',      // If 'true', builds a list of anchor links to link to each panel
+            'enableNav'           => 'true',      // if 'false', navigation links will still be visible, but not clickable.
+            'toggleControls'      => 'false',     // if 'true', slide in controls (navigation + play/stop button) on hover and slide change, hide @ other times
+            'appendControlsTo'    => null,        // A HTML element (jQuery Object, selector or HTMLNode) to which the controls will be appended if not null
+            'navigationFormatter' => null,        // Details at the top of the file on this use (advanced use)
+            'forwardText'         => "&raquo;",   // Link text used to move the slider forward (hidden by CSS, replaced with arrow image)
+            'backText'            => "&laquo;",   // Link text used to move the slider back (hidden by CSS, replace with arrow image)
+            
+            'enablePlay'          => 'true',      // if 'false', the play/stop button will still be visible, but not clickable.
+            'autoPlay'            => 'true',      // This turns off the entire slideshow FUNCTIONALY, not just if it starts running or not
+            'autoPlayLocked'      => 'false',     // If 'true', user changing slides will not stop the slideshow
+            'startStopped'        => 'false',     // If autoPlay is on, this can force it to start stopped
+            'pauseOnHover'        => 'true',      // If 'true' & the slideshow is active, the slideshow will pause on hover
+            'resumeOnVideo'       => 'true',      // If 'true' & the slideshow is active & a youtube video is playing, the autoplay will pause until the video completes
+            'stopAtEnd'           => 'false',     // If true & the slideshow is active, the slideshow will stop on the last page. This also stops the rewind effect when infiniteSlides is 'false'.
+            'playRtl'             => 'false',     // If true, the slideshow will move right-to-left
+            'startText'           => "Start",     // Start button text
+            'stopText'            => "Stop",      // Stop button text
+            'delay'               => 3000,        // How long between slideshow transitions in AutoPlay mode (in milliseconds)
+            'resume'              => 15000,       // Resume slideshow after user interaction, only if autoplayLocked is true (in milliseconds).
+            'animation'           => 600,         // How long the slideshow transition takes (in milliseconds)
+            'easing'              => "swing",     // Anything other than "linear" or "swing" requires the easing plugin
+            
+            'video'               => 'false',
+            'wmode'               => 'disabled'
+    
+        );
+        
+    }
+  
+   update_option( 'jtd_anything_slides_options', $o );
+   
+}
+register_activation_hook(__FILE__, 'jtd_anything_slides_set_defaults');
+
+
+
+
+
+
+
+
+// Add an upgrade warning
+/*
+if ( is_admin() ) {
+    add_action( 'in_plugin_update_message-' . plugin_basename(__FILE__), 'jtd_anything_slides_upgrade_notice' );
+}
+function jtd_anything_slides_upgrade_notice() {
+    $info = __( '&nbsp; ATTENTION! After updating this plugin, you will need to update your settings on the the <a href="options-general.php?page=anything_slider">Settings Page</a>.', MY_TEXTDOMAIN );
+    echo '<span style="color:red;">' . strip_tags( $info, '<br><a><b><i><span>' ) . '</span>';
+}
+*/
+
+

anythingslider-for-wordpress/trunk/readme.txt

@@ -10 +10 @@
 Requires at least: 3.0
 Tested up to: 3.2
-Stable tag: 0.5.1
+Stable tag: 0.6
+
 
 Integrates Chris Coyier's popular AnythingSlider jQuery plugin with WordPress.  
 
-== Description == 
+== Description ==
 
 AnythingSlider for WordPress integrates Chris Coyier's popular AnythingSlider jQuery plugin with WordPress.  
 
 Based on the hard work of folks like Doug Neiner, ProLoser and Mottie, this plugin adds a plethora of flexible functionality to any WordPress theme.  By using the [anything_slides] shortcode anywhere in your theme, you can add a unique and highly customizable slideshow to any post or page.
+
+For more details and a few video tutorials, visit <a href="http://missingpiecestudios.com" target="_blank">Missing Piece Studios</a>.
+
+Check out the <a href="http://wordpress.org/extend/plugins/anythingslider-for-wordpress/faq/">FAQ</a> for more details.
+
+
+= Changelog =
+
+= 0.6 =
+
+* Added a new option for Navigation Formatting! Check out the FAQ for more details. *
+* Update plugin scripts/css to version 1.7.1 *
+* Fixed a bug with the video extension script loader *
+* Updated a few options that are included or deprecated in version 1.7.1 of the jQuery plugin *
+
+= 0.5.1 =
+
+* Update JS to latest version of the jQuery plugin *
+
+= 0.5 = 
+
+* Fixed an error when loading custom CSS from Theme directory.  Add anythingslider.css to your theme, if you'd like to use a custom CSS file.
+* Fixed an error with the new Video script.
+
+= 0.4 =
+
+* Upgraded to AnythingSlider 1.6
+* Added support for Video Playback options
+
+= 0.3 =
+
+* More bug fixes
+* Support for custom CSS file - Add anythingslider.css to your theme folder or your theme's CSS folder (overrides the default CSS)
+* Cleaned up the settings page descriptions to be more clear/intuitive
+* Added a ton of options to the settings page
+* Added a few options to the shortcode
+* Improved documentation
+
+= 0.2 = 
+
+* Many bug fixes
+* Added a variety of new global options
+
+= 0.1 =
+
+Initial release.  Many improvements to come!
 
 == Installation ==
@@ -41 +88 @@
 == Changelog ==
 
+= 0.5a = 
+
+* Fixed an error when loading custom CSS from Theme directory.  Add anythingslider.css to your theme, if you'd like to use a custom CSS file.
+* Fixed an error with the new Video script.
+
+= 0.4 =
+
+* Upgraded to AnythingSlider 1.6
+* Added support for Video Playback options
+
+= 0.3 =
+
+* More bug fixes
+* Support for custom CSS file - Add anythingslider.css to your theme folder or your theme's CSS folder (overrides the default CSS)
+* Cleaned up the settings page descriptions to be more clear/intuitive
+* Added a ton of options to the settings page
+* Added a few options to the shortcode
+* Improved documentation
+
+= 0.2 = 
+
+* Many bug fixes
+* Added a variety of new global options
+
+= 0.1 =
+
 Initial release.  Many improvements to come!
 
@@ -61 +134 @@
 = How can I add this to a theme file? =
 
-Easy. Just use the standard method of embedding shortcodes into theme files: `<?php do_shortcode( "[anything_slides]" ); ?>`
+Easy. Just use the standard method of embedding shortcodes into theme files: `<?php echo do_shortcode( "[anything_slides]" ); ?>`
+
+For more information about this plugin, and to watch a few videos, check out <a href="http://missingpiecestudios.com" target="_blank">Missing Piece Studios</a>.
+
+For more information about the jQuery plugin, visit <a href="http://proloser.github.com/AnythingSlider/" target="_blank">this GitHub repo</a>.
+
+= How do I customize the CSS for my slideshows? =
+
+Simply add the file 'anythingslider.css' to your theme directory, or your theme's CSS directory.  That's it. The plugin will detect the file's existence and do the heavy lifting for you.
+
+= How do I use the new Navigation Formatter feature =
+
+You'll notice on the Slides post/page there is a new metabox for Navigation Formatter.  Add the text you'd like to use into this box.
+
+Next add the new attribute to the shortcode wherever you'd like to use custom navigation formatting.
+
+The shortcode has a new attribute `navFormat`.  The existence of this attribute in your shortcode call will grab the text you just entered and use that for the navigation title.
+
+If that's too confusing... which it probably is, check out a how-to video at <a href="http://missingpiecestudios.com" target="_blank">Missing Piece Studios</a>.