From: Michael Tremer <michael.tremer@ipfire.org>
Date: Sun, 2 Jan 2011 12:10:11 +0000 (+0100)
Subject: Add anythingslider.
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=ff366de00d830afbf97c71f3759395b2a02cba20;p=ipfire.org.git

Add anythingslider.
---

diff --git a/www/static/css/js-anythingslider.css b/www/static/css/js-anythingslider.css
new file mode 100644
index 00000000..2291fbde
--- /dev/null
+++ b/www/static/css/js-anythingslider.css
@@ -0,0 +1,140 @@
+/*
+    AnythingSlider v1.4
+
+    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/
+*/
+
+/******* SET DEFAULT DIMENSIONS HERE ********/
+div.anythingSlider {
+	width: 700px;
+	height: 390px;
+	margin: 0 auto;
+}
+
+div.anythingSlider img {
+	padding: 0;
+}
+
+/****** SET COLORS HERE *******/
+/* Default State */
+div.anythingSlider .thumbNav a.cur, div.anythingSlider .thumbNav a {
+	background: #880400;
+}
+div.anythingSlider .anythingWindow {
+	border-top: 2px solid #880400;
+	border-bottom: 2px solid #880400;
+}
+/* Active State */
+div.anythingSlider.activeSlider .thumbNav a.cur {
+	color: white;
+	background-color: #880400;
+}
+
+div.anythingSlider.activeSlider .thumbNav a {
+	background-color: white;
+}
+
+div.anythingSlider.activeSlider .anythingWindow {
+	border-color: #880400;
+}
+
+/**** DO NOT CHANGE BELOW THIS LINE ****/
+/* anythingSlider viewport window */
+div.anythingSlider .anythingWindow {
+	overflow: hidden;
+	position: relative;
+	width: 100%;
+	height: 100%;
+}
+/* wrapper: 45px right & left padding for the arrows, 28px @ bottom for naviagation */
+div.anythingSlider {
+	position: relative;
+	padding: 0 35px 28px;
+	/*padding: 0 35px 28px 35px;*/
+}
+/* anythingSlider base UL */
+ul.anythingBase {
+	background: transparent;
+	list-style: none;
+	position: absolute;
+	top: 0; left: 0;
+	margin: 0;
+}
+ul.anythingBase li.panel {
+	background: transparent;
+	display: block;
+	float: left;
+	padding: 0;
+	margin: 0;
+}
+
+/* Navigation Arrows */
+div.anythingSlider .arrow {
+	top: 50%;
+	position: absolute;
+	display: block;
+}
+div.anythingSlider .arrow a {
+	display: block;
+	height: 70px;
+	margin-top: -70px;
+	width: 35px;
+	text-align: center;
+	outline: 0;
+	background: url(../images/anythingslider/arrows.png) no-repeat;
+	text-indent: -9999px;
+}
+div.anythingSlider .forward { right: 0; }
+div.anythingSlider .back { left: 0; }
+div.anythingSlider .forward a { background-position: 0 -70px; }
+div.anythingSlider .back a { background-position: -35px -70px; }
+div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: 0 0; }
+div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: -35px 0; }
+
+/* Navigation Links */
+div.anythingSlider .thumbNav { margin: 0; }
+div.anythingSlider .thumbNav li { display: inline; }
+div.anythingSlider .thumbNav a {
+	color: #880400;
+/*	font: 11px/18px Georgia, Serif; */
+	display: inline-block;
+	text-decoration: none;
+	padding: 2px 8px;
+	height: 18px;
+	margin: 0 5px 0 0;
+	background-image: url(../images/anythingslider/cellshade.png);
+	background-repeat: repeat-x;
+	text-align: center;
+	outline: 0;
+/*	-moz-border-radius-bottomleft: 5px;
+	-moz-border-radius-bottomright: 5px;
+	-webkit-border-bottom-right-radius: 5px;
+	-webkit-border-bottom-left-radius: 5px; */
+}
+div.anythingSlider .thumbNav a:hover { background-image: none; }
+
+/* slider autoplay right-to-left, reverse order of nav links to look better */
+div.anythingSlider.rtl .thumbNav a { float: right; } /* reverse order of nav links */
+div.anythingSlider.rtl .thumbNav { float: left; }    /* move nav link group to left */
+/* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */
+
+/* Autoplay Start/Stop button */
+div.anythingSlider .start-stop {
+	z-index: 10;
+	background-color: #880400;
+	color: white;
+	padding: 2px 5px;
+	width: 40px;
+	text-align: center;
+	text-decoration: none;
+	float: right;
+/*	-moz-border-radius-bottomleft: 5px;
+	-moz-border-radius-bottomright: 5px;
+	-webkit-border-bottom-right-radius: 5px;
+	-webkit-border-bottom-left-radius: 5px; */
+}
+div.anythingSlider .start-stop.playing { background-color: #880400; }
+div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; color: white }
+
diff --git a/www/static/images/anythingslider/_2arrows.png b/www/static/images/anythingslider/_2arrows.png
new file mode 100644
index 00000000..eef3df76
Binary files /dev/null and b/www/static/images/anythingslider/_2arrows.png differ
diff --git a/www/static/images/anythingslider/_arrows.png b/www/static/images/anythingslider/_arrows.png
new file mode 100644
index 00000000..13129d4b
Binary files /dev/null and b/www/static/images/anythingslider/_arrows.png differ
diff --git a/www/static/images/anythingslider/arrows-ipfire2.png b/www/static/images/anythingslider/arrows-ipfire2.png
new file mode 100644
index 00000000..b249e067
Binary files /dev/null and b/www/static/images/anythingslider/arrows-ipfire2.png differ
diff --git a/www/static/images/anythingslider/arrows.png b/www/static/images/anythingslider/arrows.png
new file mode 100644
index 00000000..2a07678a
Binary files /dev/null and b/www/static/images/anythingslider/arrows.png differ
diff --git a/www/static/images/anythingslider/cellshade.png b/www/static/images/anythingslider/cellshade.png
new file mode 100755
index 00000000..e63944fb
Binary files /dev/null and b/www/static/images/anythingslider/cellshade.png differ
diff --git a/www/static/images/anythingslider/old_arrows.png b/www/static/images/anythingslider/old_arrows.png
new file mode 100644
index 00000000..b249e067
Binary files /dev/null and b/www/static/images/anythingslider/old_arrows.png differ
diff --git a/www/static/js/jquery-anythingslider-fx.js b/www/static/js/jquery-anythingslider-fx.js
new file mode 100644
index 00000000..47c975fa
--- /dev/null
+++ b/www/static/js/jquery-anythingslider-fx.js
@@ -0,0 +1,6 @@
+/*
+ * AnythingSlider Slide FX
+ * By Rob Garrison (aka Mottie & Fudgey)
+ * Dual licensed under the MIT and GPL licenses.
+ */
+(function(h){h.fn.anythingSliderFx=function(i){var o=h(this).closest(".anythingSlider"),k=o.width(),p=o.height(),q=function(e){return{top:[{inFx:{top:0},outFx:{top:"-"+(e||p)}}],bottom:[{inFx:{bottom:0},outFx:{bottom:e||p}}],left:[{inFx:{left:0},outFx:{left:"-"+(e||k)}}],right:[{inFx:{right:0},outFx:{right:e||k}}],fade:[{inFx:{opacity:1,time:500},outFx:{opacity:0,time:500}}],expand:[{inFx:{width:"100%",top:"0%",left:"0%"},outFx:{width:e||"10%",top:"50%",left:"50%"}}],listLR:[{inFx:{left:0,opacity:1}, outFx:[{left:e||k,opacity:0},{left:"-"+(e||k),opacity:0}],selector:[":odd",":even"]}],listRL:[{inFx:{left:0,opacity:1},outFx:[{left:e||k,opacity:0},{left:"-"+(e||k),opacity:0}],selector:[":even",":odd"]}],"caption-Top":[{inFx:{top:0,opacity:0.8,zIndex:10},outFx:{top:"-"+e||-50,opacity:0,zIndex:0}}],"caption-Right":[{inFx:{right:0,opacity:0.8,zIndex:10},outFx:{right:"-"+e||-150,opacity:0,zIndex:0}}],"caption-Bottom":[{inFx:{bottom:0,opacity:0.8,zIndex:10},outFx:{bottom:"-"+e||-50,opacity:0,zIndex:0}}], "caption-Left":[{inFx:{left:0,opacity:0.8,zIndex:10},outFx:{left:"-"+e||-150,opacity:0,zIndex:0}}]}};return this.each(function(){var e=q(),j={easing:"swing",timeIn:400,timeOut:350},r=function(b){b.each(function(){h(this).closest(".panel").is(".activePage")||h(this).hide()})},n=function(b,c,d){if(!(b.length===0||typeof c=="undefined")){var a=c[0]||c,g=a[1]||"",f=parseInt(g===""?a.time:a[0].time,10);if(d){b.css("position")!=="absolute"&&b.css({position:"relative"});b.stop();if(g!==""){b.filter(c[1][0]).animate(a[0], {queue:false,duration:f,easing:a[0].easing});b.filter(c[1][1]).animate(g,{queue:false,duration:f,easing:a[0].easing,complete:function(){setTimeout(function(){r(b)},j.timeOut)}});return}}d||b.show();b.animate(a,{queue:false,duration:f,easing:a.easing,complete:function(){d&&setTimeout(function(){r(b)},j.timeOut)}})}},t=function(b,c){var d,a,g=c?"outFx":"inFx",f={},m=c?j.timeOut:j.timeIn,l=h.trim(b[0].replace(/\s+/g," ")).split(" ");if(c&&l.length==1&&e.hasOwnProperty(l)&&typeof e[l][0].selector!=="undefined"){a= e[l][0].outFx;a[0].time=b[2]||j.timeOut;a[0].easing=b[3]||j.easing;return[a,e[l][0].selector||[]]}h.each(l,function(u,s){if(e.hasOwnProperty(s)){d=typeof b[1]=="undefined"?e:q(b[1]);h.extend(true,f,d[s][0][g]);f.time=b[2]||f.time||m;f.easing=b[3]||j.easing}});return[f]};h(this).bind("slide_init",function(b,c){var d=c.$currentPage,a=c.$lastPage;if(d.is(".cloned")){var g=c.currentPage==c.pages?c.pages:1;d=d.add(a).add(c.$items.eq(g))}else d=d.add(a);for(var f in i)if(f=="outFx")for(var m in i.outFx)d.find(m)&& n(d.find(m),i.outFx[m],true);else f!=="inFx"&&h.isArray(i[f])&&n(d.find(f),t(i[f],true),true)}).bind("slide_complete",function(b,c){var d=c.$currentPage;if(d.is(".cloned"))d=c.$items.eq(c.currentPage==c.pages?c.pages:1);for(var a in i)if(a=="inFx")for(var g in i.inFx)d.find(g)&&n(d.find(g),i.inFx[g],false);else a!="outFx"&&h.isArray(i[a])&&d.find(a)&&n(d.find(a),t(i[a],false),false)})})}})(jQuery);
diff --git a/www/static/js/jquery-anythingslider.js b/www/static/js/jquery-anythingslider.js
new file mode 100644
index 00000000..64cecafa
--- /dev/null
+++ b/www/static/js/jquery-anythingslider.js
@@ -0,0 +1,8 @@
+/*
+ AnythingSlider v1.5.6.2 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/
+*/
+
+(function(c){c.anythingSlider=function(g,h){var a=this;a.$el=c(g).addClass("anythingBase").wrap('<div class="anythingSlider"><div class="anythingWindow" /></div>');a.$el.data("AnythingSlider",a);a.init=function(){a.options=c.extend({},c.anythingSlider.defaults,h);c.isFunction(a.options.onBeforeInitialize)&&a.$el.bind("before_initialize",a.options.onBeforeInitialize);a.$el.trigger("before_initialize",a);a.$wrapper=a.$el.parent().closest("div.anythingSlider").addClass("anythingSlider-"+a.options.theme); a.$window=a.$el.closest("div.anythingWindow");a.$controls=c('<div class="anythingControls"></div>').appendTo(c(a.options.appendControlsTo).length?c(a.options.appendControlsTo):a.$wrapper);a.$nav=c('<ul class="thumbNav" />').appendTo(a.$controls);a.timer=null;a.flag=false;a.playing=false;a.hovered=false;a.panelSize=[];a.currentPage=a.options.startPanel;a.options.playRtl&&a.$wrapper.addClass("rtl");a.original=[a.options.autoPlay,a.options.buildNavigation,a.options.buildArrows];a.updateSlider();a.$currentPage= a.$items.eq(a.currentPage);a.$lastPage=a.$currentPage;a.runTimes=c("div.anythingSlider").index(a.$wrapper)+1;a.regex=RegExp("panel"+a.runTimes+"-(\\d+)","i");if(!c.isFunction(c.easing[a.options.easing]))a.options.easing="swing";a.options.theme!="default"&&!c("link[href*="+a.options.theme+"]").length&&c("body").append('<link rel="stylesheet" href="'+a.options.themeDirectory.replace(/\{themeName\}/g,a.options.theme)+'" type="text/css" />');a.options.pauseOnHover&&a.$wrapper.hover(function(){if(a.playing){a.$el.trigger("slideshow_paused", a);a.clearTimer(true)}},function(){if(a.playing){a.$el.trigger("slideshow_unpaused",a);a.startStop(a.playing,true)}});var b=a.options.hashTags?a.gotoHash()||a.options.startPanel:a.options.startPanel;a.setCurrentPage(b,false);a.slideControls(false);a.$wrapper.hover(function(d){a.hovered=d.type=="mouseenter"?true:false;a.slideControls(a.hovered,false)});a.options.enableKeyboard&&c(document).keyup(function(d){if(a.$wrapper.is(".activeSlider"))switch(d.which){case 39:a.goForward();break;case 37:a.goBack()}}); c.isFunction(a.options.onShowPause)&&a.$el.bind("slideshow_paused",a.options.onShowPause);c.isFunction(a.options.onShowUnpause)&&a.$el.bind("slideshow_unpaused",a.options.onShowUnpause);c.isFunction(a.options.onSlideInit)&&a.$el.bind("slide_init",a.options.onSlideInit);c.isFunction(a.options.onSlideBegin)&&a.$el.bind("slide_begin",a.options.onSlideBegin);c.isFunction(a.options.onShowStop)&&a.$el.bind("slideshow_stop",a.options.onShowStop);c.isFunction(a.options.onShowStart)&&a.$el.bind("slideshow_start", a.options.onShowStart);c.isFunction(a.options.onInitialized)&&a.$el.bind("initialized",a.options.onInitialized);c.isFunction(a.options.onSlideComplete)&&a.$el.bind("slide_complete",function(){setTimeout(function(){a.options.onSlideComplete(a)},0)});a.$el.trigger("initialized",a)};a.updateSlider=function(){a.$el.find("li.cloned").remove();a.$nav.empty();a.$items=a.$el.find("> li");a.pages=a.$items.length;if(a.options.resizeContents){a.options.width&&a.$wrapper.add(a.$items).css("width",a.options.width); a.options.height&&a.$wrapper.add(a.$items).css("height",a.options.height)}if(a.pages===1){a.options.autoPlay=false;a.options.buildNavigation=false;a.options.buildArrows=false;a.$controls.hide();a.$nav.hide();a.$forward&&a.$forward.add(a.$back).hide()}else{a.options.autoPlay=a.original[0];a.options.buildNavigation=a.original[1];a.options.buildArrows=a.original[2];a.$controls.show();a.$nav.show();a.$forward&&a.$forward.add(a.$back).show()}a.buildNavigation();if(a.options.autoPlay){a.playing=!a.options.startStopped; a.buildAutoPlay()}a.options.buildArrows&&a.buildNextBackButtons();a.$el.prepend(a.$items.filter(":last").clone().addClass("cloned").removeAttr("id"));a.$el.append(a.$items.filter(":first").clone().addClass("cloned").removeAttr("id"));a.$el.find("li.cloned").each(function(){c(this).html(function(b,d){return d.replace(/<a/gi,"<span").replace(/\/a>/gi,"/span>")})});a.$items=a.$el.find("> li").addClass("panel");a.setDimensions();a.options.resizeContents||c(window).load(function(){a.setDimensions()}); if(a.currentPage>a.pages){a.currentPage=a.pages;a.setCurrentPage(a.pages,false)}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")&&c.isFunction(swfobject.embedSWF)?true:false;a.hasEmb&&a.hasSwfo&&a.$items.find("embed[src*=youtube]").each(function(b){var d=c(this).parent()[0].tagName=="OBJECT"?c(this).parent():c(this);d.wrap('<div id="ytvideo'+b+'"></div>');swfobject.embedSWF(c(this).attr("src")+ "&enablejsapi=1&version=3&playerapiid=ytvideo"+b,"ytvideo"+b,d.attr("width"),d.attr("height"),"10",null,null,{allowScriptAccess:"always",wmode:a.options.addWmodeToObject},{"class":d.attr("class"),style:d.attr("style")})});a.$items.find("a").unbind("focus").bind("focus",function(b){a.$items.find(".focusedLink").removeClass("focusedLink");c(this).addClass("focusedLink");var d=c(this).closest(".panel");if(!d.is(".activePage")){a.gotoPage(a.$items.index(d));b.preventDefault()}})};a.buildNavigation=function(){a.options.buildNavigation&& a.pages>1&&a.$items.filter(":not(.cloned)").each(function(b){var d=b+1;b=c("<a href='#'></a>").addClass("panel"+d).wrap("<li />");a.$nav.append(b.parent());if(c.isFunction(a.options.navigationFormatter)){var e=a.options.navigationFormatter(d,c(this));b.html(e);parseInt(b.css("text-indent"),10)<0&&b.addClass(a.options.tooltipClass).attr("title",e)}else b.text(d);b.bind(a.options.clickControls,function(f){if(!a.flag&&a.options.enableNavigation){a.flag=true;setTimeout(function(){a.flag=false},100);a.gotoPage(d); a.options.hashTags&&a.setHash(d)}f.preventDefault()})})};a.buildNextBackButtons=function(){if(!a.$forward){a.$forward=c('<span class="arrow forward"><a href="#">'+a.options.forwardText+"</a></span>");a.$back=c('<span class="arrow back"><a href="#">'+a.options.backText+"</a></span>");a.$back.bind(a.options.clickArrows,function(b){a.goBack();b.preventDefault()});a.$forward.bind(a.options.clickArrows,function(b){a.goForward();b.preventDefault()});a.$back.add(a.$forward).find("a").bind("focusin focusout", function(){c(this).toggleClass("hover")});a.$wrapper.prepend(a.$forward).prepend(a.$back);a.$arrowWidth=a.$forward.width()}};a.buildAutoPlay=function(){if(!a.$startStop){a.$startStop=c("<a href='#' class='start-stop'></a>").html(a.playing?a.options.stopText:a.options.startText);a.$controls.prepend(a.$startStop);a.$startStop.bind(a.options.clickSlideshow,function(b){if(a.options.enablePlay){a.startStop(!a.playing);if(a.playing)a.options.playRtl?a.goBack(true):a.goForward(true)}b.preventDefault()}).bind("focusin focusout", function(){c(this).toggleClass("hover")});a.startStop(a.playing)}};a.setDimensions=function(){var b,d,e,f,j,i=0,k=a.$window.width(),l=c(window).width();a.$items.each(function(m){e=c(this).children("*");if(a.options.resizeContents){b=parseInt(a.options.width,10)||k;d=parseInt(a.options.height,10)||a.$window.height();c(this).css({width:b,height:d});if(e.length==1){e.css({width:"100%",height:"100%"});e[0].tagName=="OBJECT"&&e.find("embed").andSelf().attr({width:"100%",height:"100%"})}}else{b=c(this).width(); j=b>=l?true:false;if(e.length==1&&j){f=e.width()>=l?k:e.width();c(this).css("width",f);e.css("max-width",f);b=f}b=j?a.options.width||k:b;c(this).css("width",b);d=c(this).outerHeight();c(this).css("height",d)}a.panelSize[m]=[b,d,i];i+=b});a.$el.css("width",i<a.options.maxOverallWidth?i:a.options.maxOverallWidth)};a.gotoPage=function(b,d){if(a.pages!==1){a.$lastPage=a.$items.eq(a.currentPage);if(typeof b==="undefined"||b===null){b=a.options.startPage;a.setCurrentPage(a.options.startPage)}if(!(a.hasEmb&& a.checkVideo(a.playing))){if(b>a.pages+1)b=a.pages;if(b<0)b=1;a.$currentPage=a.$items.eq(b);a.currentPage=b;a.$el.trigger("slide_init",a);a.slideControls(true,false);if(d!==true)d=false;if(!d||a.options.stopAtEnd&&b==a.pages)a.startStop(false);a.$el.trigger("slide_begin",a);a.options.resizeContents||a.$wrapper.filter(":not(:animated)").animate({width:a.panelSize[b][0],height:a.panelSize[b][1]},{queue:false,duration:a.options.animationTime,easing:a.options.easing});a.$window.filter(":not(:animated)").animate({scrollLeft:a.panelSize[b][2]}, {queue:false,duration:a.options.animationTime,easing:a.options.easing,complete:function(){a.endAnimation(b,d)}})}}};a.endAnimation=function(b){if(b===0){a.$window.scrollLeft(a.panelSize[a.pages][2]);b=a.pages}else if(b>a.pages){a.$window.scrollLeft(a.panelSize[1][2]);b=1}a.setCurrentPage(b,false);a.$items.removeClass("activePage").eq(b).addClass("activePage");a.hovered||a.slideControls(false);if(a.hasEmb){b=a.$currentPage.find("object[id*=ytvideo], embed[id*=ytvideo]");b.length&&c.isFunction(b[0].getPlayerState)&& b[0].getPlayerState()>0&&b[0].getPlayerState()!=5&&b[0].playVideo()}a.$el.trigger("slide_complete",a);a.options.autoPlayLocked&&!a.playing&&setTimeout(function(){a.startStop(true)},a.options.resumeDelay-a.options.delay)};a.setCurrentPage=function(b,d){if(b>a.pages+1)b=a.pages;if(b<0)b=1;if(a.options.buildNavigation){a.$nav.find(".cur").removeClass("cur");a.$nav.find("a").eq(b-1).addClass("cur")}if(!d){a.$wrapper.css({width:a.panelSize[b][0],height:a.panelSize[b][1]});a.$wrapper.scrollLeft(0);a.$window.scrollLeft(a.panelSize[b][2])}a.currentPage= b;if(!a.$wrapper.is(".activeSlider")){c(".activeSlider").removeClass("activeSlider");a.$wrapper.addClass("activeSlider")}};a.goForward=function(b){if(b!==true){b=false;a.startStop(false)}a.gotoPage(a.currentPage+1,b)};a.goBack=function(b){if(b!==true){b=false;a.startStop(false)}a.gotoPage(a.currentPage-1,b)};a.gotoHash=function(){var b=window.location.hash.match(a.regex);return b===null?"":parseInt(b[1],10)};a.setHash=function(b){var d="panel"+a.runTimes+"-",e=window.location.hash;if(typeof e!=="undefined")window.location.hash= e.indexOf(d)>0?e.replace(a.regex,d+b):e+"&"+d+b};a.slideControls=function(b){var d=b?"slideDown":"slideUp",e=b?0:a.options.animationTime,f=b?a.options.animationTime:0;b=b?0:1;a.options.toggleControls&&a.$controls.stop(true,true).delay(e)[d](a.options.animationTime/2).delay(f);if(a.options.buildArrows&&a.options.toggleArrows){if(!a.hovered&&a.playing)b=1;a.$forward.stop(true,true).delay(e).animate({right:b*a.$arrowWidth,opacity:f},a.options.animationTime/2);a.$back.stop(true,true).delay(e).animate({left:b* a.$arrowWidth,opacity:f},a.options.animationTime/2)}};a.clearTimer=function(b){if(a.timer){window.clearInterval(a.timer);b||a.$el.trigger("slideshow_stop",a)}};a.startStop=function(b,d){if(b!==true)b=false;b&&!d&&a.$el.trigger("slideshow_start",a);a.playing=b;if(a.options.autoPlay){a.$startStop.toggleClass("playing",b).html(b?a.options.stopText:a.options.startText);if(parseInt(a.$startStop.css("text-indent"),10)<0)a.$startStop.addClass(a.options.tooltipClass).attr("title",b?"Stop":"Start")}if(b){a.clearTimer(true); a.timer=window.setInterval(function(){a.hasEmb&&a.checkVideo(b)||(a.options.playRtl?a.goBack(true):a.goForward(true))},a.options.delay)}else a.clearTimer()};a.checkVideo=function(b){var d,e,f=false;a.$items.find("object[id*=ytvideo], embed[id*=ytvideo]").each(function(){d=c(this);if(d.length&&c.isFunction(d[0].getPlayerState)){e=d[0].getPlayerState();if(b&&(e==1||e>2)&&a.$items.index(d.closest("li.panel"))==a.currentPage&&a.options.resumeOnVideoEnd)f=true;else e>0&&d[0].pauseVideo()}});return f}; a.init()};c.anythingSlider.defaults={width:null,height:null,resizeContents:true,tooltipClass:"tooltip",theme:"default",themeDirectory:"css/theme-{themeName}.css",startPanel:1,hashTags:true,enableKeyboard:true,buildArrows:true,toggleArrows:false,buildNavigation:true,enableNavigation:true,toggleControls:false,appendControlsTo:null,navigationFormatter:null,forwardText:"&raquo;",backText:"&laquo;",enablePlay:true,autoPlay:true,autoPlayLocked:false,startStopped:false,pauseOnHover:true,resumeOnVideoEnd:true, stopAtEnd:false,playRtl:false,startText:"Start",stopText:"Stop",delay:3E3,resumeDelay:15E3,animationTime:600,easing:"swing",onBeforeInitialize:null,onInitialized:null,onShowStart:null,onShowStop:null,onShowPause:null,onShowUnpause:null,onSlideInit:null,onSlideBegin:null,onSlideComplete:null,clickArrows:"click",clickControls:"click focusin",clickSlideshow:"click",addWmodeToObject:"opaque",maxOverallWidth:32766};c.fn.anythingSlider=function(g){return this.each(function(){var h=c(this).data("AnythingSlider"); if((typeof g).match("object|undefined"))if(h)h.updateSlider();else new c.anythingSlider(this,g);else if(/\d/.test(g)&&!isNaN(g)&&h){var a=typeof g=="number"?g:parseInt(c.trim(g),10);a>=1&&a<=h.pages&&h.gotoPage(a)}})}})(jQuery);
diff --git a/www/templates/base.html b/www/templates/base.html
index bd8d225d..06d0b634 100644
--- a/www/templates/base.html
+++ b/www/templates/base.html
@@ -16,8 +16,11 @@
 
 		<!-- Style information and javascript -->
 		<link rel="stylesheet" type="text/css" href="{{ static_url("css/style.css") }}" />
+		<link rel="stylesheet" type="text/css" href="{{ static_url("css/js-anythingslider.css") }}" />
 		<script type="text/javascript" src="{{ static_url("js/jquery.js") }}"></script>
 		<script type="text/javascript" src="{{ static_url("js/jquery-ui.js") }}"></script>
+		<script type="text/javascript" src="{{ static_url("js/jquery-anythingslider.js") }}"></script>
+		<script type="text/javascript" src="{{ static_url("js/jquery-anythingslider-fx.js") }}"></script>
 		<!--[if lt IE 7]>
 			<link rel="stylesheet" type="text/css" href="{{ static_url("css/ie6.css") }}" />
 			<script src="{{ static_url("js/correctpng.js") }}" type="text/javascript"></script>