var quitarAcentos = function(str) {
    str = str.toLowerCase().trim();
    var map = {'À':'A','Á':'A','Â':'A','Ã':'A','Ä':'A','Å':'A','Æ':'AE','Ç':'C','È':'E','É':'E','Ê':'E','Ë':'E','Ì':'I','Í':'I','Î':'I','Ï':'I','Ð':'D','Ñ':'N','Ò':'O','Ó':'O','Ô':'O','Õ':'O','Ö':'O','Ø':'O','Ù':'U','Ú':'U','Û':'U','Ü':'U','Ý':'Y','ß':'s','à':'a','á':'a','\u00e1':'a','â':'a','ã':'a','ä':'a','å':'a','æ':'ae','ç':'c','è':'e','é':'e','\u00e9':'e','ê':'e','ë':'e','ì':'i','í':'i','\u00ed':'i','î':'i','ï':'i','ñ':'n','ò':'o','ó':'o','\u00f3':'o','ô':'o','õ':'o','ö':'o','ø':'o','ù':'u','ú':'u','\u00fa':'u','û':'u','ü':'u','ý':'y','ÿ':'y','Ā':'A','ā':'a','Ă':'A','ă':'a','Ą':'A','ą':'a','Ć':'C','ć':'c','Ĉ':'C','ĉ':'c','Ċ':'C','ċ':'c','Č':'C','č':'c','Ď':'D','ď':'d','Đ':'D','đ':'d','Ē':'E','ē':'e','Ĕ':'E','ĕ':'e','Ė':'E','ė':'e','Ę':'E','ę':'e','Ě':'E','ě':'e','Ĝ':'G','ĝ':'g','Ğ':'G','ğ':'g','Ġ':'G','ġ':'g','Ģ':'G','ģ':'g','Ĥ':'H','ĥ':'h','Ħ':'H','ħ':'h','Ĩ':'I','ĩ':'i','Ī':'I','ī':'i','Ĭ':'I','ĭ':'i','Į':'I','į':'i','İ':'I','ı':'i','IJ':'IJ','ij':'ij','Ĵ':'J','ĵ':'j','Ķ':'K','ķ':'k','Ĺ':'L','ĺ':'l','Ļ':'L','ļ':'l','Ľ':'L','ľ':'l','Ŀ':'L','ŀ':'l','Ł':'L','ł':'l','Ń':'N','ń':'n','Ņ':'N','ņ':'n','Ň':'N','ň':'n','ʼn':'n','Ō':'O','ō':'o','Ŏ':'O','ŏ':'o','Ő':'O','ő':'o','Œ':'OE','œ':'oe','Ŕ':'R','ŕ':'r','Ŗ':'R','ŗ':'r','Ř':'R','ř':'r','Ś':'S','ś':'s','Ŝ':'S','ŝ':'s','Ş':'S','ş':'s','Š':'S','š':'s','Ţ':'T','ţ':'t','Ť':'T','ť':'t','Ŧ':'T','ŧ':'t','Ũ':'U','ũ':'u','Ū':'U','ū':'u','Ŭ':'U','ŭ':'u','Ů':'U','ů':'u','Ű':'U','ű':'u','Ų':'U','ų':'u','Ŵ':'W','ŵ':'w','Ŷ':'Y','ŷ':'y','Ÿ':'Y','Ź':'Z','ź':'z','Ż':'Z','ż':'z','Ž':'Z','ž':'z','ſ':'s','ƒ':'f','Ơ':'O','ơ':'o','Ư':'U','ư':'u','Ǎ':'A','ǎ':'a','Ǐ':'I','ǐ':'i','Ǒ':'O','ǒ':'o','Ǔ':'U','ǔ':'u','Ǖ':'U','ǖ':'u','Ǘ':'U','ǘ':'u','Ǚ':'U','ǚ':'u','Ǜ':'U','ǜ':'u','Ǻ':'A','ǻ':'a','Ǽ':'AE','ǽ':'ae','Ǿ':'O','ǿ':'o'};
    var res='';
    for (var i=0; i < str.length; i++){
        c = str.charAt(i);
        res += map[c] || c;
    }
    return res;
}

var checkDomain = function(url) {
    if ( url.indexOf('//') === 0 ) { url = location.protocol + url; }
    return url.replace(/([a-z])?:\/\//,'$1').split('/')[0];
  };
  
var isExternal = function(url) {
    return ( ( url.indexOf(':') > -1 || url.indexOf('//') > -1 ) && checkDomain(location.href) !== checkDomain(url) );
};

jQuery(document).ready(function() {
    var hash = window.location.hash.substr(1);
    var url = $(location).attr('pathname');
    url=url.split("/");
    url=url[url.length-1].split(",");
    if(url[0] == "") $('#navlist li:nth-child(1)').addClass('active'); else $('#navlist li a[href*="'+url[0].replace('-view','')+'"]').parents("li").addClass('active');

	// diseño de slider a partir de una tabla
	jQuery("table#slider").each(function(e) {
	    if (this) {
			var numSlide = $("tr",this).length;
            jQuery(this).addClass("S-SLIDER slider" + e);
            var itemSlider = "";
            var a = "", s = "",
            o = jQuery("<div class='swiper-wrapper'></div>");
            ctrlsSlider = jQuery("<div class='swiper-button-prev'></div><div class='swiper-button-next'></div><div class='swiper-pagination'></div>");
			i = jQuery(".slider" + e + " tr:lt("+numSlide+")"), jQuery(i).each(function(e) {
			var t = jQuery("<div class='swiper-slide'></div>");
				jQuery("th, td", this).each(function(e) {
					switch (e) {
						case 0:
							a = jQuery(this).html();
							break;
						case 1:
                            jQuery(this).find('img').attr('style','');
                            jQuery(this).find('img').attr('class','w-100');
							s = jQuery(this).html();
					}
				});
				itemSlider = s+"<div class='container'><div class='content-slide'>"+a+"</div></div>";
                
                t.append(itemSlider), o.append(t)
			});
            var c = jQuery("<div id='slider' class='swiper-container swiper-slider-"+e+"'>");
            c.append(o), c.append(ctrlsSlider), jQuery(".S-SLIDER").replaceWith(c), jQuery(this).removeClass("S-SLIDER");
            
            jQuery(function() {
                new Swiper('.swiper-slider-'+e, {
	                //loop: true,
	                slidesPerView: 1,
                    navigation: {
				        nextEl: '.swiper-button-next',
				        prevEl: '.swiper-button-prev',
				    },
	                pagination: {
				        el: '.swiper-pagination',
				        dynamicBullets: true,
				    },
				    autoplay: {
				        delay: 7000,
				        disableOnInteraction: false,
				    },
                });
            });
        }
    });
    
    // diseño etiquetas a partir de una tabla
    jQuery("table#etiquetas").each(function(e) {
	    if (this) {
			var numEtiq = $("tr",this).length;
            jQuery(this).addClass("S-ETIQUETAS etiqueta" + e);
            var itemEtiqueta = "";
            var a = "", s = "", n = "", p = "",
            o = jQuery("<div class='swiper-wrapper'></div>");
			i = jQuery(".etiqueta" + e + " tr:lt("+numEtiq+")"), jQuery(i).each(function(e) {
			var t = jQuery("<div class='swiper-slide'></div>");
				jQuery("th, td", this).each(function(e) {
					switch (e) {
						case 0:
							a = jQuery(this).text();
							break;
						case 1:
							s = jQuery(this).text();
							break;
						case 2:
							n = jQuery(this).text();
							break;
						case 3:
							p = jQuery(this).find('img').attr('src');
					}
				});
                var linkExternal = '';
                if(isExternal(n) == true) linkExternal = 'target="_blank"'; else linkExternal = '';
				itemEtiqueta = "<a href='"+n+"' "+linkExternal+">"+
									"<div class='rounded h-100 content-etiqueta' style='background-image:url("+p+")'>"+
										"<div class='cont-etiq'>"+
											"<h4 class='tit-etiq'>"+a+"</h4>"+
											"<h6 class='desc-etiq'>"+s+"</h6>"+
										"</div>"+
									"</div>"+
								"</a>";
                
                t.append(itemEtiqueta), o.append(t)
			});
            var c = jQuery("<div id='etiquetas' class='swiper-container swiper-cards swiper-etiquetas-"+e+"'>");
            c.append(o), jQuery(".S-ETIQUETAS").replaceWith(c), jQuery(this).removeClass("S-ETIQUETAS");
            
            jQuery(function() {
                var slidercontent = new Swiper('.swiper-etiquetas-'+e, {
					speed: 2000,
                    effect: 'coverflow',
				    grabCursor: true,
				    centeredSlides: true,
				    slidesPerView: 1,
				    initialSlide: 0,
				    coverflowEffect: {
				        rotate: 0,
				        stretch: 0,
				        depth: 200,
				        modifier: 1,
				        slideShadows: true,
				    },
				    breakpoints: {
                        448: {
                            slidesPerView: 2,
                            initialSlide: 0,
                            coverflowEffect: {
						        stretch: -5
						    }
                        },
                        767: {
                            slidesPerView: 3,
                            initialSlide: 1
                        },
                        1200: {
                            slidesPerView: 5,
                            initialSlide: 2,
                            coverflowEffect: {
						        stretch: -10
						    }
                        }
                    }
                });
                
                $('.swiper-etiquetas-'+e+' .swiper-slide').on('mouseover', function() {
				    slidercontent.slideTo($(this).index());
				});
            });
        }
    });
    
    // diseño agenda a partir de una tabla
    jQuery("table#agenda").each(function(e) {
        if (this) {
            var numItems = $("tr",this).length;
            jQuery(this).addClass("S-AGENDA item" + e);
            var itemAgenda = "";
            var a = "", s = "", n = "", p = "", f = "",
            o = jQuery("<div class='swiper-wrapper'></div>");
            ctrlsAgenda = jQuery("<div class='swiper-button-prev'></div><div class='swiper-button-next'></div>");
            i = jQuery(".item" + e + " tr:lt("+numItems+")"), jQuery(i).each(function(e) {
            var t = jQuery("<div class='swiper-slide bg-secondary'></div>");
                jQuery("th, td", this).each(function(e) {
                    switch (e) {
                        case 0:
                            a = jQuery(this).text();
                            break;
                        case 1:
                            s = jQuery(this).text();
                            break;
                        case 2:
                            n = jQuery(this).html();
                            break;
                        case 3:
                            p = jQuery(this).text();
                            break;
                        case 4:
                            f = jQuery(this).html();
                    }

                });
                var linkExternal = '';
                if(isExternal(p) == true) linkExternal = 'target="_blank"'; else linkExternal = '';
                itemAgenda = "<div class='bg-secondary'>"+
                                "<div class='media'>"+
                                    "<div class='media-body'>"+
                                        "<h6 class='media-heading m-b-1'>"+a+" <div class='tagFecha pull-right bg-danger'>"+f+"</div></h6>"+
                                        "<div class='text-redidis'><strong>"+s+"</strong></div>"+
                                    "</div>"+
                                "</div>"+
                                "<div class='media m-t-1'>"+
                                    "<div class='media-body'>"+
                                        n+
                                        "<a href="+p+" "+linkExternal+" class='pull-right p-1 bg-danger rounded'><span class='fa fa-plus'></span></a>"+
                                    "</div>"+
                                "</div>"+
                            "</div>";
                
                t.append(itemAgenda), o.append(t)
            });
            var c = jQuery("<div id='agenda' class='swiper-container swiper-agenda-"+e+"'>");
            c.append(o), c.append(ctrlsAgenda), jQuery(".S-AGENDA").replaceWith(c), jQuery(this).removeClass("S-AGENDA");

            jQuery(function() {
                new Swiper(".swiper-agenda-"+e, {
                    slidesPerView: 1,
                    navigation: {
				        nextEl: '.swiper-button-next',
				        prevEl: '.swiper-button-prev',
				    },
                    breakpoints: {
                        448: {
                            slidesPerView: 1,
                            spaceBetween: 0
                        },
                        767: {
                            slidesPerView: 2,
                            spaceBetween: 15,
                        },
                        1024: {
                            slidesPerView: 3,
                            spaceBetween: 25
                        },
                        1200: {
                            slidesPerView: 4,
                            spaceBetween: 30
                        }
                    }
                });
            });
        }
        
    });

    jQuery("table#perfiles").each(function(e) {
	    if (this) {
			var numRepo = $("tr",this).length;
            jQuery(this).addClass("S-PROFILEHORIZONTAL profile-horizontal" + e);
            var itemRepo = "";
            var buttonVer = "";
            var a = "", s = "", l = "",
            o = jQuery("<div class='row'></div>");
            var t = jQuery("<div class='col-md-12'></div>");
			i = jQuery(".profile-horizontal" + e + " tr:lt("+numRepo+")"), jQuery(i).each(function(e) {
				jQuery("th, td", this).each(function(e) {
                    switch (e) {
                        case 0:
                            a = jQuery(this).text();
                            break;
                        case 1:
                            s = jQuery(this).html();
                            break;
                        case 2:
                            n = jQuery(this).html();
                            break;
                        case 3:
                            jQuery(this).find('img').attr('class','img-circle img-thumbnail shadow');
                            l = jQuery(this).html();
                            
                    }
				});
				itemRepo = "<div class='row m-b-3' style='margin-top:30px'>"+
                                "<div class='col-md-12 text-center'>"+
                                    "<h3 style='text-align: center'><strong style='color:#6188f3'>"+a+"<span style='color:#6188f3;height:0'>&nbsp;</span></strong></h3>"+
                                "</div>"+
                                "<div class='col-md-4 d-flex justify-content-center align-items-center text-center' style='flex-flow:column'>"+
                                    l+
                                    "<div class='info-profile' style='margin-top:10px'>"+s+"</div>"+
                                "</div>"+
                                "<div class='col-md-8'>"+
                                    "<div class='content-repo'>"+n+"</div>"+
                                "</div>"+
                            "</div>";
                t.append(itemRepo), o.append(t);
			});
            var c = jQuery("<div id='profileHorizontal-"+e+"' class='container'>");
            c.append(o), jQuery(".S-PROFILEHORIZONTAL").replaceWith(c), jQuery(this).removeClass("S-PROFILEHORIZONTAL");
        }
    });

    // diseño de un listado a partir de una tabla (uso especifico en portal cuis/redidis/)
	jQuery("table#repos").each(function(e) {
	    if (this) {
			var numRepo = $("tr",this).length;
            jQuery(this).addClass("S-REPO slider" + e);
            var itemRepo = "";
            var a = "", s = "",
            o = jQuery("<div class='row'></div>");
			i = jQuery(".slider" + e + " tr:lt("+numRepo+")"), jQuery(i).each(function(e) {
			var t = jQuery("<div class='col-md-4 m-b-3'></div>");
				jQuery("th, td", this).each(function(e) {
                    switch (e) {
                        case 0:
                            a = jQuery(this).html();
                            s = quitarAcentos(jQuery(this).text());
                            console.log(s)
                    }
				});
				itemRepo = "<a href='repositorio-view.htm#"+s+"' class='item-repo'>"+a+"</a>";
                
                t.append(itemRepo), o.append(t)
			});
            var c = jQuery("<div id='repos-"+e+"' class='container'>");
            c.append(o), jQuery(".S-REPO").replaceWith(c), jQuery(this).removeClass("S-REPO");
        }
    });

    jQuery("table#repoVIEW").each(function(e) {
	    if (this) {
			var numRepo = $("tr",this).length;
            jQuery(this).addClass("S-REPO repository" + e);
            var itemRepo = "";
            var buttonVer = "";
            var a = "", s = "", l = "", n = "",
            o = jQuery("<div class='row'></div>");
			i = jQuery(".repository" + e + " tr:lt("+numRepo+")"), jQuery(i).each(function(e) {
				jQuery("th, td", this).each(function(e) {
                    switch (e) {
                        case 0:
                            a = jQuery(this).html();
                            break;
                        case 1:
                            s = jQuery(this).text();
                            break;
                        case 2:
                            l = jQuery(this).text();
                            break;
                        case 3:
                            n = quitarAcentos(jQuery(this).text().replaceAll(" ","").trim());
                            break;
                        case 4:
                            jQuery(this).find('img').attr('class','img-fluid d-inline-block');
                            p = jQuery(this).html();
                    }
				});
                var t = jQuery("<div class='col-md-12 m-b-2 shadow-sm bg-white border p-l-2 p-t-2 p-r-2 p-b-2 d-none' tags='"+n+"'></div>");
                var linkExternal = '';
                if(isExternal(l) == true) linkExternal = 'target="_blank"'; else linkExternal = '';
                if(l == "" || l == "#") buttonVer = ''; else buttonVer = "<div class='link-repo'><a href='"+l+"' class='btn btn-primary btn-sm' "+linkExternal+">ver m\u00E1s</a></div>";
				itemRepo = "<div class='row'>"+
                                "<div class='col-md-3 d-flex justify-content-center align-items-center'>"+
                                    p+
                                "</div>"+
                                "<div class='col-md-9'>"+
                                    "<div class='title-repo'>"+a+"</div>"+
                                    "<div class='content-repo'>"+s+"</div>"+
                                    buttonVer+
                                "</div>"+
                            "</div>";
                t.append(itemRepo), o.append(t);
			});
            var c = jQuery("<div id='repo-"+e+"' class='container'>");
            c.append(o), jQuery(".S-REPO").replaceWith(c), jQuery(this).removeClass("S-REPO");
            if(url[0] == "repositorio-view.htm")
                jQuery.get("repositorio.htm", function(data) {
                    var s = data;
                    var htmlObject = jQuery(s);
                    var tablaRepo = htmlObject[53].querySelector("#repos");
                    var menuRepo = jQuery("<ul class='nav justify-content-center row m-b-3'></ul>");
                    var clearTitle = jQuery(tablaRepo).text().replaceAll("\t", "").trim().split("\n");
                    var activeTab = "";
                    clearTitle.forEach(data => {
                        if(quitarAcentos(data) == hash) activeTab = "active"; else activeTab = "";
                        if(data!="") menuRepo.append("<li class='nav-item'><a href='#"+quitarAcentos(data)+"' class='nav-link text-dark text-capitalize rounded "+activeTab+"'>"+data.toLowerCase()+"</a></li>");
                        jQuery("#repo-"+e+" [tags*='"+hash+"']").removeClass('d-none');
                    });
                    if(hash=="") jQuery("#repo-"+e+" [tags]").removeClass('d-none');
                    jQuery("#repo-"+e).prepend(menuRepo);
                    jQuery(".nav-link").on("click", function(){
                        var itemRep = jQuery(this).attr("href").replaceAll("#","");
                        jQuery(".nav-link").removeClass('active');
                        jQuery(this).addClass('active');
                        jQuery("#repo-"+e+" [tags]").addClass('d-none');
                        jQuery("#repo-"+e+" [tags*='"+itemRep+"']").removeClass('d-none');
                    });
                });
        }
    });
    
    jQuery("table#cardsHorizontal").each(function(e) {
	    if (this) {
			var numRepo = $("tr",this).length;
            jQuery(this).addClass("S-CARDSHORIZONTAL cards-horizontal" + e);
            var itemRepo = "";
            var buttonVer = "";
            var a = "", s = "", l = "",
            o = jQuery("<div class='row'></div>");
            var t = jQuery("<div class='col-md-12'></div>");
			i = jQuery(".cards-horizontal" + e + " tr:lt("+numRepo+")"), jQuery(i).each(function(e) {
				jQuery("th, td", this).each(function(e) {
                    switch (e) {
                        case 0:
                            jQuery(this).find('img').attr('class','img-fluid d-inline-block');
                            a = jQuery(this).html();
                            break;
                        case 1:
                            s = jQuery(this).html();
                            break;
                        case 2:
                            n = jQuery(this).html();
                            break;
                        case 3:
                            l = quitarAcentos(jQuery(this).text());
                            
                    }
				});
				var linkExternal = '';
                if(isExternal(l) == true) linkExternal = 'target="_blank"'; else linkExternal = '';
                if(l == "" || l == "#") buttonVer = ''; else buttonVer = "<div class='link-repo'><a href='"+l+"' class='btn btn-primary btn-sm' "+linkExternal+">ver m\u00E1s</a></div>";
				itemRepo = "<div class='row m-b-3'>"+
                                "<div class='col-md-4 d-flex justify-content-center align-items-center'>"+
                                    a+
                                "</div>"+
                                "<div class='col-md-8'>"+
                                    "<div class='title-repo'>"+s+"</div>"+
                                    "<div class='content-repo'>"+n+"</div>"+
                                    buttonVer+
                                "</div>"+
                            "</div>";
                t.append(itemRepo), o.append(t);
			});
            var c = jQuery("<div id='cardsHorizontal-"+e+"' class='container'>");
            c.append(o), jQuery(".S-CARDSHORIZONTAL").replaceWith(c), jQuery(this).removeClass("S-CARDSHORIZONTAL");
        }
    });
    
    jQuery("table#cards").each(function(e) {
	    if (this) {
			var numRepo = $("tr",this).length;
            jQuery(this).addClass("S-CARDS cards" + e);
            var itemRepo = "";
            var a = "", s = "", l = "", f = "",
            o = jQuery("<div class='row'></div>");
			i = jQuery(".cards" + e + " tr:lt("+numRepo+")"), jQuery(i).each(function(e) {
				jQuery("th, td", this).each(function(e) {
                    switch (e) {
                        case 0:
                            a = jQuery("img", this).attr('src');
                            break;
                        case 1:
                            s = jQuery(this).html();
                            break;
                        case 2:
                            f = jQuery(this).html();
                            break;
                        case 3:
                            n = jQuery(this).html();
                            break;
                        case 4:
                            l = jQuery(this).text();
                            
                    }
				});
                var linkExternal = '';
                if(isExternal(l) == true) linkExternal = 'target="_blank"'; else linkExternal = '';
				itemRepo = "<div class='col-md-4 m-b-2'>"+
								"<div class='card'>"+
									"<figure>"+
										"<img src='"+a+"' class='card-img-top img-fluid w-100' alt='...'>"+
									"</figure>"+
									"<div class='card-body'>"+
										"<h6 class='card-title m-b-0'>"+s+"</h6>"+
										"<div class='m-b-1'>"+f+"</div>"+
										"<div class='card-text'>"+n+"</div>"+
										"<div class='d-inline-block w-100 m-t-1'>"+
											"<a href='"+l+"' class='pull-right p-1 bg-danger rounded' "+linkExternal+"><span class='fa fa-plus'></span></a>"+
										"</div>"+
									"</div>"+
								"</div>"+
                            "</div>";
                o.append(itemRepo);
			});
            var c = jQuery("<div id='cards-"+e+"' class='container'>");
            c.append(o), jQuery(".S-CARDS").replaceWith(c), jQuery(this).removeClass("S-CARDS");
        }
    });
    if(url[0].split("-")[0]=="novedades") {
	    jQuery.get("novedades.htm", function(data) {
            var s = data;
            var htmlObject = jQuery(s);
            var tablaRepo = htmlObject[53].querySelector("#cards");
            console.log(tablaRepo)
            /*var menuRepo = jQuery("<ul class='nav justify-content-center row m-b-3'></ul>");
            var clearTitle = jQuery(tablaRepo).text().replaceAll("\t", "").trim().split("\n");
            var activeTab = "";
            clearTitle.forEach(data => {
                if(data.toLowerCase() == hash) activeTab = "active"; else activeTab = "";
                if(data!="") menuRepo.append("<li class='nav-item'><a href='#"+data.toLowerCase()+"' class='nav-link text-dark text-capitalize rounded "+activeTab+"'>"+data.toLowerCase()+"</a></li>");
                jQuery("#repo-"+e+" [tags*='"+hash+"']").removeClass('d-none');
            });
            if(hash=="") jQuery("#repo-"+e+" [tags]").removeClass('d-none');
            jQuery("#repo-"+e).prepend(menuRepo);
            jQuery(".nav-link").on("click", function(){
                var itemRep = jQuery(this).attr("href").replaceAll("#","");
                jQuery(".nav-link").removeClass('active');
                jQuery(this).addClass('active');
                jQuery("#repo-"+e+" [tags]").addClass('d-none');
                jQuery("#repo-"+e+" [tags*='"+itemRep+"']").removeClass('d-none');
            });*/
        });
    }

});