//   --------------------------------------------------------------   //
//   Скрипт слайдера с закладками № 1
//   Автор: Szen
//   Сайт: szenprogs.ru
//   --------------------------------------------------------------   //
//   Доработал скрипт - добавь свой ник ниже. 
//   Не удаляй существующие!
//   --------------------------------------------------------------   //

$sptabslide={     
  objtd: function(obj,cls){
    return $(obj).parent('.'+cls).children('.'+cls+'Span');
  },
  
  prepare: function(cls){
    $('.'+cls+'>*').each(function(){
      $(this).wrap('<span class="'+cls+'Span"><\/span>')
    });          
  },
  
  setstyle: function(cls,tw,th){
    $('.'+cls)
      .css('height',th+'px')
      .css('overflow','hidden')
      .css('position','relative')
      .css('padding','0')
    ;
    $('.'+cls+'Span')
      .css('display','inline-block')
      .css('position','absolute')
      .css('overflow','hidden')
      .css('left','0')
      .css('width',tw+'px')
      .css('margin','0')
      .css('padding','0')
    ;
  },
  
  width: function(obj,tw){
    var w=$(obj).parent().width();
    ln=$(obj).parent().children().length;
    w=w-(ln*tw)+tw;
    return w;
  },
  
  slideit: function(obj,index,cls,tw,spd){
    var i=1;
    var wtl=0;
    var wth=tw;
    $($sptabslide.objtd(obj,cls)).stop().each(function(){
      if(i!=index){
        wth=tw;
      }else{
        wth=$sptabslide.width(obj,tw);
      }
      $(this).animate({width:wth+'px',left:wtl+'px'},spd);
      wtl+=wth;
      i++;
    });
  },
  
  setevent: function(cls,tw,spd){
    $('.'+cls+'>span').mouseenter(function(){
      var index=$($sptabslide.objtd(this,cls)).index(this)+1;
      $sptabslide.slideit(this,index,cls,tw,spd);
    });
  },
  
  init: function(cls,spd,tw,th){
    if(cls==undefined) cls='spTabSlider';
    if(spd==undefined) spd=300;
    if(tw==undefined) tw=50;
    if(th==undefined) th=100;
    this.prepare(cls);
    this.setstyle(cls,tw,th);
    $('.'+cls).each(function(){
      var obj=$(this).children('.'+cls+'Span:eq(0)');
      var len=$(this).children('.'+cls+'Span').length;
      $sptabslide.slideit(obj,len,cls,tw,spd);
    });
    this.setevent(cls,tw,spd);
  }
}

