I have an array with 200 elements that have to be placed on the GUI layer once. After that, sometimes I will have to delete one or two of these.

Right now I'm using

for(var i=0;i<itemArray.length;i++){

To loop through it all, but it then does this EVERY onGUI call... making it extremely slow. Is there a way to place the elements once and when a change is made in another function only update this single element?

This is the script I'm using inside OnGUI():

for(var i=0;i<AgendaArray.length;i++){
     var taskBegin = AgendaArray[i][1];
     var taskEnd = AgendaArray[i][2];
     var taskName = AgendaArray[i][0];
     var taskStatus = AgendaArray[i][5];
     var thisStyle : GUIStyle;  

     if(timer >= taskBegin && timer <= taskEnd && taskStatus != 2){AgendaArray[i][5] = 1;}
     else if(timer>taskEnd && taskStatus != 2){AgendaArray[i][5] = 3;}

     if(taskStatus == 1){thisStyle = activeStyle;}
     else if(taskStatus == 2){thisStyle = passedStyle;}
     else if(taskStatus == 3){thisStyle = failedStyle;}
     else{thisStyle = inactiveStyle;}

     var taskPosition = Screen.width*(taskBegin-beginOfTheDay)/lengthOfDay;
     var taskWidth = Screen.width*((taskEnd-taskBegin)/lengthOfDay);

     GUI.Box(Rect(taskPosition,Screen.height-35,taskWidth,30),taskName,thisStyle);
    }