var firstTime = true;
function slideOutVertical(id) {
	holder = document.getElementById(id);
	start = -52;
	end = -1;
	
	if(firstTime==true)
		holder.style.top = (start + "px");
		
	if(parseInt(holder.style.top)<end) {
		holder.style.top = (end + "px");
	}
	else if(parseInt(holder.style.top)>start) {
		holder.style.top = (start + "px");
	}
		
	firstTime = false;
}
/*function changePos(holder, value, dir) {
  if (dir=="horiz")
    holder.style.left = (parseInt(holder.style.left) + value) + "px";
  if (dir=="vert")
    holder.style.top = (parseInt(holder.style.top) +  (-1 * value)) + "px";
}*/
function toggleRetract(id) {
	holder2 = document.getElementById(id);
	hMar = holder2.style.marginTop;
	if(hMar=="-158px" || hMar=="") {
		holder2.style.marginTop = '1px';
	}
	else {
		holder2.style.marginTop = '-158px';
	}
}