function dropTabs(elementID,tabID,interval) {
  if (!document.getElementById) return false;
  if (!document.getElementById(elementID)) return false;
  var elem = document.getElementById(elementID);
  if (elem.movement) {
    clearTimeout(elem.movement);
  }
  if (!elem.style.top) {
    elem.style.top = "0px";
  }
  if (!elem.style.left) {
    elem.style.left = "0px";
  }
  if (!elem.offsetHeight) {
    elem.style.height = "0px";
  }
  if (tabID==1){
		elem.style.left = 38;
		elem.style.backgroundColor = "#c72600";
	} else if (tabID==2){
		elem.style.left = 190;
		elem.style.backgroundColor = "#e14516";
	} else if (tabID==3){
		elem.style.left = 343;
		elem.style.backgroundColor = "#16e037";
	} else if (tabID==4){
		elem.style.left = 501;
		elem.style.backgroundColor = "#33CCCC";
	} else if (tabID==5){
		elem.style.left = 655;
		elem.style.backgroundColor = "#663300";
	} else if (tabID==6){
		elem.style.left = 808;
		elem.style.backgroundColor = "purple";
	}
  var thisHeight = parseInt(elem.offsetHeight);
  var targetHeight = 20;
  var profileNames = ["","cockroach","bottle rocket","chemistry","mutant","firebug","wings"];
  if (thisHeight >= targetHeight) {
	  thisHeight == targetHeight;
	  elem.innerHTML = "<span id='profilename'>" + profileNames[tabID] + "</span>";
    return true;
  }
  if (thisHeight < targetHeight) {
    var dist = Math.ceil((targetHeight - thisHeight)/10);
    thisHeight = thisHeight + dist;
  }
  if (thisHeight > targetHeight) {
    var dist = Math.ceil((thisHeight - targetHeight)/10);
    thisHeight = thisHeight - dist;
  }
  elem.style.height = thisHeight + "px";
	
  var repeat = "dropTabs('"+elementID+"',"+tabID+","+interval+")";
  elem.movement = setTimeout(repeat,interval);
}

function hideTabs(elementID,pageID,tabID,interval) {
  if (!document.getElementById) return false;
  if (!document.getElementById(elementID)) return false;
  var elem = document.getElementById(elementID);
  if (pageID == tabID) {
  	return true;
  } else {
	  elem.innerHTML = "";
  }
  if (elem.movement) {
    clearTimeout(elem.movement);
  }
  if (!elem.style.top) {
    elem.style.top = "0px";
  }
  if (!elem.style.left) {
    elem.style.left = "0px";
  }
  if (!elem.offsetHeight) {
    elem.style.height = "0px";
  }
  var thisHeight = parseInt(elem.offsetHeight);
  var targetHeight = 0;
  if (thisHeight <= targetHeight) {
	  thisHeight == targetHeight;
	  dropTabs(elementID,pageID,interval);
    return true;
  }
  if (thisHeight < targetHeight) {
    var dist = Math.ceil((targetHeight - thisHeight)/10);
    thisHeight = thisHeight + dist;
  }
  if (thisHeight > targetHeight) {
    var dist = Math.ceil((thisHeight - targetHeight)/10);
    thisHeight = thisHeight - dist;
  }
  elem.style.height = thisHeight + "px";
	
  var repeat = "hideTabs('"+elementID+"',"+pageID+","+tabID+","+interval+")";
  elem.movement = setTimeout(repeat,interval);
  
}
