/// load history
      function LoadHistory()
      {
      
            //Get Parent Row
            var objTR = $(this).parent().parent();
            
            //Get Current Index of element
            var objTD = $(this).parent().get(0);
            var objTDIndex =$(objTD).getIndex() ;
            
            var ObjTDs = $("TD",objTR);
            
            
            // generate parent id
            var objParentID = $(this).attr("DataKey").replace(/\W/g,'-')  + "-"+  $(this).attr("CPID") ;
            
             
            //Check contaner row is exist or not 
            var ObjContainer =  $("#" + $(this).attr("ContainerID") );
           
            
            if (ObjContainer.length == 0) 
            {
                var objTDlist = "";
                var newElement = 0 ; 
                while(newElement <=  objTDIndex)
                    {
                        if (newElement !=  objTDIndex)
                            objTDlist = objTDlist + "<td ColID=\"" + newElement + "-" +  objParentID + "\"></td>";
                         else 
                            objTDlist = objTDlist + "<td class=\"NodeTd\" ></td>";
                            
                        newElement = newElement + 1;    
                    }
                
                 objTDlist = objTDlist + "<td colspan=" + (ObjTDs.length -(objTDIndex))   + "  class=\"TdContainer\"></td>";
                // objTDlist = objTDlist + "<td colspan=\"18\"  class=\"TdContainer\"></td>";
                 
                 
                
                var ObjHistoryPane =  $("#HISTORY_Pane" +  objParentID );
                    if (ObjHistoryPane.length != 0 )
                        $(ObjHistoryPane).after("<tr id=\"" +  $(this).attr("ContainerID")  + "\"    IsContainer=\"true\">" + objTDlist + "</tr>");
                    else
                        $(objTR).after("<tr id=\"" +  $(this).attr("ContainerID")  + "\"    IsContainer=\"true\">" + objTDlist + "</tr>");
                
                LoadHistoryData(this);
            }
            else 
            {
                LoadHistoryData(this);
            }
            
      }
      
      
      
      
      function LoadHistoryData(sender)
      {
            
            
             var objContainer =  $("#" + $(sender).attr("ContainerID") );
             
             var objTdContainer = $("td[class='TdContainer']",objContainer);
            
             var objIFrame = $("iframe",objTdContainer);
             
            // var QueryString = "CPID='" + $(sender).attr("CPID")  
             //QueryString  = QueryString  + "'&DataID='" +  $(sender).attr("DataID")
             //QueryString  = QueryString  + "'&Table='" +  $(sender).attr("Table") + "'"
            
             var QueryString = "CPID:'" + $(sender).attr("CPID")  
             QueryString  = QueryString  + "',DataID:'" +  $(sender).attr("DataID")
             QueryString  = QueryString  + "',HistoryOf:'" +  $(sender).attr("HistoryOf")
             QueryString  = QueryString  + "',RoleId:'" +  $(sender).attr("RoleId")
             QueryString  = QueryString  + "',Table:'" +  $(sender).attr("Table") + "'"
            
             
             if (objIFrame.length==0)
                {
                    if ($(sender).attr("CommandMethod") == "cmdHistory")
                        { 
                            objTdContainer.append("<iframe Param=\"" + QueryString +"\"  ID=\"History" + $(sender).attr("CPID") + "_" + $(sender).attr("DataID") + "\"  src=\"ManageCustomer.aspx\"  style=\"border:0px solid;width:100%;height:422px;\"  frameborder=\"0\" scrolling=\"no\"></iframe>");  
                           // objTdContainer.append("<iframe ID=\"History" + $(sender).attr("CPID") + "_" + $(sender).attr("DataID") + "\"   style=\"border:0px solid;width:100%;height:422px;\"  frameborder=\"0\" scrolling=\"no\"></iframe>");  
                        }
                    else
                        {    
                            objTdContainer.append("<iframe Param=\"" + QueryString +"\"  ID=\"ActiveRoles" + $(sender).attr("CPID") + "_" + $(sender).attr("DataID") + "\"  src=\"CurrentRoles.aspx\"  style=\"border:0px solid;width:100%;height:422px;\"  frameborder=\"0\" scrolling=\"no\"></iframe>");  
                            //objTdContainer.append("<iframe ID=\"ActiveRoles" + $(sender).attr("CPID") + "_" + $(sender).attr("DataID") + "\"  style=\"border:0px solid;width:100%;height:422px;\"  frameborder=\"0\" scrolling=\"no\"></iframe>");  
                        }
                        
                    $(objContainer).addClass("ShowRow");
                    
                    ToogleNodeLine(true , sender,objTdContainer);
                    ChangeImage(true,sender);
                }
             else
                 {
                        if ($(objContainer).hasClass("ShowRow"))
                             {
                                $(objContainer).removeClass("ShowRow");
                                $(objContainer).addClass("HideRow");
                                
                               ToogleNodeLine(false , sender,objTdContainer);
                               ChangeImage(false,sender);
                                
                                
                             }
                          else
                            {
                                $(objContainer).removeClass("HideRow");
                                $(objContainer).addClass("ShowRow");
                                
                                 ToogleNodeLine(true , sender,objTdContainer);
                                 ChangeImage(true,sender);
                             
                            }
                            
                     //dock parent size to child container size       
                     ParentDock(); 
                        
                 } 
      }
      
      
      function ToogleNodeLine(bShow,sender,currentNode)
      {
      
             var ObjNodes = 0 ; 
             var ObjTotalCols = $(currentNode).getIndex() - 1 ; 
             
             while (ObjNodes <ObjTotalCols )
             {
                 var objTds =    $("TD[ColID='" +  ObjNodes + "-" + $(sender).attr("DataID").replace(/\W/g,'-') + "-" +  $(sender).attr("CPID") + "']");
                  $(objTds).each(function()
                    {
                        if (bShow)
                            {
                                 if ($(this).hasClass("NodeLine") ==false)
                                    $(this).addClass("NodeLine");
                                
                           }
                        else
                            {
                                    if ($(this).hasClass("NodeLine"))
                                    $(this).removeClass("NodeLine");
                               
                            }
                    });
                    
                    ObjNodes = ObjNodes + 1 ;
            }
            
            

      }
      
      
      function ChangeImage(show,sender)
      {
        if ($(sender).attr("CommandMethod") == "cmdActiveRoles")
            {
                if (show)
                    $(sender).attr("src", "UI/img/collapse.gif");
                else
                    $(sender).attr("src", "UI/img/expand.gif");
            }
      }