function change_input_type(oldObject, oType)
     {
          
            var newObject = document.createElement('input');
            newObject.type = oType;
          
          if(oldObject.size) newObject.size = oldObject.size;
          if(oldObject.value) newObject.value = oldObject.value;
            if(oldObject.name) newObject.name = oldObject.name;
          if(oldObject.maxlength) newObject.maxlength = oldObject.maxlength;
            if(oldObject.id) newObject.id = oldObject.id;
            if(oldObject.className) newObject.className = oldObject.className;
            oldObject.parentNode.replaceChild(newObject,oldObject);
            newObject.value='';                
          newObject.focus();
          return newObject;
     }
     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 + ")";
} 
function changeImgSrc(srcFile,id)
{
    document.SlideShow.src = srcFile;
    document.getElementById('VU').style.opacity=0;
    document.getElementById('VU').style.MozOpacity = 0;
    document.getElementById('VU').style.filter= "alpha(opacity=0)";
    opacity('VU', 0, 100, 2000);
    
    switch(id)
    {
        case 'd0':
            document.getElementById('d1').style.background = "#232222";
            document.getElementById('d2').style.background = "#232222";
            document.getElementById('d3').style.background = "#232222";
            document.getElementById('d0').style.background = "white";
            break;
        case 'd1':
            document.getElementById('d0').style.background = "#232222";
            document.getElementById('d2').style.background = "#232222";
            document.getElementById('d3').style.background = "#232222";
            document.getElementById('d1').style.background = "white";
            break;        
        case 'd2':
            document.getElementById('d0').style.background = "#232222";
            document.getElementById('d1').style.background = "#232222";
            document.getElementById('d3').style.background = "#232222";
            document.getElementById('d2').style.background = "white";
            break;
        case 'd3':
            document.getElementById('d1').style.background = "#232222";
            document.getElementById('d2').style.background = "#232222";
            document.getElementById('d0').style.background = "#232222";
            document.getElementById('d3').style.background = "white";
            break;
    }
}
function changeCol(id,evt)
{
    if(evt=="over")
        document.getElementById(''+id).style.background = "white";
    else
        document.getElementById(''+id).style.background = "#232222";
        
}