// JavaScript Document

var $intervalo
var $tiempoIntervalo = 15000;

function page_load() {
    window.clearInterval($intervalo)
    $intervalo = setInterval(function () { $('#slider .next a').click() }, $tiempoIntervalo);
}



$().ready(function () {


    //Inicializacion
    var $numSliders = $('#slider .paginacion ul > li').size();
    var $anchor = $("#slider .content").width(); //obtiene el ancho del contenido
    var $paginaPosicion = $('#slider .paginacion').position().left - $('#slider .paginacion ul > li').size() * 17; // 17 es porque  los li miden 17 + 24 por el margen entre ellos
    var $item_width = $("#slider .content").outerWidth();
    var $left_value = $item_width * (-1);

    $("#slider .content ul").animate({ width: $("#slider .content ul >li").size() * $anchor }); // Asigna ancho del contenedor ul
    $('#slider .paginacion').animate({ left: $paginaPosicion }, 100); //Acomoda la paginacion en el centro


    $("#slider .paginacion ul li:eq(0)").addClass("current"); //Selecciona el primer elemento de la paginacion


    if ($numSliders > 1) {
        $("#slider .next").show();
        $("#slider .prev").show();
        //$("#slider .paginacion").hide();

        //page_load()
        if ($numSliders > 2) {
            $("#slider .content li:first").before($("#slider .content ul li:last"));
            $("#slider .content ul").css({ 'left': $left_value }) //Agrega posicion al slider
            //$("#slider .paginacion").show();
        }

    }
    else {
        $("#slider .next").hide();
        $("#slider .prev").hide();
        $("#slider .paginacion").hide();
    }


    //Funcion para el boton siguiente
    $('#slider .next a').bind('click', function (event) {
        var $left_indent = parseInt($("#slider .content ul").css('left')) - $item_width;
        var $elemento = $("#slider .paginacion ul li.current").index();
        $("#slider .content ul:not(:animated)").animate({ 'left': $left_indent }, 1000, function () {
            $("#slider .content li:last").after($("#slider .content ul li:first"));
            if ($numSliders > 2) {
                $("#slider .content ul").css({ 'left': $left_value })
            } else
                $("#slider .content ul").css({ 'left': 0 })

            //de aqui en adelante la paginacion
            var noPagina = $("#slider .paginacion ul li.current").index();
            if (noPagina + 1 < $numSliders)
                noPagina++;
            else {
                noPagina = 0;
            }
            paginacion(noPagina)

            window.clearInterval($intervalo);
            setTimeout("page_load()", 1000);

        });

        return false
    });

    //Funcion para el boton anterior
    $('#slider .prev a').bind('click', function (event) {
        var $left_indent = parseInt($("#slider .content ul").css('left')) + $item_width;
        var $elemento = $("#slider .paginacion ul li.current").index();

        if ($numSliders < 3) {
            $("#slider .content ul").css({ 'left': $left_value })
            $("#slider .content li:first").before($("#slider .content ul li:last"));

            $("#slider .content ul:not(:animated)").animate({ 'left': 0 }, 1000, function () {
                $("#slider .content ul").css({ 'left': 0 })
                //$("#slider .content li:first").before($("#slider .content ul li:last"));


                //de aqui en adelante la paginacion
                var noPagina = $("#slider .paginacion ul li.current").index();
                if (noPagina - 1 >= 0)
                    noPagina--;
                else {
                    noPagina = $numSliders - 1;
                }
                paginacion(noPagina)

                window.clearInterval($intervalo);
                setTimeout("page_load()", 1000);
            });

        } else {

            $("#slider .content ul:not(:animated)").animate({ 'left': $left_indent }, 1000, function () {
                $("#slider .content ul").css({ 'left': $left_value })
                $("#slider .content li:first").before($("#slider .content ul li:last"));


                //de aqui en adelante la paginacion
                var noPagina = $("#slider .paginacion ul li.current").index();
                if (noPagina - 1 >= 0)
                    noPagina--;
                else {
                    noPagina = $numSliders - 1;
                }
                paginacion(noPagina)

                window.clearInterval($intervalo);
                setTimeout("page_load()", 1000);
            });
        }


        return false
    });


    function paginacion(noPagina) {
        $('#slider .paginacion ul li').removeClass("current");
        $('#slider .paginacion ul li:eq(' + noPagina + ')').addClass("current");
    }

    //    //Funcion para la paginacion
    $('#slider .paginacion ul li').bind('click', function (event) {
        var $pagina = $(this)
        var $idSlider = $(this).find("a").attr("rel")
        var $noSliderDefault = 0;
        if ($numSliders < 3)
            $noSliderDefault = 0
        else
            $noSliderDefault = 1

        $('#slider .paginacion ul li').removeClass("current")
        $("#slider .content:not(animate)").animate({ opacity: 0 }, 500, function () {
            for (i = 0; i < $numSliders; i++) {
                if ($("#slider .content li:eq(" + $noSliderDefault + ")").attr("id") == "slider-id-" + $idSlider) {
                    $("#slider .content:not(animate)").animate({ opacity: 1 }, 500);
                    $('#slider .paginacion ul li').removeClass("current")
                    $pagina.addClass("current")
                    //alert("si")
                    window.clearInterval($intervalo);
                    setTimeout("page_load()", 1000);
                    break;
                }
                else {
                    $("#slider .content li:last").after($("#slider .content ul li:first"));

                    //alert("no")
                }
            }
        });
        //alert($("#slider .content li#slider-id-"+ $idSlider).attr("id
        //alert($numSliders)
        return false
    });

    $('.btnVerMas').hover(function () {
        $(this).addClass("btnVerMenos");
    }, function () {
        $(this).removeClass("btnVerMenos");
    });
});