jQuery.fn.customSlider = function(){

  return this.each(function(){
    var _hold = $(this);
    var _wrap = _hold.find('#slides');
    var _el = _hold.find('#slides > li')
                   .css('float', 'left');
    var _count = _el.index(_el.filter(':last')) + 1;
    var _active = 0;
    var _btn = $('#tabs > li');
    var _arrow = $(document.createElement('span')).addClass('arrow');
    var _fullWidth = 1;
    
    for (var i=0; i < _count; i++)
    {
      _fullWidth += _el.eq(i).outerWidth();
    }
    
    _wrap.css('width', _fullWidth);
    
    _btn.removeClass('selected');
    _btn.eq(_active).addClass('selected').append(_arrow);
    
    _btn.bind('mouseover mouseenter', function(){
      if(!$(this).hasClass('selected'))
      {
        _btn.removeClass('selected');
        _active = _btn.index($(this).addClass('selected').append(_arrow));
        var _current = _el.eq(_active);
        _wrap.stop().animate({ left: -_current.position().left }, 600);
      }
    });
  });
}

$(document).ready(function(){
  $('#slider').customSlider();
});