Как создать плагин слайд шоу на jQuery

<div id="slider">
	<img src="/lessons/les1219/img/img1.jpg" title="Название для 1-й картинки" />
	<img src="/lessons/les1219/img/img2.jpg" title="Название для 2-й картинки" />
	<img src="/lessons/les1219/img/img3.jpg" title="Название для 3-й картинки" />
</div>

$(function(){
	$('#slider').powerSlide();
});

<div class="powerSlide">
	<div class="wrapper">
		<a href="/" class="prev"></a>
		<a href="/" class="next"></a>
		<div class="image">
			<img src="/" alt="" />
			<p></p>
		</div>
	</div>
	<div class="nav"></div>
</div>

(function($){
	$.fn.powerSlide = function(options {  

		var opt = {
			// Опции
		};

		return this.each(function() {
			if (options) {
				$.extend(opt, options);
			}
			/* Код плагина будет здесь */
		});
	};
})(jQuery);

'width': 908, // Высота и ширина изображений
'height': 340,
'position': 'bottom', // Положение навигации
'bullets': false, // Выводить цифровую навигацию
'thumbs':  true, // Выводить навигацию миниатюрами
'row': 10, // Миниатюр на строке
'auto': true, // Автопроигрывание
'autoSpeed': 4000, // Скорость смены слайдов при автопроигрывании
'fadeSpeed': 1000 //скорость затухания слайда при смене

/* Контейнер
-----------------------------------------------*/
$(this).children().wrapAll('<div class="powerSlide" />');
var container = $(this).find('.powerSlide');
container.find('img').wrapAll('<div class="wrapper" />');
var wrapper = container.find('.wrapper'); 

/* Кнопки "предыдущий" и "следующий"
-----------------------------------------------*/
wrapper.append('<a href="#" class="prev"><<</a><a href="#" class="next">>></a>'); 

/* Навигация и названия
-----------------------------------------------*/
switch (opt.position) { // Положение навигации
		case 'top': container.prepend('<div class="nav" />'); break;
		case 'bottom': container.append('<div class="nav" />'); break;
} 

var nav = container.find('.nav'); 

wrapper.find('img').each(function(i){ 

	i += 1; // Start numbers at 1 

	if (opt.bullets === true) { // Кнопочная навигация
			nav.append('<a href="#">'+ i +'</a>');
	} 

	if (opt.thumbs === true) { // Навигация миниатюрами
			nav.addClass('thumbs').append(
				'<img class="thumb" src="'+
				$(this).attr('src') +'" alt=""/>');
	} 

	// Названия
	var title = $(this).attr('title');
	$(this).wrapAll('<div class="image" />');
	if (title !== undefined) {
			$(this).attr('title', '');
			$(this).after('<p>'+ title +'</p>');
	}
});

/* Контейнер
-------------------------------------------*/
.powerSlide .wrapper {
	overflow: hidden;
	padding: 15px;
	position: relative;
}

/* Изображение
-------------------------------------------*/
.powerSlide .wrapper img {
	position: absolute; /* They key to the “effects” approach */
}

/* Кнопки "предыдущий" и "следующий"
-------------------------------------------*/
.powerSlide a.prev,
.powerSlide a.next {
	display: none;
	margin-top: -1em; 
	padding: 1em 2em;
	position: absolute;
	text-decoration: none;
	top: 50%;
}
.powerSlide a.next {
	right: 0;
}

/* Название
-------------------------------------------*/
.powerSlide .wrapper p {
	bottom: 0;
	display: none;
	padding: 1.5em;
	position: absolute;
}

/* Навигация
-------------------------------------------*/
.powerSlide .nav {
	margin: .5em 0;
	overflow: hidden;
}
.powerSlide .nav.thumbs {
	padding: 15px; 
}
.powerSlide .nav img.thumb {
	cursor: pointer;
	float: left;
	margin: 2px;
	position: relative;
}
.powerSlide .nav img.thumb.current { /* Текущая миниатюра */
	z-index: 999;
}
.powerSlide .nav a {
	float:left;
	margin: .2em;
	min-width: 1em;
	padding: .2em .7em;
	text-align: center;
	text-decoration: none;
}
.powerSlide .nav a.current {} /* Текущая кнопка */

/* Объект Slider
-----------------------------------------------*/
var Slider = function(){ 

this.imgs = wrapper.find('div.image');
this.imgCount = (this.imgs.length) - 1; // Индекс соответствия
this.navPrev = wrapper.find('a.prev');
this.navNext = wrapper.find('a.next');
this.bullets = container.find('.nav a');
this.thumbs = container.find('.nav img.thumb');
this.captions = this.imgs.find('p'); 

this.getCurrentIndex = function(){ // Индекс
	return this.imgs.filter('.current').index();
}; 

this.go = function(index){ // Смена изображений 
	this.imgs
		.removeClass('current')
		.fadeOut(opt.fadeSpeed)
		.eq(index)
		.fadeIn(opt.fadeSpeed)
		.addClass('current');
	this.bullets
		.removeClass('current')
		.eq(index)
		.addClass('current');
	this.thumbs
		.removeClass('current')
		.eq(index)
		.addClass('current');
}; 

this.next = function(){
	var index = this.getCurrentIndex();
	if (index < this.imgCount) {
		this.go(index + 1); // Переходим к следующему
	} else {
		this.go(0); // Если последнее - то переходим к первому
	}
}; 

this.prev = function(){
	var index = this.getCurrentIndex();
	if (index > 0) {
		this.go(index - 1); // Переходим к предыдущему
	} else {
		this.go(this.imgCount); // Если первое, то переходим к последнему
	}
};	 

this.init = function(){ // Init
	wrapper
		.width(opt.width)
		.height(opt.height); /* Устанавливаем высоту и ширину */

	this.imgs.hide().first().addClass('current').show(); /* Устанавливаем текущее изображение */
	this.bullets.first().addClass('current');
	this.thumbs.first().addClass('current');

	// Размеры для миниатюр и названий
	var padding = wrapper.css('padding-left').replace('px', '');
	var captionsPadding = this.captions.css('padding-left').replace('px', '');
	nav.width(opt.width);
	if (opt.thumbs === true) { // Миниатюры
		var thumbBorder = this.thumbs.css('border-left-width').replace('px', '');
		var thumbMargin = this.thumbs.css('margin-right').replace('px', '');
		var thumbMaxWidth = opt.width/opt.row;
		this.thumbs.width( (thumbMaxWidth - (thumbMargin * 2)) - (thumbBorder * 2) );
	}
	this.captions // Названия
		.width(opt.width - (captionsPadding * 2) + 'px')
		.css('margin-bottom', padding + 'px');
	this.navNext.css('margin-right', padding + 'px');
    }; 

};

var slider = new Slider();
slider.init();

wrapper.hover(function(){ // Курсор над контейнером
	slider.captions.stop(true, true).fadeToggle();
	slider.navNext.stop(true, true).fadeToggle();
	slider.navPrev.stop(true, true).fadeToggle();
});
slider.navNext.click(function(e){ // Нажатие на кнопку "следующий"
	e.preventDefault();
	slider.next();
});
slider.navPrev.click(function(e){ // Нажатие на кнопку "предыдущий"
	e.preventDefault();
	slider.prev();
});
slider.bullets.click(function(e){  // Нажатие на кнопку цифровой навигации
	e.preventDefault(); slider.captions.hide();
	slider.go($(this).index());
});
slider.thumbs.click(function(){ // Нажатие на миниатюру
	slider.captions.hide();
	slider.go($(this).index());
});

if (opt.auto === true) {
	var timer = function(){
			slider.next();
			slider.captions.hide();
	};
	var interval = setInterval(timer, opt.autoSpeed);

	// Пауза при наведении курсора мыши на изображение
	wrapper.hover(function(){clearInterval(interval);}, function(){interval=setInterval(timer, opt.autoSpeed);});

	// Сбрасываем таймер, когда нажата миниатюра или кнопка
	slider.thumbs.click(function(){clearInterval(interval); interval=setInterval(timer, opt.autoSpeed);});
	slider.bullets.click(function(){clearInterval(interval); interval=setInterval(timer, opt.autoSpeed);});
}

/* Контейнер
-------------------------------------------*/
.powerSlide .wrapper {
	background:#fff;
	border:1px solid #999;
}

/* Кнопки "следуюший" и "предыдущий"
-------------------------------------------*/
.powerSlide a.prev,
.powerSlide a.next {
	background:#fff;
	box-shadow:2px 0 2px rgba(0,0,0,.3);
	color:#000;
	font:bold 10px Arial;
}
.powerSlide a.next {
	box-shadow:-2px 0 2px rgba(0,0,0,.3);
}

/* Название
-------------------------------------------*/
.powerSlide .wrapper p {
	background:#000;
	background:rgba(0,0,0,.7);
	color:#fff;
}

/* Навигация
-------------------------------------------*/
.powerSlide .nav.thumbs {
	background:#b5bdc8;
	border:1px solid #999;
}
.powerSlide .nav img.thumb {
margin: 3px;
	box-shadow:0 0 2px #666;
	border: 4px solid transparent;
	filter:alpha(opacity=40);
	opacity:.4;
}
.powerSlide .nav a {
	background:#7d7e7d;
	background:-moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e));
	background:-webkit-linear-gradient(top,#7d7e7d0%,#0e0e0e100%);
	background:-o-linear-gradient(top,#7d7e7d0%,#0e0e0e100%);
	background:-ms-linear-gradient(top,#7d7e7d0%,#0e0e0e100%);
	background:linear-gradient(top,#7d7e7d0%,#0e0e0e100%);
	border-radius:3px;
	color:#fff;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d',endColorstr='#0e0e0e',GradientType=0);
	font:bold 12px Arial;
}
.powerSlide .nav img.thumb.current {
	box-shadow:0 0 10px #fff;
	border: 4px solid #fff;
	filter:alpha(opacity=100);
	opacity:1;
}
.powerSlide .nav a.current {
	background:#1e5799;
	background:-moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8));
	background:-webkit-linear-gradient(top,#1e57990%,#2989d850%,#207cca51%,#7db9e8100%);
	background:-o-linear-gradient(top,#1e57990%,#2989d850%,#207cca51%,#7db9e8100%);
	background:-ms-linear-gradient(top,#1e57990%,#2989d850%,#207cca51%,#7db9e8100%);
	background:linear-gradient(top,#1e57990%,#2989d850%,#207cca51%,#7db9e8100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E5799',endColorstr='#7db9e8',GradientType=0);
}