var path = location.pathname;
var query = location.search;
query = query.substring(1);
var nav = new Array();
nav = query.split(':');

var flag = new Array();
flag['about']=1;
flag['garageworks']=1;
flag['forsale']=1;
flag['more']=1;

var size = new Array();
size['about']=120;
size['garageworks']=60;
size['forsale']=100;
size['more']=100;

function init() {
  if (path.match("forsale")) {
    flag['forsale']=0;
	  document.getElementById('forsale').style.height = size['forsale'] + 'px';
  }
  if ((nav[0] == "garage-works") || (nav[0] == "summer-institute") || (nav[0] == "in-school-program") || (nav[0] == "visiting-artists-series")) {
    flag['garageworks']=0;
	  document.getElementById('garageworks').style.height = size['garageworks'] + 'px';
  }
}

function toggle(id) {
	if (flag[id]%2) open_sub_menu(id);
	else close_sub_menu(id);
	flag[id]++;
}

function open_sub_menu(id) {
	var element = document.getElementById(id);
	var maxsize = size[id];
	var pixels = 0;
	var timer = setInterval(function() {
    var done = pixels >= maxsize;
    if (done) pixels = maxsize;
    element.style.height = pixels + 'px';
    if (!done) pixels += 10;
  	else clearTimeout(timer);
  }, 20);
}

function close_sub_menu(id) {
  var element = document.getElementById(id);
  var pixels = parseInt(element.style.height);
  var timer = setInterval(function() {
    var done = pixels <= 0;
		if (done) pixels = 0;
		element.style.height = pixels + 'px';
		if (!done) pixels -= 10;
		else clearTimeout(timer);
    }, 20);
}