var activeButton;

function drawActiveBtn(btnID){
	var btn = document.getElementById("menu").getElementsByTagName('a')[btnID];
	btn.style.background = "url(images/menubg.jpg)";
	btn.style.color = "#DFCC32";

}
function getActiveBtn(){
	var links = document.getElementById("menu").getElementsByTagName('a');
	var url = window.location+"";
	if(url.indexOf(".html")<0) url = "index.html";
	for(var i=0; i<links.length; i++){
		var href = links[i].getAttribute("href");
		if(href.indexOf("/")>=0) {
			var hrefs = href.split("/");
			href = hrefs[hrefs.length-1];
		}
		if(url.indexOf(href)>=0){
			return i;
		}
	}
}
function setActiveBtn(){
	var btnID = getActiveBtn();
	drawActiveBtn(btnID);
}

window.onload = setActiveBtn;
//



//
function showWorkshop(active){
	document.getElementById("frame").style.borderBottomWidth = (active) ? "0px":"1px";
	var work  = document.getElementById("workshops");
	(active) ? work.style.display = "block": work.style.display = "none";
	var wshops = work.getElementsByTagName("div");
	for(var i=0; i<wshops.length; i++){
		var id = wshops[i].id;
		if(id.indexOf("current")>=0 || id.indexOf("past")>=0 || id.indexOf("article")>=0 && id != ""){
			wshops[i].style.display = "none";
		}
	}
	if(active) document.getElementById(active).style.display = "block";
}