// JavaScript Document
$(function() {
    
		function slidePanel( newPanel, direction ) {
			
        // define the offset of the slider obj, vis a vis the document
        var offsetLeft = $slider.offset().left;

        // offset required to hide the content off to the left / right
        var hideLeft = -1 * ( offsetLeft + $slider.width() );
        var hideRight = $(window).width() - offsetLeft;

        // change the current / next positions based on the direction of the animation
        if ( direction == 'left' ) {
            currPos = hideLeft;
            nextPos = hideRight;
        }
        else {
            currPos = hideRight;
            nextPos = hideLeft;
        }

        // slide out the current panel, then remove the active class
        $slider.children('.slide-panel.active').animate({
            left: currPos
        }, 500, function() {
            $(this).removeClass('active');
        });

        // slide in the next panel after adding the active class
        $( $sliderPanels[newPanel] ).css('left', nextPos).addClass('active').animate({
            left: 0
        }, 500 );
    }

    var $slider = $('#full-slider');
    var $sliderPanels = $slider.children('.slide-panel');
    var $navWrap = $('<div id="full-slider-nav"></div>').appendTo( $slider );
    var $navLeft = $('<div id="full-slider-nav-left"></div>').appendTo( $navWrap );
    var $navRight = $('<div id="full-slider-nav-right"></div>').appendTo( $navWrap );

    var currPanel = 0;
		var	VelocidadCambioSlide = 8000;
		var maxSlides = 4;

		// Document ready
		$(document).ready(function()
		{
				setTimeout(function() {AnimateIndexSlide();}, VelocidadCambioSlide);	
		});

		/* Starts the animation */
		var AnimateIndexSlide = function() {
				currPanel++;
				if (currPanel > maxSlides) { currPanel = 0; };
				slidePanel(currPanel, 'left');
				setTimeout(function() {AnimateIndexSlide();}, VelocidadCambioSlide);	
		}
});