Criação de Plugins

Ola a Todos..

Eu Estou desenvolvendo um plugin para distribuir gratuitamente pela internet, faz um tempo que eu tenho pensado nele e hoje eu começei a fazer, só que eu ainda tenho muitas dúvidas com framework Jquery(ou Library), vou postar o codigo aqui e você me mostram aonde que eu estou errando.

$(document).ready(function($) {

 $.fn.zindex = function(o){

 o = $.extend({
 next : null,
 prev : null

 }, o || {});

 //Objetos a serem Manipulados

 var processoZIndex, direcao, novoZIndex, Incremento;

 //Definições
 df = {
 z : 0,
 emAnimacao : false
 }

 $.random = function(max,min){
 var result = Math.floor(Math.random() * (max+1));
 if(result < min){
 return $.random(min,max);
 } else {
 return result;
 }

 }

 //Separei esse each(cada) do retorno para facilitar a compreenção
 $(this).each(function(){
 var rd = $.random(1,3) * 10;
 df.z++;
 $(this).parent().css({
 position: "relative"
 });
 $(this).css({
 "z-index":df.z,
 "position":"absolute",
 "top":0,
 "left":0,
 'transform': "rotate("+ rd + "deg)",
 '-moz-transform' : "rotate("+ rd + "deg)",
 '-webkit-trasform': "rotate("+ rd + "deg)",
 '-o-trasform': "rotate("+ rd + "deg)",
 '-ms-transform': "rotate("+ rd + "deg)"
 });
 });

 function go(){
 if(df.emAnimacao){
 return false;
 }
 else{
 df.emAnimacao = true;
 }
 if($(this).css('z-index') == df.z){
 $(this).animate({
 "top": direcao + $(this).heigth() + "px"
 },'slow',function(){
 $(this).css({
 'z-index': novoZIndex,
 'top': 0
 },'slow',function(){
 df.emAnimacao = false;
 });
 });
 }else{
 $(this).animate({
 'top': 0
 },'slow',function(){
 $(this).css({
 'z-index': parseInt($(this).css('z-index') + Incremento)
 });
 });

 }

 return false;
 }

 $(o.next).click(function(){

 processoZIndex = df.z;
 direcao = "-";
 novoZIndex = 1;
 Incremento = 1;
 go();
 });

 $(o.prev).click(function(){
 processoZIndex = 1;
 direcao = "";
 novoZIndex = df.z;
 Incremento = -1;
 go();
 });

 }

});

O Codigo HTML

<script type="text/javascript">
 $(function(){

 $('#pictures img').zindex({
 next : $('#next'),
 prev : $('#previous')
 });

 });
</script>

<div id="pictures">
 <img src="images/picture1.png" alt="" />
 <img src="images/picture2.png" alt="" />
 <img src="images/picture3.png" alt="" />
 <img src="images/picture4.png" alt="" />
 <img src="images/picture5.png" alt="" />
 </div>

<a href="#previous" id="prev">« Anterior</a>
 <a href="#next" id="next">Proxima »</a>

Help mE!!! :sick: :sick: :sick: