/**
 * Autor: Ronie Herbert Neubauer
 * Arquivo responsavel pela chamada do efeito Slide.
 * http://flesler.blogspot.com/2008/02/jqueryserialscroll.html
 */

/**
 * div: elemento que possui as li para slide.
 * prev: elemento que ao clicar vai para o anterior.
 * next: elemento que ao clicar vai para o proximo.
 * direction: x -> slide horizontal, y -> slide vertical.
 */
function slides(div, prev, next, direction)
{
	// Slide
	$('#' + div).serialScroll({
        items: 'li',
		prev: prev,
        next: next,
        axis: direction,
        navigation: '',
        duration: 500,
        force: false,
        step: 3,
        onBefore: function(e, elem, $pane, $items, pos){
		    e.preventDefault();
            if (this.blur) 
                this.blur();
        },
        onAfter: function(elem){
		}
    });
}

/**
 * Funcao inicial
 */
function init()
{
	var total = 0;
	
	$('#middle li').each(function(){
		total += $(this).outerWidth();
	});
	
	if(total>0){
		$('#middle').width(total);
		// Chamada do slide
		slides('box', '#left', '#right', 'x');
	}
}

// Jquery / Quando a pagina carregar dispara a chamada da init.
$(document).ready(init);