function FadeImage(id, duration,src) {
        
            var step = 1000/(duration * 100);            
            var img = document.getElementById(id);
            var parent = img.parentNode;
            var newSrc = src;
            
            img.fadeVal = 100;
            parent.style["backgroundImage"] = "url(" + newSrc + ")";
            
            self.setTimeout("FadeImageStep('" + id + "'," + step + ",'" + newSrc + "')",100);
            
        }
        
        function FadeImageStep(id,step,newSrc) {
      
            img = document.getElementById(id);
            
            if(img.fadeVal > 0) {
                img.style["filter"] = "alpha(opacity=" + img.fadeVal + ")";
                img.style["opacity"] = img.fadeVal/100;
                img.fadeVal -= step;                
                self.setTimeout("FadeImageStep('" + id + "'," + step + ",'" + newSrc + "')",100);
            }
            else {
                img.src = newSrc;
                self.setTimeout("FadeImageDone('" + id + "')",100);
           }
        }

        function FadeImageDone(id) {
            var img = document.getElementById(id);
            img.style["filter"] = null;
            img.style["opacity"] = null;
        }