how to integrate these javascript functions together

[Talguy]

How would I integrate this javascript

  function opacity(id, opacStart, opacEnd, millisec) {
      //speed for each frame
      var speed = Math.round(millisec / 100);
      var timer = 0;

  //determine the direction for the blending, if start and end are the same nothing happens
  if(opacStart > opacEnd) {
    for(i = opacStart; i >= opacEnd; i--) {
      setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
      timer++;
    }
  } 
  else if(opacStart < opacEnd) {
    for(i = opacStart; i <= opacEnd; i++) {
      setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
      timer++;
    }
  }
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
  var object = document.getElementById(id).style;
  object.opacity = (opacity / 100);
  object.MozOpacity = (opacity / 100);
  object.KhtmlOpacity = (opacity / 100);
  object.filter = "alpha(opacity=" + opacity + ")";
} 

with this function that I have written

    function createMoreUploadFields(ID) {
	  // Create more upload fields dynamically
	  var wrapper = document.getElementById(ID);
	  var box = document.createElement('div');
	  var inputField = document.createElement('input');
	  inputField.value = 'hhahahahaha';
 	  box.setAttribute('class','infoBox');
	  box.style.opacity = 0;
	  box.style.filter = 'alpha(opacity = 0)';
 	  box.appendChild(inputField);
          wrapper.appendChild(box);
    }

I would like to fade in a new element is created

[Threehearts]

integrate?
why integrate it?
call changeOpac(opacity, id) with the new element id as soon as it is created and keep the functions separate - much cleaner and you dont need to create a new element each time you want to change opacity.

much cleaner and less messy. 🙂
or have i understood you wrong?

jakob