(function($) {
	$.fn.extend({
		simpleSliderWidth: function(options){
			var OBJ = $(this);
			var defaults = {
                currentPosition: 1,
                slideWidth: 165,
				maskWidth: 660,
                pages: 0,
				numberInPages: 4,
				next: '.next',
				prev: '.prev',
				thisObj: OBJ,
				contentPage: '#paginacaoProdutos',
				boxPaginacao: '#boxPaginacao',
                corativa: '#A53200',
                corinativa: '#767267'
            };
            
            defaults = $.extend(defaults, options);
			
            //verifica quantidade de videos
			var slides = $(this).find('.boxVideo'),
				total = slides.length;
			
            //verifica quantidade de páginas
			var pages = Math.ceil(total / defaults.numberInPages);
                defaults.pages = pages;
			
			$(this).css('width', defaults.slideWidth*total);
            
			function move(pos, delay, index){
				if (pos == -1 && defaults.currentPosition <= 1) return;
                if (pos == 1 && defaults.currentPosition >= pages) return;
                
                if(index == null){
                    defaults.currentPosition = defaults.currentPosition + pos
                    
                    var position = (((defaults.currentPosition*defaults.numberInPages)*defaults.slideWidth)-defaults.maskWidth)*(-1);
                    
                    defaults.thisObj.animate({"marginLeft": position+"px"}, delay, "easeOutExpo");
                }else{ 
					var position = (((index*defaults.numberInPages)*defaults.slideWidth)-defaults.maskWidth)*(-1);
					
                    defaults.thisObj.animate({"marginLeft": position+"px"}, delay, "easeOutExpo");
					
					defaults.currentPosition = index;  
                }
			}

            //insere o indice e chama a função
            for(i=1; i<=pages; i++) $(defaults.contentPage).append('<a href="javascript:void(0);" id="page-'+i+'" class="pageSlider" rel="'+i+'">'+i+'</a>');
						
            $('.pageSlider').click(function() { move(0, 500, parseInt($(this).attr('rel'))) });
            
            //chama a função quando clica na seta
            $(defaults.next).bind('click', function(){ move(1, 500, null);  $(defaults.boxPaginacao+' a').css('color',defaults.corinativa); $('#page-'+defaults.currentPosition+'').css('color',defaults.corativa); });
			$(defaults.prev).bind('click', function(){ move(-1, 500, null); $(defaults.boxPaginacao+' a').css('color',defaults.corinativa); $('#page-'+defaults.currentPosition+'').css('color',defaults.corativa); });
            
            //carrega pagina com a cor do indice já definido
            $('#page-'+(defaults.currentPosition)+'').css('color',defaults.corativa);
            
            //ajuste da cor do índice
            $(defaults.contentPage+' a').bind('click', function(){
                $(defaults.boxPaginacao+' a').css('color',defaults.corinativa);
                $('#page-'+defaults.currentPosition+'').css('color',defaults.corativa);
            });
		}
	});
})(jQuery);