bavotasan.com » Downloads

Simple Textarea Word Counter jQuery Plugin

c.bavota — Thu, 20 Oct 2011 15:49:44 +0000

I know there are a few textarea word counter jQuery plugins out there already, but I felt like building my own since I wasn’t a fan of the ones that are available. Nothing new here but I did my best at making it as simple to use and efficient as possible.

/**
 * jQuery.textareaCounter
 * Version 1.0
 * Copyright (c) 2011 c.bavota - http://bavotasan.com
 * Dual licensed under MIT and GPL.
 * Date: 10/20/2011
**/
(function($){
	$.fn.textareaCounter = function(options) {
		// setting the defaults
		// $("textarea").textareaCounter({ limit: 100 });
		var defaults = {
			limit: 100
		};	
		var options = $.extend(defaults, options);
 
		// and the plugin begins
		return this.each(function() {
			var obj, text, wordcount, limited;
 
			obj = $(this);
			obj.after('Max. '+options.limit+' words');
 
			obj.keyup(function() {
			    text = obj.val();
			    if(text === "") {
			    	wordcount = 0;
			    } else {
				    wordcount = $.trim(text).split(" ").length;
				}
			    if(wordcount > options.limit) {
			        $("#counter-text").html('0 words left');
					limited = $.trim(text).split(" ", options.limit);
					limited = limited.join(" ");
					$(this).val(limited);
			    } else {
			        $("#counter-text").html((options.limit - wordcount)+' words left');
			    } 
			});
		});
	};
})(jQuery);

Load that up and then you can use the following to make it work:

$("textarea").textareaCounter({ limit: 100 });

The default limits to 100 words but you can change that to whatever you like. Here is a simple HTML setup using the plugin:

<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js">script>
<script type="text/javascript">
/**
 * jQuery.textareaCounter
 * Version 1.0
 * Copyright (c) 2011 c.bavota - http://bavotasan.com
 * Dual licensed under MIT and GPL.
 * Date: 10/20/2011
**/
(function($){
	$.fn.textareaCounter = function(options) {
		// setting the defaults
		// $("textarea").textareaCounter({ limit: 100 });
		var defaults = {
			limit: 100
		};	
		var options = $.extend(defaults, options);
 
		// and the plugin begins
		return this.each(function() {
			var obj, text, wordcount, limited;
 
			obj = $(this);
			obj.after('Max. '+options.limit+' words');
 
			obj.keyup(function() {
			    text = obj.val();
			    if(text === "") {
			    	wordcount = 0;
			    } else {
				    wordcount = $.trim(text).split(" ").length;
				}
			    if(wordcount > options.limit) {
			        $("#counter-text").html('0 words left');
					limited = $.trim(text).split(" ", options.limit);
					limited = limited.join(" ");
					$(this).val(limited);
			    } else {
			        $("#counter-text").html((options.limit - wordcount)+' words left');
			    } 
			});
		});
	};
})(jQuery);

head>
 
<body>
	<textarea rows="15" cols="50">textarea>
 
	<script type="text/javascript">
	$("textarea").textareaCounter();
	
 
body>
html>

That would give you a textarea box that looks like this:

Zombie with Film Camera for Head

c.bavota — Tue, 18 Oct 2011 15:17:25 +0000

I am working on a website for a horror film festival and created this image by splicing a few things together. Sadly, we won’t be using on the site but I thought it was cool enough that I should put it here so people can check it out. Feel free to download it and use it on your own project, just leave a comment so I can see what you do with it.

Add Logo to Admin WordPress Plugin

c.bavota — Fri, 18 Feb 2011 14:34:09 +0000

I have revamped my first plugin to make it a little easier to use. If you have tried it before and weren’t impressed, please give it another go. I’ve included an image uploader so you can easily add your own logo and choose whether you want it to appear in your wp-admin and/or the Login page. You also have the ability to upload multiple logos and then select which one you would like to use.

Any feedback or suggestions would be totally appreciated.

This plugin has been updated for WordPress 3.3.

Scrollerota jQuery Plugin

c.bavota — Tue, 08 Feb 2011 20:26:53 +0000

If you take a look at my Stationery Premium WordPress Theme, you will see a featured slideshow that was inspired by Kevin Liew’s jQuery Image Gallery/News Slider with Caption Tutorial. The only problem I had with his original code, was that it would sort of rewind back to the first element if you reached the end of the slideshow.

I decided to take Kevin’s idea and recode it from scratch so that it would no longer have to rely on Ariel Flesler scrollTo plugin and so that the slideshow would have an infinite scroll.

Here is the jQuery code for my new Scollerota jQuery Slideshow Plugin:

/**
 * jQuery.scrollerota
 * Version 1.0
 * Copyright (c) 2011 c.bavota - http://bavotasan.com
 * Dual licensed under MIT and GPL.
 * Date: 02/04/2011
**/
(function($){
	$.fn.scrollerota = function(options) {
		// setting the defaults
		// $("#scrollerota").scrollerota({ width: 500, height: 333, padding: 10, speed: 2000, timer: 5000, slideshow: true, easing: "easeInOutQuart" });
		var defaults = {
			width: 500,
			height: 333,
			padding: 10,	
			speed: 2000,
			timer: 5000,
			slideshow: true,
			easing: 'easeInOutQuart'
		};	
		var options = $.extend(defaults, options);
 
		// and the plugin begins
		return this.each(function() {
			// initializing the variables
			var obj, images, texts, first, last, imglimit, txtlimit, itemNum, totalWidth, totalHeight, txtTop, imgLeft, txtMove, imgMove;
 
			// creating the object variable
			obj = $(this);
			images = obj.find("ul.images");
			texts = obj.find("ul.text");
 
			// cloning the first and last item to create the infinite scrolling
 			first = images.find("li:first");
			last = images.find("li:last");
 			first.clone().appendTo(images);
 			last.clone().prependTo(images);
 
 			first = texts.find("li:first");
			last = texts.find("li:last");
 			first.clone().appendTo(texts);
 			last.clone().prependTo(texts);
 
			// figuring out the total width and height for the images and the text boxes
			itemNum = images.find("li").length;
			totalWidth = itemNum * options.width;
			totalHeight = itemNum * options.height;
			imglimit = -((itemNum - 1) * options.width);
			txtlimit = -((itemNum - 1) * options.height);
 
 			// setting the CSS for the image elements
			images
				.css({
					width: totalWidth+"px",
					height: options.height+"px",
					left: -options.width+"px"
				})
				.find("li").css({ width: options.width+"px", height: options.height+"px" })
				.end()
				.find("li img").css({ width: options.width+"px", height: options.height+"px" });
 
			// setting the CSS for the text elements
			texts
				.css({
					height: totalHeight+"px",
					top: -options.height+"px"
				})			
				.find("li").css({ height: (options.height-(options.padding*2))+"px", padding: options.padding+"px" });
 
			// slideshow functionality
			if(options.slideshow) {
				// creating the loop for the slideshow
				loop = setTimeout(function() { autoScroll(1,1); }, options.timer);
 
				// adding the controls for the slideshow
				obj.append('   
')
 
				// the pause click function
				obj.find(".pause").live("click", function() {
					clearTimeout(loop);
					obj.find(".play, .pause").toggle();
 
				});
 
				// the play click function
				obj.find(".play").live("click", function() {
					loop = setTimeout(function() { autoScroll(1, 1); }, options.timer);
					obj.find(".play, .pause").toggle();
 
				});
			} else {
				// adding the next and previous controls
				obj.append(' 
')
			}
 
			// the next and previous click function
			obj.find(".next, .prev").live("click", function() {
				if($(this).hasClass("next")) {
					autoScroll(1,0);
				} else {
					autoScroll(0,0);
				}
				if(options.slideshow) {
					clearTimeout(loop);
					obj.find(".play").show();
					obj.find(".pause").hide();
				}
			});
 
			// the autoScroll function
			function autoScroll(next, auto) {
				txtTop = texts.css('top').replace("px", "");
				imgLeft = images.css('left').replace("px", "");
				txtMove = (next) ? txtTop - options.height : parseInt(txtTop) + parseInt(options.height);
				imgMove = (next) ? imgLeft - options.width : parseInt(imgLeft) + parseInt(options.width);
 
				// animating the text
				texts.not(':animated').animate({ top: txtMove+"px" }, options.speed, options.easing, function() {
						// check if we have reach the end in either direction of the scroll
						if(txtMove==txtlimit) { texts.css({ top: -options.height+"px" }); }
						if(txtMove==0) { texts.css({ top: (txtlimit+options.height)+"px" }); }
					});
 
				// animating the images
				images.not(':animated').animate({ left: imgMove+"px" }, options.speed, options.easing, function() {
						// check if we have reach the end in either direction of the scroll
						if(imgMove==imglimit) { images.css({ left: -options.width+"px" }); }
						if(imgMove==0) { images.css({ left: (imglimit+options.width)+"px" }); }
					});				
 
				// continuing the loop if the slideshow is activated
				if(auto && options.slideshow) { loop = setTimeout(function() { autoScroll(1,1); }, options.timer); }
			}
		});
	};
})(jQuery);

Here is the basic CSS:

#scrollerota {
	width: 500px;
	height: 333px;
	overflow: hidden;
	position: relative;
	}
 
	#scrollerota ul.text {
		list-style: none;
		width: 200px;
		background: url(images/pixel.png);
		position: absolute;
		top: 0;
		left: 0;
		padding: 0;
		margin: 0;
		color: #fff;
		font-size: 14px;
		line-height: 20px;
		}
 
		#scrollerota ul.text li {
			overflow: hidden;
			}
 
	#scrollerota a.readmore {
		background: #666;
		border: 1px solid #777;
		padding: 5px 0;
		text-align: center;
		color: #fff;
		clear: both;
		display: block;
		width: 80px;
		margin-top: 16px;
		text-decoration: none;
		font-size: 12px;
		line-height: 17px;
		}
 
	#scrollerota a:hover.readmore {
		background: #888;
		border: 1px solid #999;
		text-decoration: none;
		}
 
	#scrollerota ul.images {
		list-style: none;
		position: absolute;
		top: 0;
		left: 0;
		padding: 0;
		margin: 0;
		}
 
		#scrollerota ul.images li {
			float: left;
			}
 
	#scrollerota .controls {
		position: absolute;
		bottom: 10px;
		right: 10px;
		}
 
		#scrollerota .controls a {
			width: 22px;
			height: 22px;
			display: block;
			float: left;
			background: url(images/controls.png) no-repeat;
			}
 
		#scrollerota .controls .prev {
			background-position: 0 -22px;
			}
 
		#scrollerota .controls .next {
			background-position: -23px -22px;
			}
 
		#scrollerota .controls .play {
			background-position: -23px 0;
			display: none;
			}

And here is what the HTML should look like:

<div id="scrollerota">
    <ul class="images">
    	<li><img src="images/image1.jpg" />li>
    	<li><img src="images/image2.jpg" />li>
    	<li><img src="images/image3.jpg" />li>
    ul>
	<ul class="text">
    	<li>Nullam rutrum, nibh sit amet sodales luctus, mauris est placerat justo, molestie gravida lorem enim eu sapien. Curabitur porttitor lobortis felis ac ultricies. Nulla velit ipsum, lobortis ac bibendum vitae, aliquam at metus.<a href="#" class="readmore">Read morea>li>
        <li>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam et eros nisl. Etiam vehicula lobortis pharetra. Integer ut ipsum risus.<a href="#" class="readmore">Read morea> li>
        <li>Nulla facilisis felis vitae leo condimentum quis adipiscing turpis rhoncus. Sed id lacus libero, ut accumsan lacus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.<a href="#" class="readmore">Read morea> li>
    ul>
div>

With all that in place, all you have to do is make sure to load up jQuery at the top of your web page and add the following piece of code to the bottom, right before the closing body tag:

<script type="text/javascript">
	$("#scrollerota").scrollerota({
			width: 500,
			height: 333,
			padding: 10,	
			speed: 2000,
			timer: 5000,
			slideshow: true,
			easing: 'easeInOutQuart'
		});
script>

Here is a break down of the parameters, though some are pretty self-explanatory:

width: The full width of the slideshow
height: The full height of the slideshow
padding: The amount of padding surrounding the text box to the left
speed: The amount of time in milliseconds that it takes for the element to slide
timer: The amount of time in milliseconds for the slideshow to pause between slides (ignored if slideshow is turned off)
slideshow: Set to false if you wish to remove the automatic slideshow
easing: The easing type of animation

If you wish to use the advanced easing options, you would also need to upload the latest jQuery UI. If not, the only two easing options you have are linear and swing.

Full Size Background Image jQuery Plugin: Redux

c.bavota — Mon, 07 Feb 2011 14:32:33 +0000

I just made a few changed to this plugin because it was acting a little weird. Tested it in Safari, Chrome and Firefox and it work perfectly now. All you need is an image that you want to have displayed as your background. Once you have that and use the plugin, the image will resize to the full width/height of the browser window. Every time the browser window resizes, so will the background image.

First comes the plugin code:

/**
 * jQuery.fullBg
 * Version 1.0
 * Copyright (c) 2010 c.bavota - http://bavotasan.com
 * Dual licensed under MIT and GPL.
 * Date: 02/23/2010
**/
(function($) {
  $.fn.fullBg = function(){
    var bgImg = $(this);		
 
    function resizeImg() {
      var imgwidth = bgImg.width();
      var imgheight = bgImg.height();
 
      var winwidth = $(window).width();
      var winheight = $(window).height();
 
      var widthratio = winwidth / imgwidth;
      var heightratio = winheight / imgheight;
 
      var widthdiff = heightratio * imgwidth;
      var heightdiff = widthratio * imgheight;
 
      if(heightdiff>winheight) {
        bgImg.css({
          width: winwidth+'px',
          height: heightdiff+'px'
        });
      } else {
        bgImg.css({
          width: widthdiff+'px',
          height: winheight+'px'
        });		
      }
    } 
    resizeImg();
    $(window).resize(function() {
      resizeImg();
    }); 
  };
})(jQuery)

There is only a little CSS needed for this one:

.fullBg {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
 
#maincontent {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
}

If you want your background to stay fixed you can change the .fullBG CSS to this:

.fullBg {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
}

For the HTML markup, you can just add an image tag with an id or class, but you also need to add a div that contains your main content or else it won’t work properly. This is the bare minimum:

<img src="your-background-image.jpg" alt="" id="background" />
<div id="maincontent">
  
div>

To call the jQuery function, add this to the bottom of your web page, right before the closing body tag:

<script type="text/javascript">
$(window).load(function() {
	$("#background").fullBg();
});
script>

Once again, this plugin is pretty simple so no options are available. It pretty much just does what it does.

My First Vanilla Plugin

c.bavota — Tue, 09 Nov 2010 19:22:42 +0000

I have been fiddling around with Vanilla lately to prepare my support forum for a migrating over from bbPress. Vanilla is great and it offers tons of useful options that blow bbPress out of the water. Plus, it’s based in Montreal and I recently got to know the people behind it and they are totally awesome.

The learning curve on Vanilla is a little steep compared to bbPress, especially if you are unfamiliar with object oriented programming, but it is worth diving into. It took me a bit of time to wrap my head around it all but I managed to put together my first plugin to contribute back to the community.

In my support forum, I am often including code snippets to show exactly how to mod a file, and I like to have these snippets formatted a certain way. I prefer to use GeSHi to highlight my code so that it is easier to read and I don’t have to rely on a lot of extra JavaScript files. My first plugin allows Vanilla users to input code snippets using GeSHi by including their code between

tag.

Here’s a screenshot to show you how it looks when you hover over a code snippet.

A sign of things to come in the Support Forum

I’ve included a small piece of jQuery to expand the code box, similar to how it functions on this site.

I’ve just uploaded the plugin to Vanilla so you can download it from there. Let me know if you have any questions or commeents.

Delete Duplicate Posts Pro WordPress Plugin

c.bavota — Wed, 27 Oct 2010 16:43:25 +0000

I just updated this plugin for WordPress 3.0. I also simplified the manual cron process. If you have any questions post them in the support forum.

What exactly does this plugin do?

Let’s say, hypothetically, you have a website that gathers news from RSS feeds with some sort of parser. Sometimes, for whatever reason, you might get multiple versions of the same post. Delete Duplicate Posts Pro WordPress plugin to the rescue.

This plugin offers the ability to manually list all dupes and then delete them. Or you can activate a daily WordPress cron to make it happen automatically. Advanced users even have the ability to setup their own cron, for more control.

This plugin can really help you out if you are using auto-blogging plugins like Wp-O-Matic, FeedWordPress and Autoblogged.

A single site license costs only $19.77 for lifetime use. All updates are yours for free.

Delete Duplicate Posts Pro is designed for WordPress 3.0. It has been tested on older versions and does work but many extra features, like the Dashboard widget, might not function properly.

Click the “Buy” button below to purchase a single site license. Be sure to click back after completing the purchase to download the plugin and get your activation code.

NOTE: You don’t need a PayPal account to make a purchase. Just look near the bottom left after you click the “Buy” button for the “Don’t Have a PayPal account” link. You will not need to create an account, you will just need to enter your CC info.

No refunds available.

Feed Me, Seymour 1.2

c.bavota — Sat, 19 Jun 2010 13:05:24 +0000

I have just updated Feed Me, Seymour for WordPress 3.0 and many of its new features. I have also cleaned up the code and added the Arturo Theme Engine v2.0 so that the admin interface works a whole lot better. Version 1.2 is currently only available on this site. Just click the download button below.

Here are some examples of different layout options.

For more info go to Themes by bavotasan.com.

Magazine Basic v2.6 WordPress Theme

c.bavota — Tue, 08 Jun 2010 13:05:03 +0000

Since I have been doing all this talking about WordPress 3.0, I thought it only fitting to start incorporating some if its features into my themes. The first theme to get the upgrade is Magazine Basic. Version 2.6 also has the Arturo Theme Engine v2.0 installed to give a smoother experience while configuring the theme options. The new MB is currently available for download off of WordPress.org.

Here are a few of the new features:

WordPress 3.0 menu system
WordPress 3.0 background editor
Arturo Theme Engine v2.0
Ajax save function
Cleaner code

Sliderota jQuery Plugin

c.bavota — Wed, 21 Apr 2010 20:18:26 +0000

The new design on Themes by bavotasan.com required a content slider so I built a simple jQuery plugin that would work the way I needed it to. There isn’t much to it but you can set the speed, slide timer, easing and if you want it to work solely as a content slider or as a slideshow. It even loops so you don’t have any of that ugly backwards sliding when it hits the end.

Here is the basic CSS you need:

#sliderota {
	width: 900px; /* change to the width you want */
	height: 380px; /* change to the height you want */
	overflow: hidden;
	position: relative;
	background: url(../images/bigad_bg.png) no-repeat;
	}
 
	#sliderota .slides {
		position: absolute;
		top: 0;
		left: 0;
		}
 
	#sliderota img {
		float: left;
		}
 
	#sliderota ul {
		position: absolute;
		bottom: 10px;
		left: 10px;
		z-index: 100;
		list-style: none;
		padding: 0;
		margin: 0;
		}
 
	#sliderota ul li  {
		float: left;
		}	
 
		#sliderota ul li a {
			background: url(../images/controls.png) no-repeat 0 0;
			width: 16px;
			height: 16px;
			display: block;
			}
 
		#sliderota ul li.selected a {
			background-position: -18px 0;
			}
 
	#sliderota .controls a {
		z-index: 100;
		position: absolute;
		right: 10px;
		bottom: 10px;
		background: url(../images/controls.png) no-repeat -54px 0;
		width: 16px;
		height: 16px;
		}
 
		#sliderota .controls a.play {
			display: none;
			background-position: -36px 0;
			}

Here is the basic HTML:

<div id="sliderota">
	<div class="slides">
    	<a href="http://themes.bavotasan.com/our-themes/premium-themes/moderno"><img src="images/moderno_bigad.png" width="900" height="380" alt="Moderno" />a>
		<a href="http://themes.bavotasan.com/our-themes/premium-themes/magazine-premium"><img src="images/magprem_bigad.png" width="900" height="380" alt="Magazine Premium" />a>
		<a href="http://themes.bavotasan.com/our-themes/premium-themes/stationery"><img src="images/stationery_bigad.png" width="900" height="380" alt="Stationery" />a>
		<a href="http://themes.bavotasan.com/our-themes/premium-themes/illustrious"><img src="images/illustrious_bigad.png" width="900" height="380" alt="Illustrious" />a>
    div>
div>

Of course, you need to call jQuery and the plugin function:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js">script>
<script type="text/javascript" src="js/jquery.sliderota.js">script>
<script type="text/javascript">
	$("#sliderota").sliderota();

If you are only using jQuery 1.3.2, then you will also have to include the Easing plugin to use the advanced easing options that are included in the Core UI v1.8.0.

And now for the plugin:

/**
 * jQuery.sliderota
 * Version 1.0
 * Copyright (c) 2010 c.bavota - http://bavotasan.com
 * Dual licensed under MIT and GPL.
 * Date: 04/22/2010
**/
(function($) {
	$.fn.sliderota = function(options) {
		// setting the defaults
		// $("#sliderota").sliderota({speed: 3000, timer: 6000, slideshow: true, easing: "easeInOutQuint"});
		var defaults = {
			speed: 3000,
			timer: 6000,
			slideshow: true,
			easing: 'easeInOutQuint'
		};	
		var options = $.extend(defaults, options);
 
		// and the plugin begins
		return this.each(function() {
			// initializing the variables
			var loop, counter, obj, totalWidth, itemWidth, curLeft, itemNum, limit;
 
			// creating the object variable
			obj = $(this);
 
			counter = 0;
			itemWidth = obj.find(".slides").width();
			itemNum = obj.find(".slides a").length;
			totalWidth = (itemNum + 1) * itemWidth;
			limit = -(itemNum * itemWidth);
 
			obj
				.find(".slides").css({
					width: totalWidth+"px"
				})
				.end()
				.append("
")
				.find(".slides a").each(function() {
					$("
").appendTo(obj.find("ul"));
					counter++;
				})
				.end()
				.find("ul li:eq(0)").addClass("selected")
				.end()
				.find(".slides a:eq(0)").clone().appendTo(" .slides", obj)
				.end()
				// creating the click event
				.find("ul li a").live('click', function() {
					obj.find("ul li").each(function() {
						$(this).removeClass("selected");
					});
					curLeft = $(this).attr('class').replace("slide_","");
					curLeft = -(curLeft * itemWidth);
 
					$(this).parent().addClass("selected");		
					obj // selecting the object
						.find(".slides").stop().animate({ left: curLeft+"px" }, options.speed, options.easing)
						.end()
						.find(".controls a.play").show()
						.end()
						.find(".controls a.pause").hide();
					clearTimeout(loop);
				});
 
			// slideshow functionality
			if(options.slideshow) {
				// adding the play/pause controls
				obj // selecting the object
					.append("
")
					.find(".controls")
						.append("")
						.append("")					
					.end()
					// creating the play click event
					.find(".controls .play").click(function() {
						loop = setTimeout(function() { moveSlides(); }, options.timer);
						$(this).hide();
						obj.find(".controls .pause").show();
					})
					.end()
					// creating the pause click event
					.find(".controls .pause").click(function() {
						clearTimeout(loop);
						obj.find(".controls .play").show();
						$(this).hide();
					});	
 
				// creating the loop for the slideshow
				loop = setTimeout(function() { moveSlides(); }, options.timer);
 
				// creating the function to move the slides
				function moveSlides() {
					obj.find("ul li").each(function() {
						$(this).removeClass("selected");
					})
					curLeft = obj.find(".slides").css('left').replace("px", "");
					curItem = (Math.abs(curLeft) / itemWidth)+1;
					if(curLeft==limit+itemWidth) {
						obj.find('ul li:eq(0)').addClass("selected");
					} else {
						obj.find('ul li a.slide_'+curItem).parent().addClass("selected");
					}
					curLeft = curLeft - itemWidth;
					obj.find(".slides").stop().animate({ left: curLeft+"px" }, options.speed, options.easing, function() {
						if(curLeft==limit) { obj.find(".slides").css({ left: "0px" }); }
					});
					loop = setTimeout(function() { moveSlides(); }, options.timer);
				};
			};
		});
	};
})(jQuery);

The options are pretty simple:

$("#sliderota").sliderota({
  speed: 3000, 
  timer: 6000, 
  slideshow: true, 
  easing: "easeInOutQuint"
});