function FadeFromTo(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("SetOpacity(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) 
            { 
            setTimeout("SetOpacity(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    }
} 

function FadeTo(id, opacEnd, millisec)
{
    //standard opacity is 100 
    var currentOpac = 100; 
     
    //if the element has an opacity set, get it 
    if(document.getElementById(id).style.opacity < 100) { 
        currentOpac = document.getElementById(id).style.opacity * 100; 
    } 

    //call for the function that changes the opacity 
    FadeFromTo(id, currentOpac, opacEnd, millisec);
}

function SetOpacity(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 + ")"; 

    if(object.display == 'none')
       object.display = 'block';
    else if(opacity == 0)
       object.display = 'none';
}