jQuery.fn.HSlider = function(options) {
  var defaults = {
    id: 'HSlider',
    itemWidth : 80,
    itemShowCount : 3,
    autoplay: true,
    autoplayIntervalTime: 3000,
    type: 'round',
    speed: 500
  };
  var settings = $.extend({}, defaults, options);
  return this.each(function(){
    var ul_obj = $('ul', $(this));
    var li_obj = $('li', $(this));
	  var i = 0;
    var attributes = {
      slideNum : 0
    };
    var fn = {
      'InitRoundSlider': function(){
        var html = ul_obj.html();
        ul_obj.append(html);
        ul_obj.prepend(html);        
      },
      'SliseNext': function(stepNum){
        ul_obj.stop(true, true);
        var margin = parseInt(ul_obj.css('margin-left'));
	      if(settings.itemWidth == 'auto')
	      {
		      var auto_width = $('li:first', ul_obj).width();
		      console.log($('li:first', ul_obj).width());
	        ul_obj.animate({
	            'marginLeft' : "-="+auto_width+"px"
	        }, stepNum*settings.speed, function(){
	            for(var i = 0; i < stepNum; i++ )
	            {
	                ul_obj.css({'marginLeft': margin+'px'});
	                ul_obj.append($('li', $(this)).eq(0));
	                //li_obj.eq(0).remove();
	            }
	        });
	      }else
	      {
	        ul_obj.animate({
	            'marginLeft' : "-="+settings.itemWidth*stepNum+"px"
	        }, stepNum*settings.speed, function(){
	            for(var i = 0; i < stepNum; i++ )
	            {
	                ul_obj.css({'marginLeft': margin+'px'});
	                ul_obj.append($('li', $(this)).eq(0));
	                //li_obj.eq(0).remove();
	            }
	        });
	      }

      }
    };

    $(this).addClass('HSlider');
    $(this).attr('id', settings.id);
    attributes.slideNum = li_obj.length;

	  if(settings.itemWidth == 'auto')
	  {
		  var auto_width = 0;
		  $('li', ul_obj).each(function(){
			  auto_width += $(this).width();
		  });
		  $(this).css({width: settings.itemWidth*settings.itemShowCount+'px', overflow: 'hidden'});
		  ul_obj.css({marginLeft:0});

		  li_obj.css({
		    display:'block',
		    float:'left'
		    //width: settings.itemWidth
		  });

	  }else
	  {
		  $(this).css({width: settings.itemWidth*settings.itemShowCount+'px', overflow: 'hidden'});
		  ul_obj.css({marginLeft:0});

		  li_obj.css({
		    display:'block',
		    float:'left',
		    width: settings.itemWidth
		  });

	  }

    if(settings.type == 'round')
    {
      fn.InitRoundSlider();
    }

    if(settings.autoplay)
    {
      setInterval(function(){
        fn.SliseNext(1);
      }, settings.autoplayIntervalTime);

    }

  });


}

$(document).ready(function(){
  $('.h-tabs').HSlider();
});