(function ( $ ){
$.fn.extend({

 vtexCarousel: function(options) {

 var defaults = { 
 		vitrine: 4		
	  , passarUm: false		
  };

 var options = $.extend(defaults, options);

 return this.each(function() { 
		
 var o = options;
 var obj = $(this);
 var tamanho = obj.find('li').size();
 var liWidth = obj.find('li').outerWidth();
 var ul = obj.find('ul');
 var i = 1;
 var _width = obj.width(tamanho*liWidth);
 var qnt;

	ul.css("position", "relative");
 
	 if(o.passarUm == false){
		var _max = tamanho/o.vitrine;
		qnt = 4;
	 }
	 
	 else {
		var _max = tamanho-4;
		qnt = 1;
	 }
 		obj.wrap("<div class='prateleira-container prateleira-" + obj.index() + "' />").wrap('<div class="prateleira-mask" />');
 		obj.parent().parent().append("<a href='#' class='prev-carousel'>prev</a><a href='#' class='next-carousel'>next</a>");
	
	obj.parent().css('width', o.vitrine*liWidth);
 
 obj.parent().parent().find('.next-carousel, .prev-carousel').click(function(e){
	 e.preventDefault();
 });
 
 obj.parent().parent().find('.next-carousel').click(function(){
	if(i>=_max){
		
		return false;
	}
	else {
		ul.animate({left: "-="+qnt*liWidth+"px"}); 
		i++;
			
	}
 });
 
 obj.parent().parent().find('.prev-carousel').click(function(){
	if(i<=1){
		return false;	
	}
	else {
	ul.animate({left: "+="+qnt*liWidth+"px"}); 
	i--;
	
	}
 });

 });

}

 })

})( jQuery, window , document );



