/************ NAVIGATION ****************/

var about = new Array ("Me", "Site");
var tech = new Array ("Thesis", "BIMP", "KVD", "WebLaunchBar");
var art = new Array ("Dance", "Animation", "Triangle", "Random");
var travels = new Array ("N America", "S America", "Europe", "Africa", "Asia", "Oceana");
var etc = new Array ("Stuff I Like", "Contact");

function showLinks(section) {
	document.getElementById("link1").style.borderBottom = "";
	document.getElementById("link2").style.borderBottom = "";
	document.getElementById("link3").style.borderBottom = "";
	document.getElementById("link4").style.borderBottom = "";
	document.getElementById("link5").style.borderBottom = "";
	var sub = document.getElementById('subLinks');
	var i, innards = "";
	switch (section) {
		case 'about':
			for (i = 0; i < about.length; i++) {
				innards += "<span class=\"eachSubLink\">";
				innards += "<a href=\"about.php?w=" + about[i].toLowerCase() + "\" class=\"about eachSubLinkA\">" + about[i] + "</a>";
				innards += "</span>";
			}
			document.getElementById("link1").style.borderBottom = "2px solid #0E1169";
			break;
		case 'tech':
			for (i = 0; i < tech.length; i++) {
				innards += "<span class=\"eachSubLink\">";
				innards += "<a href=\"tech.php?w=" + tech[i].toLowerCase() + "\" class=\"tech eachSubLinkA\">" + tech[i] + "</a>";
				innards += "</span>";
			}
			document.getElementById("link2").style.borderBottom = "2px solid #5F777E";
			break;
		case 'art':
			for (i = 0; i < art.length; i++) {
				innards += "<span class=\"eachSubLink\">";
				innards += "<a href=\"art.php?w=" + art[i].toLowerCase() + "\" class=\"art eachSubLinkA\">" + art[i] + "</a>";
				innards += "</span>";
			}
			document.getElementById("link3").style.borderBottom = "2px solid #B36B9A";
			break;
		case 'travels':
			for (i = 0; i < travels.length; i++) {
				innards += "<span class=\"eachSubLink smallLinks\">";
				innards += "<a href=\"travels.php?w=" + stripSpaces(travels[i].toLowerCase()) + "\" class=\"travels eachSubLinkA\">" + travels[i] + "</a>";
				innards += "</span>";
			}
			document.getElementById("link4").style.borderBottom = "2px solid #749852";
			break;
		case 'etc':
			for (i = 0; i < etc.length; i++) {
				innards += "<span class=\"eachSubLink\">";
				innards += "<a href=\"etc.php?w=" + stripSpaces(etc[i].toLowerCase()) + "\" class=\"etc eachSubLinkA\">" + etc[i] + "</a>";
				innards += "</span>";
			}
			document.getElementById("link5").style.borderBottom = "2px solid #574C46";
			break;
		default:
	}
	sub.innerHTML = innards;
}

function stripSpaces(s) {
	var smush = s.split(" ");
	var out = "";
	for (var i = 0; i < smush.length; i++)
		out += smush[i];
	return out;
}

/********************* SLIDING CONTENT *******************/

var timerlen = 5;
var slideAniLen = 500;

var timerID = new Array();
var startTime = new Array();
var obj = new Array();
var endHeight = new Array();
var moving = new Array();
var dir = new Array();

function slidedown(objname){
        if(moving[objname])
                return;
        if(document.getElementById(objname).style.display != "none")
                return; // cannot slide down something that is already visible
        moving[objname] = true;
        dir[objname] = "down";
        startslide(objname);
}
function slideup(objname){
        if(moving[objname])
                return;
        if(document.getElementById(objname).style.display == "none")
                return; // cannot slide up something that is already hidden
        moving[objname] = true;
        dir[objname] = "up";
        startslide(objname);
}
function startslide(objname){
        obj[objname] = document.getElementById(objname);
        endHeight[objname] = parseInt(obj[objname].style.height);
        startTime[objname] = (new Date()).getTime();
        if(dir[objname] == "down"){
                obj[objname].style.height = "1px";
        }
        obj[objname].style.display = "block";
        timerID[objname] = setInterval('slidetick(\'' + objname + '\');',timerlen);
}
function slidetick(objname){
        var elapsed = (new Date()).getTime() - startTime[objname];
        if (elapsed > slideAniLen)
                endSlide(objname)
        else {
                var d =Math.round(elapsed / slideAniLen * endHeight[objname]);
                if(dir[objname] == "up")
                        d = endHeight[objname] - d;
                obj[objname].style.height = d + "px";
        }
        return;
}
function endSlide(objname){
        clearInterval(timerID[objname]);
        if(dir[objname] == "up")
                obj[objname].style.display = "none";
        obj[objname].style.height = endHeight[objname] + "px";
        delete(moving[objname]);
        delete(timerID[objname]);
        delete(startTime[objname]);
        delete(endHeight[objname]);
        delete(obj[objname]);
        delete(dir[objname]);
        return;
}
function toggleSlide(objname){
  if(document.getElementById(objname).style.display == "none"){
    // div is hidden, so let's slide down
    slidedown(objname);
  }else{
    // div is not hidden, so slide up
    slideup(objname);
  }
}