function changeLetterSize(el){
	if(el){	
		var id = el.id;
		el.style.fontSize = 'x-large';
		var num = Number(id);
		if(num != null && num != "NaN"){
			if(num > 0){
				var prevId = num - 1;
				var prevEl = document.getElementById(prevId);
				if(prevEl){
					prevEl.style.fontSize = 'large';
				}
			}
			if(num < 26){
				var nextId = num + 1;
				var nextEl = document.getElementById(nextId);
				if(nextEl){
					nextEl.style.fontSize = 'large';	
				}	
			}
		}		
	}	
}

function resetLetterSize(el){
	if(el){	
		var id = el.id;
		el.style.fontSize = 'medium';
		var num = Number(id);
		if(num != null && num != "NaN"){
			if(num > 0){
				var prevId = num - 1;
				var prevEl = document.getElementById(prevId);
				if(prevEl){
					prevEl.style.fontSize = 'medium';
				}
			}
			if(num < 26){
				var nextId = num + 1;
				var nextEl = document.getElementById(nextId);
				if(nextEl){
					nextEl.style.fontSize = 'medium';	
				}	
			}
		}		
	}	
}

function highlightClients(el){
	if(el){
		var id = el.id;
		if(id && id == "26")
		{
			$("#selected-clients").hide();
			$("#clients-main").slideDown();			
			return;
		}
		var clientid = "client-" + id;
		var clientEls = document.getElementsByTagName("div");
		var selectedDiv = document.getElementById("selected-clients");
		var clientsHtml = null;
		if(clientEls){
			clientsHtml = "<ul>";
			for (var i = 0; i < clientEls.length; i++){
				if(clientEls[i] && clientEls[i].className == clientid){				
					var clientEl = clientEls[i];
					if(clientEl.innerText){	
						clientsHtml += "<li>" + clientEl.innerText + "</li>";
					}else if(clientEl.textContent){
						clientsHtml += "<li>" + clientEl.textContent + "</li>";	
					}
				}		
			}
			clientsHtml += "</ul>";
			if(selectedDiv){
				$("#selected-clients").hide();	
				$("#clients-main").hide();			
				selectedDiv.innerHTML = clientsHtml;				
				$("#selected-clients").slideDown();	
			}
		}			
	}
}