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