/**
 *
 * @name jFlow
 * @namespace jQuery
 * @author Alexandre Magno (http://blog.alexandremagno.net)
 * @version 1.3
 * @description Plugin de jQuery para Carousel que suporta orientacao vertical e horizontal
 * @requires jquery.scrollTo-min.js
 * @param {Object} params O objeto de opcoes do plugin
 * @param {String} [params.item=".jflow-item"] O seletor usado como referencia para o carousel
 * @param {Number} [params.itens=5] A quantidade de itens que ira deslizar no carousel
 * @param {String} [params.inativeClass="inativo"] Classe inserida na paginacao quando chegar nos limites de paginacao
 * @param {String} [params.prev=".jflow-prev a"] Seletor usado como botao de voltar
 * @param {String} [params.next=".jflow-next a"] Seletor usado como botao de avancar
 * @param {String} [params.mode="vertical"] Modo de orientacao dos slides, aceita os parametros horizontal e vertical
 * @param {Number} [params.speed=800] Velocidade em milisegundos do slide
 * @param {Boolean|String} [params.pager=false] O container onde sera gerada a paginacao
 * @example
 * <div id="container">
 * 	<ul>
 * 		<li>item 1</li>
 * 		<li>item 2</li>
 * 		<li>item 3</li>
 * 		<li>item 4</li>
 * 	</ul>
 * </div>
 * $('#container').jflow({
 * 	itens: 3,
 *  item: '#container ul li',
 * 	mode: 'horizontal'
 * });
 * @returns {Object} jQuery
 *
 *
 */
(function($){
    $.fn.jflow = function(params){
    
        var options = {
            item: '.jflow-item',
            itens: 5,
            inativeClass: 'inativo',
            prev: '.jflow-prev a',
            next: '.jflow-next a',
            mode: 'vertical',
            pager: false,
            speed: 800,
            onNext: function(){}
        }
        
        var op = $.extend(options, params);
        var $self = this;
        var count = 0;
        var $flowbox = $(op.item);
        var li_count = $(op.item).length;
		var page = 1;
        
        if (li_count <= op.itens) {
            $(op.next).addClass(op.inativeClass);
        }
        var li_amount = 0;
        if (li_count < op.itens) {
            li_amount = li_count;
        }
        else {
            li_amount = op.itens;
        }
        
        var max_itens = li_count - op.itens;
        var flowbox_dimensions = op.mode == 'vertical' ? $flowbox.outerHeight(true) : $flowbox.outerWidth(true);
        var li_size = flowbox_dimensions;
        var overall_size = li_count * flowbox_dimensions;
        var overflow_size = li_size * li_amount;
        var pages = Math.ceil(li_count / op.itens);
        
        if (op.mode == 'vertical') {
            $self.css({
                'height': overflow_size,
                'overflow': 'hidden'
            });
        }
        else {
            $self.css({
                'width': overflow_size,
                'overflow': 'hidden'
            });
            $self.children(':first').css({
                'width': overall_size
            });
        }
        
        if (op.pager) {
        
            var pager = '';
            for (var i = 1; i < pages+1; i++) {
				if(i==1) {
					var currentClass = 'jflow-page-item active';	
				} else {
					var currentClass = 'jflow-page-item';
				}
				 
                pager += '<li><a href="#" class="'+currentClass+'" id="jflow-page-' + i + '">pagina ' + i + '</a></li>';
            }
            $(op.pager).append('<ul>' + pager + '</ul>');
        }
        
        $(op.prev).addClass(op.inativeClass).bind('click', function(){
            if (count > 0) {
                count -= op.itens;
                $self.scrollTo($(op.item).eq(count), op.speed, {
                    onAfter: function(){
                        page--;
						$('.jflow-page-item').removeClass('active');
						$("#jflow-page-"+page).addClass('active');
						if (count == 0) {
                            $(op.prev).addClass(op.inativeClass);
                        }
                    }
                });
                $(op.next).removeClass(op.inativeClass);
            }
            //IE 7 Bug
            $(this).blur();
            return false;
        });
        
        $(op.next).bind('click', function(){
            if (count < max_itens) {
                count += op.itens;
                $self.scrollTo($(op.item).eq(count), op.speed, {
                    onAfter: function(){
                        page ++;
						$('.jflow-page-item').removeClass('active');
						$("#jflow-page-"+page).addClass('active');
						if (count >= max_itens) {
                            $(op.next).addClass(op.inativeClass);
                        }
                        op.onNext.call(this);
                    }
                });
                $(op.prev).removeClass(op.inativeClass);
            }
            //IE7 Bug
            $(this).blur();
            return false;
        });
        
        $(op.pager).bind('click', function(e){
            var $target = $(e.target);
            $('.jflow-page-item').removeClass('active');
            $target.addClass('active');
            if ($target.is('a')) {
                var index = $target.attr('id').split('-')[2] -1;
                count = index * op.itens;
                $self.scrollTo($(op.item).eq(count), op.speed, {
                    onAfter: function(){
                        if (count >= max_itens) {
                            $(op.next).addClass(op.inativeClass);
                            $(op.prev).removeClass(op.inativeClass);
                        }
                        if (count == 0) {
                            $(op.prev).addClass(op.inativeClass);
                            $(op.next).removeClass(op.inativeClass);
                        }
                    }
                });
            }
            return false;
        });
        
    };
    
})(jQuery);