// JavaScript Document

function togglePurpose () {
	Effect.toggle('purposeNavArea', 'blind', { duration: 0.5 });
}
function toggleCategory () {
	Effect.toggle('categoryNavArea', 'blind', { duration: 0.5 });
}


function setToggle () {
	var purpose = $("purpose");
	var category = $("category");
	if(purpose){
		var con = $('purposeNav').getElementsByTagName('h2')[0];
		var conImg = con.getElementsByTagName('img')[0];
		conImg.setAttribute("src", conImg.getAttribute("src").replace("_off.", "_active."));
		Element.setStyle($('purposeNavArea'),{'display':'block'});
	}
	if(category){
		var con = $('categoryNav').getElementsByTagName('h2')[0];
		var conImg = con.getElementsByTagName('img')[0];
		conImg.setAttribute("src", conImg.getAttribute("src").replace("_off.", "_active."));
		Element.setStyle($('categoryNavArea'),{'display':'block'});
	}
	
	var purposeBtn = $('purposeNav').getElementsByTagName('h2')[0];
	var categoryBtn = $('categoryNav').getElementsByTagName('h2')[0];
	Event.observe(purposeBtn, 'click', togglePurpose, false);
	Event.observe(categoryBtn, 'click', toggleCategory, false);
}


Event.observe(window, 'load', setToggle, false);