document.body.onload = loaded; 

function loaded(){
	
	accentLetters(php_vars);
	stretchFooterSections();
	if (location.hash) location.hash  = "";
	collapseArchives();
}


function accentLetters(php_vars){
	
	var letters = validateLetters(php_vars);
	var pattern = generateRegexPattern(letters); 
	
	var content_h2 = [].slice.call(document.getElementsByClassName('content-head'),0);
	var regex = new RegExp(pattern, "g");
	content_h2.forEach(function(item){ item.innerHTML = item.innerHTML.toLowerCase().replace(regex, "<span class='yel'>$1</span>");}); 
	
	
}

function validateLetters(arg){
	
	var current_letters = arg[0].replace(/ /g,'').toLowerCase();
	var default_letters = arg[1].replace(/ /g,'').toLowerCase(); 
	
	
	if (/[a-z]+/.test(current_letters)) var letters = current_letters;
	else if (/[a-z]+/.test(default_letters)) var letters = default_letters;
	else letters = "art"; 
	
	return letters.split("");
}

function generateRegexPattern(letters){
	var pattern = "("; 
	for(i=0;i<letters.length-1;i++){
		pattern += letters[i] + "|";
	}
	pattern += letters[letters.length-1] + ")";
	return pattern;
}

function stretchFooterSections(){
	var footer_sections = [].slice.call(document.getElementsByClassName("footer_section_content"),0); 
	var tallest = 0; 
	footer_sections.forEach(function(item){
		var height = item.clientHeight; 
		if (height > tallest) tallest = height;
	});
	footer_sections.forEach(function(item){
		item.style.height = tallest + "px";
	});
	
}

function collapseArchives(){
	
	var archive_lists = [].slice.call(document.getElementsByClassName('archive-list'), 0); 
	archive_lists.forEach(function(item){
		item.setAttribute("data-height", item.getElementsByTagName('ul')[0].clientHeight); 
		item.getElementsByTagName('ul')[0].style.height = "0px"; 
		item.getElementsByTagName('h4')[0].onclick = function(e){
			if (e.target.parentNode.getElementsByTagName('ul')[0].style.height == "0px")
			e.target.parentNode.getElementsByTagName('ul')[0].style.height = e.target.parentNode.getAttribute("data-height") + "px";
			else e.target.parentNode.getElementsByTagName('ul')[0].style.height = "0px";
		}; 
	}); 
	
	
}