var minCal = 8;
var ultimaAgrupacion = "";
var ultimaAgrupacionBy = "";
var ultimaPaginaAgrupada=0;
var ultimaPaginaAgrupadaBy=0;



function loadProyectos() {
    $('#Navegacion-SubSeccion div').css('color', '#7B7B7B');
    //paginaActual = 1;

    if (carruselActivo) { eltosbypagina = 4; } else { eltosbypagina = 8; }
    $("#contenido").empty();
    $("#contenido").append("<div id='filtro'></div>");

    $.get('xml/jobs.xml', function(data) {
        var total = 0;
        for (i = minCal; i <= 10; i++) {
            total += $(data).find("Proyecto[calificacion|=" + i + "]").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;
        for (i = minCal; i <= 10; i++) {
            $(data).find("Proyecto[calificacion|=" + i + "]").each(function() {
                var contenido = $(this);

                var html = "<div class='proyecto' id='" + contenido.attr("expediente") + "'>";
                html += "<img alt='" + contenido.find("descripcion").text() + " - " + contenido.attr("expediente") + "' src='" + contenido.find("imagen").text() + "' />";
                html += "<h3>" + contenido.find("titulo").text() + "</h3>";
                html += "</div>";
                $('#pagina-' + currentpage).append($(html));
                insertados++;
                if (insertados == eltosbypagina) {
                    insertados = 0;
                    currentpage++;
                }
            });
        }

        $("div[class=proyecto]").click(function() {
            var codigo = $(this).attr("id");
            $("#contenido").empty();
            loadDetalleProyecto(codigo);
        });

		if (isNaN(paginaActual)) {
            paginaActual = 1;
        }else if(paginaActual>paginas){
        	paginaActual = 1;
        }
        loadNavegador(paginas);
        $('#pagina-' + paginaActual).show();
    });
}


function loadDetalleProyecto(codigo) {
	//paginaActual = 1;
    $('#contenido').empty();
    $('#contenido').append("<div id='filtro'></div>");
    $('#filtro').append("<h3><span>Volver</span></h3>");
    
    $('h3 span').click(function() {
    	if(ultimaAgrupacion !=""){
    		//alert(ultimaAgrupacion);
    		//loadAgrupaciones(ultimaAgrupacion)
    		loadProyectosBy(ultimaAgrupacionBy,ultimaAgrupacion)
    	}else{
	        loadProyectos();
        }
    });
    $('#contenido').append("<div class='hojaproyecto' id='pagina-1'></div>");

    $.get("xml/jobs.xml", function(data) {
        $(data).find("Proyecto[expediente|=" + codigo + "]").each(function() {
            var $proyecto = $(this);
            var html = "<div id='detalleProyecto'>";
            html += "<img id='imgen' alt='" + $proyecto.find("cliente").text() + "'";
            html += "src='" + $proyecto.find("imagen").text() + "'/>";
            html += "<p id='verMas' style='cursor:default;'><span>Ver más...</span></p>";
            html += "</div><div id='fichaProyecto'>";
            html += "<h3 style='margin:0;'>" + $proyecto.find("titulo").text() + "</h3>";
            html += "<p>" + $proyecto.find("descripcion").text() + "</p>";
            html += "<p class='planta'>" + $proyecto.find("planta").text() + "</p>";
            html += "<p class='localidad'>Localidad: " + $proyecto.find("localidad").text() + "</p>";
            html += "<p class='pais'>País: " + $proyecto.find("pais").text() + "</p>";
            html += "<p class='sector'>Sector: " + $proyecto.find("sector").text() + "</p>";
            html += "<p class='ano'>Año: " + $proyecto.find("ano").text() + "</p>";
            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());
            $("#title3").text($("#fichaProyecto p:eq(0)").text());
            $("#title2").text($("#fichaProyecto p:eq(1)").text());
            $("#title4").text($("#fichaProyecto p:eq(2)").text());
            $("#title5").text($("#fichaProyecto p:eq(3)").text());
            $("#title6").text($("#fichaProyecto p:eq(4)").text());
            $("#title7").text($("#fichaProyecto p:eq(5)").text());

            $("#overlay").fadeIn(300);
        });

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


function loadAgrupaciones(id) {
    ultimaAgrupacion = id;
    $("#contenido").empty();
    $("#contenido").append("<div id='filtro'></div>");
    $("#filtro").append("<h3>Para ampliar la información, vea la <a href='http://www.procisa.es/grupoproci/contenidos/lista de referencias por sectores.pdf' target='_blank'>lista completa de referencias</a></h3>");
    var arrAgrupaciones = new Array();
    var contador = 0;
    var eltos = 0;
    var j = 0;
    $.get("xml/jobs.xml", function(data) {
        var total = 0;
        $(data).find("Proyecto").each(function() {
            var proyecto = $(this);

            if (parseInt(proyecto.attr("calificacion")) >= minCal) {
                var grupo = jQuery.trim(proyecto.find(id).text());

                if (jQuery.inArray(grupo, arrAgrupaciones) == -1) {
                    arrAgrupaciones[contador] = grupo;
                    contador++;
                }
            }
        });

        var sortedArray = arrAgrupaciones.sort(sortProcedure);
        arrAgrupaciones = sortedArray;

        if (carruselActivo) { eltosbypagina = 4; } else { eltosbypagina = 8; }

        total = arrAgrupaciones.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;

        jQuery.each(arrAgrupaciones, function() {
            var grupo = jQuery.trim(this);


            var html = "<div  id='" + grupo + "' class='agrupacion' agrupadoby='" + id + "'>";
            switch (id) {
                case 'sector':
                    html += "<img src='../recursosglobales/images/sector/" + grupo + ".jpg'";
                    break;
                case 'ano':
                    html += "<img src='../recursosglobales/images/ano/" + grupo + ".png'";
                    break;
                case 'cliente':
                    var idCliente = $(data).find(":contains('" + grupo + "')")[1].attributes[3].value
                    //$(data).find("proyecto:contains('" + grupo + "')")[0].attributes[3].value
                    html += "<img src='../recursosglobales/images/cliente/" + idCliente + ".jpg'";
                    break;
                case 'pais':
                    grupo = grupo.replace("ñ", "n");
                    html += "<img src='../recursosglobales/images/pais/" + grupo + ".png'";
                    break;
            }
            html += "alt='" + grupo + "'/>";
            html += "<h3 style='text-align:center;'>" + grupo + "</h3></div>";

            $('#pagina-' + currentpage).append($(html));
            insertados++;
            if (insertados == eltosbypagina) {
                insertados = 0;
                currentpage++;
            }

        });
        if (isNaN(paginaActual)) {
            paginaActual = 1;
        }else if(paginaActual>paginas){
        	paginaActual = 1;
        }
        if(ultimaPaginaAgrupada!=0){
			$('#pagina-' + ultimaPaginaAgrupada).show();
			paginaActual=ultimaPaginaAgrupada;
			ultimaPaginaAgrupada=0;
		}else{
	        $('#pagina-' + paginaActual).show();
		}
		
		loadNavegador(paginas);
		
        $("div[class=agrupacion]").click(function() {
            var agrupacion = $(this).attr('id');
            var agrupadoby = $(this).attr('agrupadoby');
            //$("#contenido").empty();

            //NombreFiltro = $(this).text();
            //filtro = $(this).attr("idCliente");
            ultimaPaginaAgrupada = paginaActual;
            loadProyectosBy(agrupacion, agrupadoby);

        });
    });
}


function loadProyectosBy(agrupacion, agrupadoby) {
	ultimaAgrupacionBy =agrupacion;
    $("#contenido").empty();
    $("#contenido").append("<div id='filtro'></div>");
    $("#filtro").append("<h3><span>" + agrupadoby + "</span> &gt; " + agrupacion + "</h3>");
    $("h3 span").click(function() {
        loadAgrupaciones(ultimaAgrupacion);
    });

    $.get("xml/jobs.xml", function(data) {
        var arrEmpresas;

        if (carruselActivo) { eltosbypagina = 4; } else { eltosbypagina = 8; }

        total = $(data).find("Proyecto").find(agrupadoby + ":contains('" + agrupacion + "')").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("Proyecto").find(agrupadoby + ":contains('" + agrupacion + "')").each(function() {
            var contenido = $(this).parent();
            var html = "<div id='" + contenido.attr('expediente') + "' class='proyecto'>";
            html += "<img alt='" + contenido.find("cliente").text() + "'";
            html += "src='" + contenido.find("imagen").text() + "' />";
            html += "<h3>" + contenido.find("titulo").text() + "</h3>";
            html += "</div>";
            $('#pagina-' + currentpage).append($(html));
            insertados++;
            if (insertados == eltosbypagina) {
                insertados = 0;
                currentpage++;
            }
        });

        $("div[class=proyecto]").click(function() {
            var codigo = $(this).attr("id");
            $("#contenido").empty();
            ultimaPaginaAgrupadaBy=paginaActual;
            loadDetalleProyecto(codigo);
        });
		if (isNaN(paginaActual)) {
            paginaActual = 1;
        }else if(paginaActual>paginas){
        	paginaActual = 1;
        }
        if(ultimaPaginaAgrupadaBy!=0){
			$('#pagina-' + ultimaPaginaAgrupadaBy).show();
			paginaActual=ultimaPaginaAgrupadaBy;
			ultimaPaginaAgrupadaBy=0;
		}else{
	        $('#pagina-' + paginaActual).show();
		}

        loadNavegador(paginas);
        
    });
}