function fadeimage(divid, image, millisec) {
            var speed = Math.round(millisec / 100);
            var timer = 0;
            
            //set the current image as background
            document.getElementById(divid).style.backgroundImage = "url(" + image + ")";
            
            //make image transparent
            changeOpac(0, divid);
            
            //make new image
            //document.getElementById(imageid).src = image;

            //fade in image
            for(i = 0; i <= 100; i++) {
                setTimeout("changeOpac(" + i + ",'" + divid + "')",(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 + ")";
        }