Access Control list in javascript

<p style="line-height: 18px; font-size: 18px;  font-family: times;">
Click "<i>Load samples</i>" to view and edit more JS samples.<br>
<br>
Labyrinth generated with JavaScript:<br><br>
<div id="a"></div>
<script>
var users=[];
var user={name:"abishkar",email:"abishkar"};
users=[user];
users.push(user);
window.alert(users[0]);
var c=document.getElementById("a");
j=document.getElementById("a")
j.innerHTML = "New text!";


app = {
    location : 'abc',
    api : 'abc',
    owner :null,
    users:[],
    groups:[],
    roles:[],
    documents:{},
    customer:null
}
function loadgroups(data){
var c=data.groups;
var objgr=new groups("","","","","","","unauthorized");
var objgr1=new groups("","","","","","","authorized");
c.push(objgr);
c.push(objgr1);
loadingroups(c);

}
today = new groups().setAcl(null);
// load groups from data object
loadgroups(app);
function loadingroups(data){
  
    for(i=0; i<data.length; i++){
 
        data[i].setAcl(null);
         window.alert("acl value"+data[i].acl);
    }
}
position();
function position(){
        getCurrentPosition(function(position){
        window.alert("first callback"+position);
        },function(){
        window.alert("second callback");
          
        });
}
function getCurrentPosition(callback,callback1){
callback();
callback1();
}

function Data(position,map,clickable,title,animation,icon){
this.position=position;
this.map=map;
this.clickable=clickable;
this.title=title;
this.animation=animation;
this.icon=icon;

}

function groups(position,map,clickable,title,animation,icon,acl){
this.position=position;
this.map=map;
this.clickable=clickable;
this.title=title;
this.animation=animation;
this.icon=icon;
this.acl=acl;
this.setAcl = function (name) {
        this.acl = acl;
    };
}


</script>
</p>