[js] incapsulare il codice per limitare conflitti variabili e funzioni

[alexforum]

function classe(){ 
   var globale1='pippo'; 
   var globale2='cssfile.css'; 
    
   function changeOpac(opacity,id) { 
        var obj = document.getElementById(id); 
        if(obj!=null){     
            object =document.getElementById(id).style; 
            object.opacity = (opacity / 100); 
            object.MozOpacity = (opacity / 100); 
            object.KhtmlOpacity = (opacity / 100); 
            object.filter = "alpha(opacity=" + opacity + ")"; 
        } 
    } 

    function opacity(id,opacStart,opacEnd,millisec){ 
        var speed = Math.round(millisec / 100); 
        var timer = 0; 
        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++; 
             } 
        } 
    } 


   function func1(){ 
     opacity('gw_window', 0, 100, 1000); 

   } 

   function init(){ 
      opacity('gw_window', 0, 100, 1000); 
   } 

// metodo pubblico 
this.init=init; 

}// fine classe

window.onload = function(){
 var a = new classe();
 a.init() 
} 

ho provato così, in teoria con una classe dovrei limitare il conflitto tra variabili globali e funzioni di un eventuale script inserito nella stessa pagina

chiaramente lo script finale è molto più corposo di quello postato, il problema è che ricevo sempre l' errore che la funzione changeOpac non è definita....., il problema sembra sia la chiamata dentro setTimeout

qualche idea?