/*
 * Code to slide navigation images up and down
 * November 4, 2009
 * Maria Erlandson (www.teasso.com)
 *
 * example:
 * <a href="ubuntu-story.html" style="top:110px;" id="button1" onmouseout="slideDown('button1');" onmouseover="slideUp('button1')"><img src="images/bottom-navigation/ubuntu-story.jpg" alt="Ubuntu Story" width="128" height="174" /></a> 
 */

var maxbot = 110;
var maxtop = 5;
var tTimer = new Array(6);
var curAction = '';

function slideUp(whom) {
	clearTimeout(tTimer[whom]);
	tTimer[whom] = setTimeout('moveItUp("' + whom + '")',1);
}

function slideDown(whom) {
	clearTimeout(tTimer[whom]);
	tTimer[whom] = setTimeout('moveItDown("' + whom + '")',1);
}

function moveItUp(whom) {
	var top = document.getElementById(whom).style.top;
	top = top.replace('xp','');
	top = parseInt(top) - 5;
	document.getElementById(whom).style.top = top + "px";
	if (top > maxtop) {
		tTimer[whom] = setTimeout('moveItUp("' + whom + '")',1);
	}
}

function moveItDown(whom) {
	var top = document.getElementById(whom).style.top;
	top = top.replace('xp','');
	top = parseInt(top) + 5;
	document.getElementById(whom).style.top = top + "px";
	if (top < maxbot) {
		tTimer[whom] = setTimeout('moveItDown("' + whom + '")',1);
	}
}