﻿$(document).ready(function () {
    
    principalInicializar();

});

function principalInicializar() {
    fechaYHoraCompleta();
     
    titulares.inicializar();
    
    clima.setImagenCarpeta('/componentes/clima/yahoo/52x52/');
    clima.obtener();

    setInterval('fechaYHoraCompleta();', 15000);

    if ($('#bloque1').length == 0) {
        $('#menulibres').show();
    }
}

function fechaYHoraCompleta() {
    var ahora = new Date();
    var fechaCadena = ahora.toString('ddd dd.MMM.yyyy | HH:mm').toUpperCase() + 'hs';
    var fechaCompleta = fechaCadena;
    $('#encabezado .fecha span').html(fechaCompleta);
}

function mayusculaPrimera(cadena) {
    return cadena.charAt(0).toUpperCase() + cadena.slice(1);
}


var titulares = function () {
    var titularIndiceAnterior = -1;
    var titularIndice = -1;
    var tiempo = 4000;
    var articulos = new Array();
    var detenido = false;

    //  Seleccionando un titular
    function titularesSeleccionar(indice) {
        //console.log("El indice seleccionado %d  - El valor anterior: %d", indice, titularIndiceAnterior);

        titularesLimpiar(titularIndice);

        titularIndiceAnterior = titularIndice;
        titularIndice = indice;


        var titular = $('#bloque1 .item').get(titularIndice);
        $(titular).addClass('titularSeleccionado');
        $(titular).attr('style', ''); // fix: quitar borde titular siguiente



        titularVisualizar();
    }

    // Visualizando el titular seleccionado actulamente (ocultando el anterior)
    function titularVisualizar() {
        var itemAnterior = $('#bloque1 .item').get(titularIndiceAnterior);
        var item = $('#bloque1 .item').get(titularIndice);

        $(itemAnterior).removeClass('seleccionado');
        $(itemAnterior).addClass('ocultar');

        $(item).removeClass('ocultar');
        $(item).addClass('seleccionado');

        //Leyenda
        var cantidad = $("#bloque1 .item").size();
        $('.navegacionNoticias .cantidades').html(String.format('{0} de {1}', (titularIndice + 1), cantidad))

        $('.navegacionNoticias').show();
    }

    // Limpiar el titular seleccionado
    function titularesLimpiar(indice) {
        var titular = $(".listadoTitulares .titular").get(indice);
        $(titular).removeClass('titularSeleccionado');
    }

    // Scroll de titular. Ir al siguiente
    function titularesSiguiente() {
        if (detenido == true) {
            return;
        }

        var cantidad = $("#bloque1 .item").size();
        //console.log("Cantidad de titulares %d", cantidad);
        if (titularIndice == (cantidad - 1)) {
            titularIndice = -1;
        }
        titularesSeleccionar(titularIndice + 1);
    }

    // Scroll de titular. Ir al anterior
    function titularesAnterior() {
        if (detenido == true) {
            return;
        }

        var cantidad = $("#bloque1 .item").size();
        console.log("Cantidad de titulares %d", cantidad);
        if (titularIndice == 1) {
            titularIndice = cantidad + 1;
        }
        titularesSeleccionar(titularIndice - 1);
    }


    // Inicializacion del modulo de scroll de titulares
    function titularesInicializar() {

        //Para imagenes con bordes redondeados
        //titularImagenBordeRedondeado();        

        titularesArmarDesdeBloque();

        $('.navegacionNoticias .botonSiguiente').click(function () {
            titulares.siguiente();
        });
        $('.navegacionNoticias .botonAnterior').click(function () {
            titulares.anterior();
        });


        setInterval(function () {
            titulares.siguiente();
        }, tiempo);
    }

    // Armado de titulares para scroll a partir del contenido del bloque1
    function titularesArmarDesdeBloque() {
        var cantidad = $('#bloque1 .item').size();
        var contador = 1;

        $('#bloque1 .item').each(function () {
            var articulo = new Object();
            articulo.titulo = $(this).find('.t span').html();
            articulo.id = $(this).attr('id');
            articulo.indice = contador - 1;

            //console.log("Bloque1 Item [%d] d%", articulo.itemId, articulo.titulo);

            articulos.push(articulo);

            contador = contador + 1;

        });

        var tmpl = '<li><div class="${css}" data-id="${id}" data-indice="${indice}"><div class="titularContenido">${titulo}</div></div></li>';

        $.tmpl(tmpl, articulos).appendTo('.listadoTitulares ul');

    }


    function titularImagenBordeRedondeado() {
        $("#bloque1 .i img").addClass("redondearBorde");

        $(".redondearBorde").load(function () {
            $(this).wrap(function () {
                return '<span class="' + $(this).attr('class') + '" style="background:url(' + $(this).attr('src') + ') no-repeat center center; width: ' + $(this).width() + 'px; height: ' + $(this).height() + 'px;" />';
            });
            $(this).css("opacity", "0");
        });
    }

    return {
        inicializar: function () {
            return titularesInicializar();
        },
        seleccionar: function (indice) {
            return titularesSeleccionar(indice);
        },
        siguiente: function () {
            return titularesSiguiente();
        },
        anterior: function () {
            return titularesAnterior();
        }
    };
} ();



