﻿//VARIABLES GLOBALES
//var carruselActivo = true;
//var contenidoActivo = "";
//var isFirstTime = true;
//var arrProyectos = "";
//var arrNoticias = "";
//var indiceActivo = 0;
//var globalAgrupacion = "";
//var globalFiltro = "";
//var seleccion = "";
//var sitioActivo = "";
//var idbtnActivo = 0;
//var paginaActual = 1;
//var paginas = 0;
//var eltosbypagina = 8;
//fin

function LoadNoticias(){
    paginaActual = 1;

    if (carruselActivo) { eltosbypagina = 4; } else { eltosbypagina = 8; }
    $("#contenido").empty();
    $("#contenido").append("<div id='filtro'></div>");
	
	$.get('xml/noticias.xml', function(data){
        var total = $(data).find('noticia').length;
        paginas = total / eltosbypagina;
        if (parseInt(paginas) < paginas) { paginas++; }
        loadNavegador(paginas);

        for (p = 1; p <= paginas; p++) {
            var html = "<div class='hojaproyecto' id=pagina-" + p + "></div>";
            $("#contenido").append($(html));
        }
        var insertados = 0;
        var currentpage = 1;
		$(data).find('noticia').each(function(){
            var noticia = $(this);
		    var html = "<div class='noticia' cod='" + noticia.attr("id") + "'>";
			html += "<img alt='Imagen Noticia' src='" + noticia.find("imagen").attr("url") + "'/>";
			html += "<h3 style='margin:0px'>" + noticia.attr('title') + "</h3>"
			html += "<h4 style='margin:0px'>" + noticia.find("subtitle").text() + "</h4>";
			html += "</div>";

			$('#pagina-' + currentpage).append($(html));
            insertados++;
            if (insertados == eltosbypagina) {
                insertados = 0;
                currentpage++;
            }
		});
    	$("div[class=noticia]").click(function(){
	    	$("#contenido").empty();
			loadDetalleNoticia($(this).attr("cod"));
        });
		
		$('#pagina-' + paginaActual).show();
    });
}

function loadDetalleNoticia(id) {
    $('#contenido').empty();
    $('#contenido').append("<div id='filtro'></div>");
    $('#filtro').append("<h3><span>Volver</span></h3>");

    $('h3 span').click(function() {
        LoadNoticias();
    });
    $('#contenido').append("<div class='hojaproyecto' id='pagina-1'></div>");

    $.get("xml/noticias.xml", function(data) {
        $(data).find("noticia[id|=" + id + "]").each(function() {
            var noticia = $(this);
            var html = "<div id='detalleProyecto'>";
            html += "<img id='imgen' alt='imagen' src='" + noticia.find("imagen").attr("url") + "'/>";
            html += "<p id='verMas' style='cursor:default;'><span>Ver más...</span></p>";
            html += "</div><div id='fichaProyecto'>";
            html += "<h3 style='margin:0;'>" + noticia.attr('title') + "</h3>";
            html += "<h4 style='margin:0;'>Publicado el " + noticia.find("fecha").attr("inicio") + "</h4>";
            html += noticia.find("detalles").text();
            if (noticia.find("enlace").attr("url").length !== 0) {
                html += "</p><a href='" + noticia.find("enlace").attr("url") + "' target='blank'>Ampliar información...</a>";
            }
            html += "</div>";

            $('#pagina-1').append($(html));
            $('#pagina-1').show();
        });

        $("#verMas").click(function() {
            var idFoto = $("#detalleProyecto").find("img").attr("id");
            var img = new Image();
            img = document.getElementById(idFoto);
            $(".input").fadeIn(300);
            var idFotoEmergente = $("#imgEmergente").attr("id");
            document.getElementById(idFotoEmergente).src = img.src;
            $("#title1").text($("#fichaProyecto h3").text());
            $("#title2").text("Publicado el " + $("#fichaProyecto h4:eq(0)").text());
            $("#title3").text($("#fichaProyecto").text());
            $("#overlay").fadeIn(300);
        })

        $(".close").click(function() {
            $(".input").fadeOut(300);
            $("#overlay").fadeOut(300);
        });
    });
}