How do I modify the communication view within Interaction Center?

I have a request to replace the queue ID (DNIS) with queue description(ie. CALL_TYPE = 'order entry)   for incoming calls. 

We have identified the BSP component of: ICCMP_HDR_CNTNT and view: CommunicationInfoVS but have no idea how to modify this.

I have done some JavaScript changes inside component ICCMP_HEADER also that are shown below :

<% data lv_descrp type /JJVC/IC_DNIS_ID.%>

     <script type="text/javascript">

       ContextAreaMCMDisplay.prototype.setDnis = function( Dnis )

       {

         var element = this.myParent.getDnisDisplayElement( );

         if( null != element )

         {

           if( " " != Dnis )

           {

             Dnis=EscapeHTML(Dnis);

             element.innerHTML = Dnis;

             Dnis = Dnis.replace(/\D/g,'');

             <%

                 data: lt_descrp type table of /JJVC/IC_DNIS_ID,

                       ls_descrp type /JJVC/IC_DNIS_ID.

                select * from  /JJVC/IC_DNIS_ID into CORRESPONDING FIELDS OF TABLE  lt_descrp.

                loop at lt_descrp into ls_descrp.

                %>

                  var  tel = "<%= ls_descrp-TELEFONNR %>";

                  if ( Dnis.indexOf(tel) != -1 ){

                   Dnis = "<%= ls_descrp-TELE_DESCRIPTION %>";

                  }

                <%

                ENDLOOP.

                          %>

             element.innerHTML = Dnis;

             element.title = Dnis;

           }          else

           {

             element.innerHTML = Dnis;

             element.title = "";

           }

         }

       }

       }

       contextArea.MCMDisplay.setDnis( sDnis );

     </script>

But that changes are not working.

Any help is appreciated!