/*
Author:       Makrem Djebali www.teamsware.com
License:      @copyright 2007

$Id: twreDisplayTag.jsp,v 1.1 2009/07/07 08:43:44 Administrateur Exp $
*/

var twreTables = new Array();

function TwreDisplayTag(view, table) {
  this.enabledRows = null;
  this.xmlhttp = null;
  this.table = table;
  this.view = view;
  this.currentPage = 1;
  
  /**
   * submitTable
   */
  this.submitTable = function(action, funct, submitDataXML){
    //kill any current requests!
    if (this.xmlhttp != null) {
      this.xmlhttp.abort();
      this.xmlhttp = null;
    }

    var tableLoc = null;
    
    if(this.view != null){
      tableLoc = this.view.table;
    }else if(this.table != null){
      tableLoc = this.table
    }
    	
    var xml = "";
    xml +=  "<?xml version=\"1.0\" encoding=\"windows-1252\"?>\n";
    xml += "<request>\n";
    xml += "   <action>"+action+"</action>\n";
    
    if(submitDataXML && submitDataXML != ""){
      xml += "   <submitdata>"+submitDataXML+"</submitdata>\n";
    }
    
    if(tableLoc != null){
      xml += "   <table>\n";	
      xml += "      <name>"+tableLoc.name+"</name>\n";
      xml += "      <list>"+tableLoc.list+"</list>\n";
      xml += "      <submit>"+tableLoc.submit+"</submit>\n";
      xml += "      <tablesubmit>"+tableLoc.tablesubmit+"</tablesubmit>\n";
      xml += "      <pagesize>"+tableLoc.pagesize+"</pagesize>\n";
      xml += "      <style>"+tableLoc.style+"</style>\n";
      xml += "      <styleclass>"+tableLoc.styleclass+"</styleclass>\n";
      xml += "      <border>"+tableLoc.border+"</border>\n";
      xml += "      <cellpadding>"+tableLoc.cellpadding+"</cellpadding>\n";
      xml += "      <cellspacing>"+tableLoc.cellspacing+"</cellspacing>\n";
      xml += "      <width>"+tableLoc.width+"</width>\n";
      xml += "      <height>"+tableLoc.height+"</height>\n";
      xml += "      <uid>"+tableLoc.uid+"</uid>\n";
      xml += "      <canExport>"+tableLoc.canExport+"</canExport>\n";
      xml += "      <sortamount>"+tableLoc.sortamount+"</sortamount>\n";
      xml += "      <rowListSize>"+tableLoc.rowListSize+"</rowListSize>\n";
      xml += "      <viewableRowListSize>"+tableLoc.viewableRowListSize+"</viewableRowListSize>\n";
      xml += "      <pageMode>"+tableLoc.pageMode+"</pageMode>\n";
      xml += "      <page>"+tableLoc.page+"</page>\n";
      xml += "      <sort>"+tableLoc.sort+"</sort>\n";
      xml += "      <sortOrder>"+tableLoc.sortOrder+"</sortOrder>\n";
      xml += "      <nbPage>"+tableLoc.nbPage+"</nbPage>\n";
      xml += "      <selectedColumn>"+tableLoc.selectedColumn+"</selectedColumn>\n";
      xml += "      <searchValue>"+tableLoc.searchValue+"</searchValue>\n";
      xml += "      <searchAdv>"+tableLoc.searchAdv+"</searchAdv>\n";
        
      if(tableLoc.addColumn != null){
        xml += "      <addColumn>\n";
        xml += "         <property>"+tableLoc.addColumn.property+"</property>\n";
        xml += "         <propertyType>"+tableLoc.addColumn.propertyType+"</propertyType>\n";
        xml += "         <key>"+tableLoc.addColumn.key+"</key>\n";            
        xml += "         <addimg>"+tableLoc.addColumn.addimg+"</addimg>\n";
        xml += "         <addbutton>"+tableLoc.addColumn.addbutton+"</addbutton>\n";
        xml += "         <addaction>"+tableLoc.addColumn.addaction+"</addaction>\n";
        xml += "         <addhref>"+tableLoc.addColumn.addhref+"</addhref>\n";
        xml += "         <editimg>"+tableLoc.addColumn.editimg+"</editimg>\n";
        xml += "         <editbutton>"+tableLoc.addColumn.editbutton+"</editbutton>\n";
        xml += "         <editaction>"+tableLoc.addColumn.editaction+"</editaction>\n";
        xml += "         <edithref>"+tableLoc.addColumn.edithref+"</edithref>\n";
        xml += "         <deleteimg>"+tableLoc.addColumn.deleteimg+"</deleteimg>\n";
        xml += "         <deletebutton>"+tableLoc.addColumn.deletebutton+"</deletebutton>\n"; 
        xml += "         <deleteaction>"+tableLoc.addColumn.deleteaction+"</deleteaction>\n";
        xml += "         <deletehref>"+tableLoc.addColumn.deletehref+"</deletehref>\n";
        xml += "         <styleclass>"+tableLoc.addColumn.styleclass+"</styleclass>\n";
        xml += "         <style>"+tableLoc.addColumn.style+"</style>\n";
        xml += "         <width>"+tableLoc.addColumn.width+"</width>\n";
        xml += "         <height>"+tableLoc.addColumn.height+"</height>\n";
        xml += "      </addColumn>\n";    
      }
        
      if(tableLoc.selectColumn != null){
        xml += "      <selectColumn>\n";    
        xml += "         <name>"+tableLoc.selectColumn.name+"</name>\n";
        xml += "         <property>"+tableLoc.selectColumn.property+"</property>\n";
        xml += "         <propertyType>"+tableLoc.selectColumn.propertyType+"</propertyType>\n";
        xml += "         <title>"+tableLoc.selectColumn.title+"</title>\n";
        xml += "         <type>"+tableLoc.selectColumn.type+"</type>\n";
        xml += "         <onclick>"+tableLoc.selectColumn.onclick+"</onclick>\n";
        xml += "         <onchange>"+tableLoc.selectColumn.onchange+"</onchange>\n";
        xml += "         <checked>"+tableLoc.selectColumn.checked+"</checked>\n";
        xml += "         <styleclass>"+tableLoc.selectColumn.styleclass+"</styleclass>\n";
        xml += "         <style>"+tableLoc.selectColumn.style+"</style>\n";
        xml += "         <width>"+tableLoc.selectColumn.width+"</width>\n";
        xml += "         <height>"+tableLoc.selectColumn.height+"</height>\n";
        xml += "      </selectColumn>\n";          
      }
            
      if(tableLoc.headerCellList.length > 0){
        xml += "      <headerCellList>\n";
      
        for(var i=0; i<tableLoc.headerCellList.length; i++){
          var headerCell = tableLoc.headerCellList[i];        
          xml += "         <headerCell>\n";
          xml += "            <title>"+headerCell.title+"</title>\n";
          xml += "            <tooltip>"+headerCell.tooltip+"</tooltip>\n";
          xml += "            <property>"+headerCell.property+"</property>\n";
          xml += "            <separator>"+headerCell.separator+"</separator>\n";
          xml += "            <propertyType>"+headerCell.propertyType+"</propertyType>\n";
          xml += "            <type>"+headerCell.type+"</type>\n";
          xml += "            <propertyList>"+headerCell.propertyList+"</propertyList>\n";
          xml += "            <propertyBoolean>"+headerCell.propertyBoolean+"</propertyBoolean>\n";
          xml += "            <propertycols>"+headerCell.propertycols+"</propertycols>\n";
          xml += "            <propertyenabled>"+headerCell.propertyenabled+"</propertyenabled>\n";          
          xml += "            <columnDecorator>"+headerCell.columnDecorator+"</columnDecorator>\n";
          xml += "            <autolink>"+headerCell.autolink+"</autolink>\n";
          xml += "            <href>"+headerCell.href+"</href>\n";
          xml += "            <paramId>"+headerCell.paramId+"</paramId>\n";
          xml += "            <paramIdList>"+headerCell.paramIdList+"</paramIdList>\n";
          xml += "            <paramProperty>"+headerCell.paramProperty+"</paramProperty>\n";
          xml += "            <paramPropertyList>"+headerCell.paramPropertyList+"</paramPropertyList>\n";
          xml += "            <maxlength>"+headerCell.maxlength+"</maxlength>\n";
          xml += "            <sort>"+headerCell.sort+"</sort>\n";
          xml += "            <sorted>"+headerCell.sorted+"</sorted>\n";
          xml += "            <sortable>"+headerCell.sortable+"</sortable>\n";
          xml += "            <grouped>"+headerCell.grouped+"</grouped>\n";
          xml += "            <headerStyleClass>"+headerCell.headerStyleClass+"</headerStyleClass>\n";
          xml += "            <headerStyle>"+headerCell.headerStyle+"</headerStyle>\n";
          xml += "            <bodyStyleClass>"+headerCell.bodyStyleClass+"</bodyStyleClass>\n";
          xml += "            <bodyStyle>"+headerCell.bodyStyle+"</bodyStyle>\n";
          xml += "            <width>"+headerCell.width+"</width>\n";
          xml += "            <height>"+headerCell.height+"</height>\n";
          xml += "            <onclick>"+headerCell.onclick+"</onclick>\n";
          xml += "            <onchange>"+headerCell.onchange+"</onchange>\n";                
          xml += "         </headerCell>\n";
        }
      
        xml += "      </headerCellList>\n";
      }
      
      xml += "<currentPage>" + this.currentPage + "</currentPage>";
      
      xml += this.getEnabledRows();
    
      xml += this.getData();
      
      xml += "   </table>\n";
    }	  
    
    xml += "</request>";

	//alert(xml)
	
    var url = "/tt/PA_1_2GNKJP7H2JNV10IGNMPIA82GP6/displayTag"
//    alert(url)
    this.newRequest(url, xml, funct)
  }
  
  /**
   * writeAttribute 
   */
  this.writeAttribute = function(attName, attValue){
    if(attValue != "" && attValue != null && attValue != "null"){
      return " " + attName + "=\"" + attValue + "\"";
    }
    
    return "";
  }
  
  /**
   * paintTable
   */
  this.paintTable = function(objRef){
    //alert(Sarissa.serialize(objRef.doc))

    var tableLoc = null;
    
    if(objRef.view != null){
      tableLoc = objRef.view.table;
    }else if(objRef.table != null){
      tableLoc = objRef.table
    }

    objRef.currentPage = tableLoc.page;
    
    var global = objRef.selectSingleNode(objRef.doc, "global");
    
    if(global){
      tableLoc.pageMode = objRef.selectSingleNode(global, "pageMode").lastChild.nodeValue;
      tableLoc.rowListSize = objRef.selectSingleNode(global, "rowListSize").lastChild.nodeValue;
      tableLoc.viewableRowListSize = objRef.selectSingleNode(global, "viewableRowListSize").lastChild.nodeValue;
      tableLoc.selectedColumn = objRef.selectSingleNode(global, "selectedColumn").lastChild.nodeValue;
      tableLoc.sort = objRef.selectSingleNode(global, "sort").lastChild.nodeValue;
      tableLoc.sortOrder = objRef.selectSingleNode(global, "sortOrder").lastChild.nodeValue;
      tableLoc.page = parseInt(objRef.selectSingleNode(global, "page").lastChild.nodeValue);
      tableLoc.nbPage =  parseInt(objRef.selectSingleNode(global, "nbPage").lastChild.nodeValue);
    }

	var result = objRef.selectSingleNode(objRef.doc, "result");
    
    if(result){
	  var resultObj = new Object();
	  resultObj.state = (objRef.selectSingleNode(result, "state")) ? objRef.selectSingleNode(result, "state").lastChild.nodeValue : "1";
	  resultObj.message = (objRef.selectSingleNode(result, "message")) ? objRef.selectSingleNode(result, "message").lastChild.nodeValue : "";

	  tableLoc.result = resultObj;
    }
	
  	var htmlTemp = "";
    //htmlTemp += "<form id='viewForm'>";
    
  	if(objRef.view != null){
  	  htmlTemp += "<table" + objRef.writeAttribute("border", view.border)
  	                       + objRef.writeAttribute("style", view.style)
  	                       + objRef.writeAttribute("class", view.styleclass)
  	                       + objRef.writeAttribute("cellpadding", view.cellpadding)  	                    
  	                       + objRef.writeAttribute("cellspacing", view.cellspacing)
  	                       + objRef.writeAttribute("width", view.width)
  	                       + objRef.writeAttribute("height", view.height) + ">\n";
  	                     
  	  var searchposition = view.searchposition;
  	  var navbuttonposition = view.navbuttonposition;
  	  
  	  var shPos = (searchposition.indexOf(".") == -1) ? searchposition : searchposition.substring(0,searchposition.indexOf("."));
  	  var navPos = (navbuttonposition.indexOf(".") == -1) ? navbuttonposition : navbuttonposition.substring(0, navbuttonposition.indexOf("."));
            
  	  if(objRef.view.header != null){
  	    htmlTemp += objRef.paintViewHead(objRef);
  	  }
  	  
  	  if(objRef.view.navbuttonon == "true" && (navPos == "top" || navPos == "both")){
  	    htmlTemp += objRef.paintViewNavButtons(objRef);
  	  }
  	  
  	  htmlTemp += "<tr>";
      htmlTemp += "<td>";
  	}
  	
  	htmlTemp += "<table" + objRef.writeAttribute("id", tableLoc.name)
  	                     + objRef.writeAttribute("border", tableLoc.border)
  	                     + objRef.writeAttribute("style", tableLoc.style)
  	                     + objRef.writeAttribute("class", tableLoc.styleclass)
  	                     + objRef.writeAttribute("cellpadding", tableLoc.cellpadding)  	                    
  	                     + objRef.writeAttribute("cellspacing", tableLoc.cellspacing)
  	                     + objRef.writeAttribute("width", tableLoc.width)
  	                     + objRef.writeAttribute("height", tableLoc.height) + ">\n";
  	
  	htmlTemp += objRef.paintTableHead(objRef, true);
  	htmlTemp += objRef.paintTableBody(objRef);
  	  	
  	htmlTemp += "</table>\n";
  	
  	if(objRef.view != null){
  	  htmlTemp += "</td>";
      htmlTemp += "</tr>";

  	  var searchposition = view.searchposition;
  	  var navbuttonposition = view.navbuttonposition;
  	  
  	  var shPos = (searchposition.indexOf(".") == -1) ? searchposition : searchposition.substring(0,searchposition.indexOf("."));
  	  var navPos = (navbuttonposition.indexOf(".") == -1) ? navbuttonposition : navbuttonposition.substring(0, navbuttonposition.indexOf("."));
  	  
  	  if(objRef.view.navbuttonon == "true" && (navPos == "bottom" || navPos == "both")){
  	    htmlTemp += objRef.paintViewNavButtons(objRef);
  	  }
            
  	  if(objRef.view.footer != null){
  	    htmlTemp += objRef.paintViewFooter(objRef);
  	  }
  	  
  	  htmlTemp += "</table>";
  	}
  	
  	var divName = "divTwreTable_" + tableLoc.uid;
  	var divNode = document.getElementById(divName);
  	
  	//alert(htmlTemp)
  	
  	if(divNode){
  	  divNode.innerHTML = htmlTemp;
  	  
  	  if(objRef.view != null && objRef.view.searchon == "true"){
  	  	objRef.selectColumn(tableLoc.selectedColumn);
  	  }
  	}
	
	//eval("tableValidations_" + tableLoc.uid + " = new paintValidationScript(objRef)");
  }

  /**
   * paintViewHead
   */
  this.paintViewHead = function(objRef){
    var header = objRef.view.header;
    
    var htmlTemp = "";
    
    htmlTemp += "<tr>";
    htmlTemp += "<td" + objRef.writeAttribute("class", header.styleclass)
                      + objRef.writeAttribute("style", header.style)
                      + objRef.writeAttribute("nowrap", "true")
                      + objRef.writeAttribute("width", header.width)
                      + objRef.writeAttribute("height", header.height) + ">";
    htmlTemp += header.title;
    htmlTemp += "</td>";                      
    htmlTemp + "</tr>";
 
    return htmlTemp;
  }
  
 /**
   * paintViewSearch 
   */
  this.paintViewSearch = function(objRef){
    var htmlTemp = "";
    
    var tableLoc = objRef.view.table;
    var defaultSearchCol = "";
    
    if(tableLoc.headerCellList.length >= parseInt(tableLoc.selectedColumn)){
      var defaultHeader = tableLoc.headerCellList[(parseInt(tableLoc.selectedColumn) - 1)];
      defaultSearchCol = defaultHeader.title;
    }
    
    //New Line for Search
    htmlTemp += "<tr>";
    htmlTemp += "<td>";

    //Table For Search
    htmlTemp += "<table border='0' cellsapcing='0' cellpadding='0' width='100%'>";

    //New Line "Table For Search" Search Body
    htmlTemp += "<tr>";
    htmlTemp += "<td class='searchBody' nowrap='true' width='100%'>";

    //Div For Search
    htmlTemp += "<div id='sDiv" + tableLoc.uid + "' align='center'>";

    //Div For Simple Search
    htmlTemp += "<div id='shDiv" + tableLoc.uid + "' style='display:;' align='center'>";

    htmlTemp += "<table border='0' cellspcing='0' cellpadding='0' width='100%'>";

    htmlTemp += "<tr>";
    htmlTemp += "<td id='search" + tableLoc.uid + "' class='searchStyle' nowrap='true' width='85%'>";
    htmlTemp += defaultSearchCol;
    htmlTemp += "</td>";
    htmlTemp += "<td class='searchStyle' nowrap='true' width='10%'>";
    htmlTemp += "<Input class='searchInput' type='text' id='searchValue" + tableLoc.uid + "' style='width:120;' value='" + ((tableLoc.searchValue != "null") ? tableLoc.searchValue : "") + "' onkeyup='return false;'>";
    htmlTemp += "</td>";
    htmlTemp += "<td class='searchStyle' nowrap='true' width='5%'>";
    htmlTemp += "<a href='#'><img src='" + view.searchimg + "' onclick='twreDisplayTag_" + tableLoc.uid + ".search()'></a>";
    htmlTemp += "</td>";
    htmlTemp += "</tr>";
    
    htmlTemp += "</table>";

    htmlTemp += "</div>";

    htmlTemp += "</div>";

    htmlTemp += "</td>";
    htmlTemp += "</tr>";
    htmlTemp += "</table>";
    	
    htmlTemp += "</td>";
    htmlTemp += "</tr>";
    
    //alert(htmlTemp);
    
    return htmlTemp;
  }

  /**
   * paintViewNavButtons 
   */
  this.paintViewNavButtons = function(objRef){
    var htmlTemp = "";
    
    var tableLoc = objRef.view.table;
    var navbuttononifonepage = objRef.view.navbuttononifonepage;
    var navbuttonposition = objRef.view.navbuttonposition;
    
	var defaultSearchCol = "";
    
    if(tableLoc.headerCellList.length >= parseInt(tableLoc.selectedColumn)){
      var defaultHeader = tableLoc.headerCellList[(parseInt(tableLoc.selectedColumn) - 1)];
      defaultSearchCol = defaultHeader.title;
    }
	
    if (tableLoc != null) {
      var navFirstImg = "";
      var navPrevImg = "";
      var navNextImg = "";
      var navLastImg = "";

      var first = 1;
      var prev = parseInt(tableLoc.page) - 1;
      var next = parseInt(tableLoc.page) + 1;
      var last = parseInt(tableLoc.nbPage);

      if (tableLoc.pageMode == "one" && navbuttononifonepage == "true") {
        navFirstImg = "<img src=\"" + objRef.view.navfirstoffimg + "\">"; 
        navPrevImg = "<img src=\"" + objRef.view.navprevoffimg + "\">";
        navNextImg = "<img src=\"" + objRef.view.navnextoffimg + "\">";
        navLastImg = "<img src=\"" + objRef.view.navlastoffimg + "\">";
      } else if (tableLoc.pageMode == "first") {
        navFirstImg = "<img src=\"" + objRef.view.navfirstoffimg + "\">";
        navPrevImg = "<img src=\"" + objRef.view.navprevoffimg + "\">";
        navNextImg = "<a href=\"javascript:twreDisplayTag_" + tableLoc.uid + ".navPages('" + next + "')\"><img src=\"" + objRef.view.navnextonimg + "\"></a>"; 
        navLastImg = "<a href=\"javascript:twreDisplayTag_" + tableLoc.uid + ".navPages('" + last + "')\"><img src=\"" + objRef.view.navlastonimg+ "\"></a>";
      } else if (tableLoc.pageMode == "middle") {
        navFirstImg = "<a href=\"javascript:twreDisplayTag_" + tableLoc.uid + ".navPages('" + first + "')\"><img src=\"" + objRef.view.navfirstonimg + "\"></a>";
        navPrevImg = "<a href=\"javascript:twreDisplayTag_" + tableLoc.uid + ".navPages('" + prev + "')\"><img src=\"" + objRef.view.navprevonimg + "\"></a>";
        navNextImg = "<a href=\"javascript:twreDisplayTag_" + tableLoc.uid + ".navPages('" + next + "')\"><img src=\"" + objRef.view.navnextonimg + "\"></a>"; 
        navLastImg = "<a href=\"javascript:twreDisplayTag_" + tableLoc.uid + ".navPages('" + last + "')\"><img src=\"" + objRef.view.navlastonimg + "\"></a>";
      } else if (tableLoc.pageMode == "last") {
        navFirstImg = "<a href=\"javascript:twreDisplayTag_" + tableLoc.uid + ".navPages('" + first + "')\"><img src=\"" + objRef.view.navfirstonimg + "\"></a>";
        navPrevImg = "<a href=\"javascript:twreDisplayTag_" + tableLoc.uid + ".navPages('" + prev + "')\"><img src=\"" + objRef.view.navprevonimg + "\"></a>";
        navNextImg = "<img src=\"" + objRef.view.navnextoffimg + "\">"; 
        navLastImg = "<img src=\"" + objRef.view.navlastoffimg + "\">";
      }
      
      var tdButtonStyle = "width : 20px; text-align : center;";
      var tdPagesStyle = "width : 70px; text-align : center;";
      
      var htmlTempNV1 = "";
      var shPosIdx = navbuttonposition.indexOf(".");
      var posSb = (shPosIdx == -1) ? "left" : navbuttonposition.substring(shPosIdx + 1, navbuttonposition.length());

      var navpages = view.navpages;
      var pageListIdx = navpages.indexOf("PAGE_LIST");

      if (pageListIdx != -1) {
        //navpages = navpages.substring(0, pageListIdx) + 
        //           table.getPageListHTML(parameters) + 
        //           navpages.substring(pageListIdx + TagConstants.PAGE_PAGE_LIST.length(), navpages.length());
      }

      var pagesIdx = navpages.indexOf("PAGES");

      if (pagesIdx != -1) {
        //navpages = navpages.substring(0, pagesIdx) +
        //           table.getPagesHTML(parameters, navnbpages) +
        //           navpages.substring(pagesIdx + TagConstants.PAGE_PAGES.length(), navpages.length());
      }

      var pageNumberIdx = navpages.indexOf("PAGE_NUMBER");

      if (pageNumberIdx != -1) {
        navpages = navpages.substring(0, pageNumberIdx) +
                   tableLoc.page +
                   navpages.substring(pageNumberIdx + "PAGE_NUMBER".length, navpages.length);
      }

      var pageCountIdx = navpages.indexOf("PAGE_COUNT");

      if (pageCountIdx != -1) {
        navpages = navpages.substring(0, pageCountIdx) +
                   tableLoc.nbPage +
                   navpages.substring(pageCountIdx + "PAGE_COUNT".length, navpages.length);
      }
        
      if(navFirstImg != "" && navPrevImg != "" && navNextImg != "" && navLastImg != ""){
        htmlTempNV1 += "<table border='0' cellsapcing='0' cellpadding='0' width='150' height='22'>";
        htmlTempNV1 += "<tr>";
        htmlTempNV1 += "<td style=\"" + tdButtonStyle + "\">" + navFirstImg + "</td>";
        htmlTempNV1 += "<td style=\"" + tdButtonStyle + "\">" + navPrevImg + "</td>";
        htmlTempNV1 += "<td style=\"" + tdButtonStyle + "\">" + navpages + "</td>";
        htmlTempNV1 += "<td style=\"" + tdButtonStyle + "\">" + navNextImg + "</td>";
        htmlTempNV1 += "<td style=\"" + tdButtonStyle + "\">" + navLastImg + "</td>";
        htmlTempNV1 += "</tr>";
        htmlTempNV1 += "</table>";
      }
      
      var htmlTempNV2 = "";       
      var nbRows = tableLoc.rowListSize;
      var nbRowsVue = tableLoc.viewableRowListSize;
      
      htmlTempNV2 += "<table border='0' cellsapcing='0' cellpadding='0'>";
      htmlTempNV2 += "<tr>";
      htmlTempNV2 += "<td>" + nbRowsVue + " " + objRef.view.viewShow + " - " + objRef.view.viewTotal + " : " + nbRows + "</td>";
      htmlTempNV2 += "</tr>";
      htmlTempNV2 += "</table>";
      
	  var serachTitle = (objRef.view != null) ? view.searchTitle : "Chercher";
	  
	  //Table For Search
	  htmlTempSearch = "<table border='0' cellsapcing='0' cellpadding='0' width='100%'>";
      
      //New Line "Table For Search" Search Body
      htmlTempSearch += "<tr>";
      htmlTempSearch += "<td class='searchBody' nowrap='true' width='100%'>";
      
      //Div For Search
      htmlTempSearch += "<div id='sDiv" + tableLoc.uid + "' align='center'>";
      
      //Div For Simple Search
      htmlTempSearch += "<div id='shDiv" + tableLoc.uid + "' style='display:;' align='center'>";
      
      htmlTempSearch += "<table border='0' cellspcing='0' cellpadding='0' width='100%'>";
      
      htmlTempSearch += "<tr>";
      htmlTempSearch += "<td id='search" + tableLoc.uid + "' class='searchStyle' nowrap='true' width='85%'>";
      htmlTempSearch += defaultSearchCol;
      htmlTempSearch += "</td>";
      htmlTempSearch += "<td class='searchStyle' nowrap='true' width='10%'>";
      htmlTempSearch += "<Input class='searchInput' type='text' id='searchValue" + tableLoc.uid + "' style='width:120;' value='" + ((tableLoc.searchValue != "null") ? tableLoc.searchValue : "") + "' onkeyup='return false;'>";
      htmlTempSearch += "</td>";
      htmlTempSearch += "<td class='searchStyle' nowrap='true' width='5%'>";
      //htmlTempSearch += "<a href='#'><img src='" + view.searchimg + "' onclick='twreDisplayTag_" + tableLoc.uid + ".search()'></a>";
	  htmlTempSearch += "<input class='searchButton' type='button' onclick='twreDisplayTag_" + tableLoc.uid + ".search()' value='" + serachTitle + "'>";
      htmlTempSearch += "</td>";
      htmlTempSearch += "</tr>";
      
      htmlTempSearch += "</table>";
      
      htmlTempSearch += "</div>";
      
      htmlTempSearch += "</div>";

      htmlTempSearch += "</td>";
      htmlTempSearch += "</tr>";
      htmlTempSearch += "</table>";
	
      //Write Nav Buutons
      htmlTemp += "<tr>";
      htmlTemp += "<td>";
      
      htmlTemp += "<table border='0' cellsapcing='0' cellpadding='0' width='100%'>";
      htmlTemp += "<tr>";
      
	  htmlTemp += "<td width='30%' align='left'>";
      htmlTemp += ((posSb == "left") ? htmlTempNV1 : htmlTempNV2);
      htmlTemp += "</td>";
      
	  htmlTemp += "<td width='30%' align='right'>";
      htmlTemp += ((posSb == "right") ? htmlTempNV1 : htmlTempNV2);
      htmlTemp += "</td>";
	  
	  if(objRef.view != null && objRef.view.searchon == "true"){
	    htmlTemp += "<td width='40%' align='right'>";
        htmlTemp += htmlTempSearch;
        htmlTemp += "</td>";
	  }
	  
      htmlTemp += "</tr>";
      htmlTemp += "</table>";
      
      htmlTemp += "</td>";
      htmlTemp += "</tr>";
    }
            
    return htmlTemp;
  }

  /**
   * paintViewFooter
   */
  this.paintViewFooter = function(objRef){
    var footer = objRef.view.footer;
    
    var htmlTemp = "";
    
    htmlTemp += "<tr>";
    htmlTemp += "<td" + objRef.writeAttribute("class", footer.styleclass)
                      + objRef.writeAttribute("style", footer.style)
                      + objRef.writeAttribute("nowrap", "true")
                      + objRef.writeAttribute("width", footer.width)
                      + objRef.writeAttribute("height", footer.height) + ">";
    htmlTemp += footer.title;
    htmlTemp += "</td>";                      
    htmlTemp + "</tr>";
 
    return htmlTemp;
  }
    
  /**
   * paintTableHead
   */
  this.paintTableHead = function(objRef, searchOn){
    var tableLoc = null;
    
    if(objRef.view != null){
      tableLoc = objRef.view.table;
    }else if(objRef.table != null){
      tableLoc = objRef.table
    }

    var htmlTemp = "";
    htmlTemp += "<thead" + objRef.writeAttribute("id", tableLoc.name + "_Head") + ">\n";
    htmlTemp += "<tr>\n";

    if(tableLoc.addColumn != null){
      var addColumn = tableLoc.addColumn;
      if(addColumn.addbutton == 'true' || addColumn.editbutton == 'true' || addColumn.deletebutton == 'true'){
        htmlTemp += "<td" + objRef.writeAttribute("id", tableLoc.name + "_Add")
                          + objRef.writeAttribute("class", addColumn.styleclass)
                          + objRef.writeAttribute("style", addColumn.style)
                          + objRef.writeAttribute("nowrap", "false")
                          + objRef.writeAttribute("width", addColumn.width)
                          + objRef.writeAttribute("height", addColumn.height) + ">";
                           
        if(addColumn.addbutton == 'true' && (addColumn.addaction != "" || addColumn.addhref != "")){
          if(addColumn.addaction != ""){
            htmlTemp += "<a href=\"javascript:doSubmit('" +  addColumn.addaction + "');\">";
          }else if(addColumn.addhref != ""){
            htmlTemp += "<a href=\"" +  addColumn.addhref + "\">";
          }
          
          htmlTemp += "<img src=\"" + addColumn.addimg + "\">";
          htmlTemp += "</a>";
        } 
        
         htmlTemp += "</td>\n";
      }
    }
    
    if(tableLoc.selectColumn != null){
      var selectColumn = tableLoc.selectColumn;
      htmlTemp += "<td" + objRef.writeAttribute("id", tableLoc.name + "_SEL")
                        + objRef.writeAttribute("class", selectColumn.styleclass)
                        + objRef.writeAttribute("style", selectColumn.style)
                        + objRef.writeAttribute("nowrap", "false")
                        + objRef.writeAttribute("width", selectColumn.width)
                        + objRef.writeAttribute("height", selectColumn.height) + ">";
      htmlTemp += (selectColumn.title == "" || selectColumn.title == null) ? "" : selectColumn.title;
      htmlTemp += "</td>\n";
    }

    var imgsortoff = "/tt/PA_1_2GNKJP7H2JNV10IGNMPIA82GP6/images/arrow_off.png";
    var imgsortonup = "/tt/PA_1_2GNKJP7H2JNV10IGNMPIA82GP6/images/arrow_up.png";
    var imgsortondown = "/tt/PA_1_2GNKJP7H2JNV10IGNMPIA82GP6/images/arrow_down.png";
              
    for(var i=0; i<tableLoc.headerCellList.length; i++){
      var headerCell = tableLoc.headerCellList[i];
      
      if(objRef.view != null && objRef.view.searchon == "true"){
        var titleLink = "<a href=\"javascript:twreDisplayTag_" + tableLoc.uid + ".selectColumn(" + (i + 1) + ")\">";
        titleLink += headerCell.title;
        titleLink += "</a>";
      }else{
      	var titleLink = "<a href=\"##\">";
        titleLink += headerCell.title;
        titleLink += "</a>";
      }

      var title = titleLink.split("@NewLine").join("<br>");
      var id = (i+1) + "_" + headerCell.property;

      var imgSort = "asc";
      var nextSortDir = (tableLoc.sortOrder == "asc") ? "desc" : "asc";
      
      if(tableLoc.sort == (i + 1)){
        imgSort = (tableLoc.sortOrder == "asc") ? imgsortonup : imgsortondown;
      }else{
        if(headerCell.sorted == "true"){
          imgSort = (headerCell.sort == "asc") ? imgsortonup : imgsortondown;
        }else{
          imgSort = imgsortoff;
        }
      }

      var imgSortOnClick = "javascript:twreDisplayTag_" + tableLoc.uid + ".sortColumn(" + (i+1) + ", '" + nextSortDir + "')";       
            
      htmlTemp += "<td" + objRef.writeAttribute("id", id)
                        + objRef.writeAttribute("class", headerCell.headerStyleClass)
                        + objRef.writeAttribute("style", headerCell.headerStyle)
                        + objRef.writeAttribute("nowrap", "false")
                        + objRef.writeAttribute("width", headerCell.width)
                        + objRef.writeAttribute("height", headerCell.height) + ">";
                                       
      if(headerCell.sortable == "true"){
        htmlTemp += "<table border='0' cellspacing='0' cellpadding='0' width='100%'>";
        htmlTemp += "<tr>";
        htmlTemp += "<td" + (searchOn ? "" : " nowrap=false") + " width='100%'>";
        htmlTemp += title;
        htmlTemp += "</td>";
        htmlTemp += "<td>";
        htmlTemp += "<a href=\"" + imgSortOnClick + "\">";
        htmlTemp += "<img src=\"" + imgSort + "\">";
        htmlTemp += "</a>";
        htmlTemp += "</td>";
        htmlTemp += "</tr>";
        htmlTemp += "</table>";
      }else{
        htmlTemp += "<table border='0' cellspacing='0' cellpadding='0' width='100%'>";
        htmlTemp += "<tr>";
        htmlTemp += "<td nowrap=false width='100%'>";
        htmlTemp += title;
        htmlTemp += "</td>";
        htmlTemp += "</tr>";
        htmlTemp += "</table>";
      }
      
      htmlTemp += "</td>\n";
    }
    
    htmlTemp += "</tr>\n";
    htmlTemp += "</thead>\n";

    return htmlTemp;
  }
  
  /**
   * paintTableBody
   */
  this.paintTableBody = function(objRef){
    //alert(Sarissa.serialize(objRef.doc))
    var tableLoc = null;
    
    if(objRef.view != null){
      tableLoc = objRef.view.table;
    }else if(objRef.table != null){
      tableLoc = objRef.table
    }
    
    var htmlTemp = "";
    var response = objRef.selectSingleNode(objRef.doc, "response");
    
    if(response){
      var headerCellList = objRef.selectSingleNode(response, "headerCellList");
     
      if(headerCellList){
        var headerCells = objRef.selectNodes(headerCellList, "headerCell");
        
        for(var i=0; i<headerCells.length; i++){
          var headerCell = headerCells[i];

          var index = parseInt(headerCell.getAttribute("index"));          
          var property = objRef.selectSingleNode(headerCell, "property").lastChild.nodeValue;
          var propertyType = objRef.selectSingleNode(headerCell, "propertyType").lastChild.nodeValue;
          //alert(property + "::" + propertyType)
          tableLoc.headerCellList[index].property = property;
          tableLoc.headerCellList[index].propertyType = propertyType;
        }
      }
      
      var table = objRef.selectSingleNode(response, "table");

      if(table){
        var body = objRef.selectSingleNode(table, "body");
        
        if(body){
          var idBody = body.getAttribute("id");
          
          htmlTemp += "<tbody" + objRef.writeAttribute("id", idBody) + ">\n";
 		  	  
          var rows = objRef.selectNodes(body, "row");

		  objRef.nbRows = rows.length;
		  objRef.fieldTabList = new Array();
		  
          for(var i=0; i<rows.length; i++){
            //alert(Sarissa.serialize(rows[i]))
			
            var idRow = rows[i].getAttribute("id");
            var classRow = rows[i].getAttribute("class");
            var widthRow = rows[i].getAttribute("width");

            htmlTemp += "<tr" + objRef.writeAttribute("id", idRow)
                              + objRef.writeAttribute("class", classRow)
                              + objRef.writeAttribute("width", widthRow)
							  + objRef.writeAttribute("onmouseout", "this.setAttribute('className', this.lastClassName);")
							  + objRef.writeAttribute("onmouseover", "this.lastClassName = this.getAttribute('className'); this.setAttribute('className', 'over');")	+ ">\n";
            
		    var cells = objRef.selectNodes(rows[i], "cell");
            
			var fieldRowList = new Array();
			
            for(var j=0; j<cells.length; j++){
              var idCell = cells[j].getAttribute("id");
              var classCell = cells[j].getAttribute("class");
              var nowrapCell = cells[j].getAttribute("nowrap");              
              var widthCell = cells[j].getAttribute("width");
              var heightCell = cells[j].getAttribute("height");
              var rowspanCell = cells[j].getAttribute("rowspan");              
              var toolTipCell = cells[j].getAttribute("tooltip");
              
              htmlTemp += "<td" + objRef.writeAttribute("id", idCell)
                                + objRef.writeAttribute("class", classCell)
                                + objRef.writeAttribute("rowspan", rowspanCell)
                                + objRef.writeAttribute("nowrap", nowrapCell)
                                + objRef.writeAttribute("width", widthCell)
                                + objRef.writeAttribute("height", heightCell)
                                + objRef.writeAttribute("title", toolTipCell) + ">";
              
              var cellSeted = false;
                                
              var links = objRef.selectNodes(cells[j], "Link");   

              if(links.length > 0 && !cellSeted){
                for(var k=0; k<links.length; k++){
                  var hrefLink = links[k].getAttribute("href");
               
                  htmlTemp += "<a" + objRef.writeAttribute("href", hrefLink) + "'>";
                
                  var images = objRef.selectNodes(links[k], "ImageLink"); 
                
                  for(var l=0; l<images.length; l++){
                    var idImg = images[l].getAttribute("id");
                    var srcImg = images[l].getAttribute("src");

                    htmlTemp += "<img" + objRef.writeAttribute("id", idImg)
                                       + objRef.writeAttribute("src", srcImg) + ">";
                  }
                
                  htmlTemp += "</a>";                
                }
                
                cellSeted = true;
              }
              
              var inputs = objRef.selectNodes(cells[j], "Input");
              
              if(inputs.length > 0 && !cellSeted){
                for(var k=0; k<inputs.length; k++){
				  var property = inputs[k].getAttribute("property");
                  var idInput = inputs[k].getAttribute("id");
                  var valueInput = inputs[k].getAttribute("value");
                  var sizeInput = inputs[k].getAttribute("size");
                  var onclickInput = inputs[k].getAttribute("onclick");

                  htmlTemp += "<input type='text'" 
                                       + objRef.writeAttribute("name", idInput)
                                       + objRef.writeAttribute("value", valueInput)
                                       + objRef.writeAttribute("style", (sizeInput!="") ? ("width:"+sizeInput) : "")
                                       + objRef.writeAttribute("onclick", onclickInput) + ">";
				  
				  var field = new Object();
				  field.type = "input";
				  field.property = property;
				  field.id = idInput;
				  
				  fieldRowList[fieldRowList.length] = field;
                }
                
                cellSeted = true;
              }
              
              var selects = objRef.selectNodes(cells[j], "Select");
              
              if(selects.length > 0 && !cellSeted){
                for(var k=0; k<selects.length; k++){
				  var property = selects[k].getAttribute("property");
                  var idSelect = selects[k].getAttribute("id");
                  var sizeSelect = selects[k].getAttribute("size");
                  var onchangeSelect = selects[k].getAttribute("onchange");                
                
                  htmlTemp += "<select" + objRef.writeAttribute("name", idSelect)
                                        + objRef.writeAttribute("style", (sizeSelect!="") ? ("width:"+sizeSelect) : "")
                                        + objRef.writeAttribute("onchange", onchangeSelect) + ">";

                  var options = objRef.selectNodes(selects[k], "Option");
                
                  for(var l=0; l<options.length; l++){
                    var valueOption = options[l].getAttribute("value");
                    var selectedOption = options[l].getAttribute("selected");
                  
                    var textOption = (options[l].lastChild) ? options[l].lastChild.nodeValue : "";
                  
                    htmlTemp += "<option" + objRef.writeAttribute("value", valueOption)
                                            + ((selectedOption=="true") ? "selected" : "") + ">" + textOption + "</option>";
                  }
                
                  htmlTemp += "</select>";
				  
				  var field = new Object();
				  field.type = "select";
				  field.property = property;
				  field.id = idSelect;
				  
				  fieldRowList[fieldRowList.length] = field;
			    }
			    
			    cellSeted = true;
			  }
			  
			  var tables = objRef.selectNodes(cells[j], "Table");

              if(tables.length > 0 && !cellSeted){
                for(var k=0; k<tables.length; k++){
                  var borderTable = tables[k].getAttribute("border");
                  var cellpaddingTable = tables[k].getAttribute("cellpadding");
                  var cellspacingTable = tables[k].getAttribute("cellspacing");
                  var widthTable = tables[k].getAttribute("width");
                
                  htmlTemp += "<Table" + objRef.writeAttribute("border", borderTable)
                                       + objRef.writeAttribute("cellpadding", cellpaddingTable)
                                       + objRef.writeAttribute("cellspacing", cellspacingTable)
                                       + objRef.writeAttribute("width", widthTable) + ">";

                  var bodyTable = objRef.selectSingleNode(tables[k], "Body");
                
                  if(bodyTable){
                    var rowsTable = objRef.selectNodes(bodyTable, "Row");
                  
                    for(var l=0; l<rowsTable.length; l++){
                       htmlTemp += "<Tr>";
                     
                       var cellsTable = objRef.selectNodes(rowsTable[l], "Cell");
                     
                       for(var n=0; n<cellsTable.length; n++){
                         var widthCellTable = cellsTable[n].getAttribute("width");
                       
                         htmlTemp += "<Td" + objRef.writeAttribute("class", classCell) 
                         				   + objRef.writeAttribute("width", widthCellTable) + ">";
                         
                         var checkBoxTable = objRef.selectSingleNode(cellsTable[n], "CheckBox");
                         
                         if(checkBoxTable){
						   var property = checkBoxTable.getAttribute("property");
                           var idCheckBoxTable = checkBoxTable.getAttribute("id");
                           var classCheckBoxTable = checkBoxTable.getAttribute("class");
                           var valueCheckBoxTable = checkBoxTable.getAttribute("value");
                           var checkedCheckBoxTable = checkBoxTable.getAttribute("checked");
                           var onclickCheckBoxTable = checkBoxTable.getAttribute("onclick");
                           var onchangeCheckBoxTable = checkBoxTable.getAttribute("onchange");
                           
                           var textCheckBoxTable = (checkBoxTable.lastChild)? checkBoxTable.lastChild.nodeValue : "";

                           htmlTemp += "<Input type='checkBox'" 
                                                + objRef.writeAttribute("name", idCheckBoxTable)
                                                + objRef.writeAttribute("class", classCheckBoxTable)
                                                + objRef.writeAttribute("value", valueCheckBoxTable)
                                                + ((checkedCheckBoxTable=="true") ? "checked" : "")
                                                + objRef.writeAttribute("onclick", onclickCheckBoxTable)
                                                + objRef.writeAttribute("onchange", onchangeCheckBoxTable) + ">" + textCheckBoxTable + "</Input>";
												
						   var field = new Object();
				           field.type = "checkBox";
						   field.property = property;
						   field.id = idCheckBoxTable;
						   
						   fieldRowList[fieldRowList.length] = field;
                         }
                         
                         var radioButtonTable = objRef.selectSingleNode(cellsTable[n], "RadioButton");
                         
                         if(radioButtonTable){
						   var property = radioButtonTable.getAttribute("property");
                           var idRadioButtonTable = radioButtonTable.getAttribute("id");
                           var classRadioButtonTable = radioButtonTable.getAttribute("class");
                           var valueRadioButtonTable = radioButtonTable.getAttribute("value");
                           var checkedRadioButtonTable = radioButtonTable.getAttribute("checked");
                           var onclickRadioButtonTable = radioButtonTable.getAttribute("onclick");
                           var onchangeRadioButtonTable = radioButtonTable.getAttribute("onchange");
                           
                           var textRadioButtonTable = (radioButtonTable.lastChild) ? radioButtonTable.lastChild.nodeValue : "";

                           htmlTemp += "<Input type='radio'" 
                                                + objRef.writeAttribute("name", idRadioButtonTable)
                                                + objRef.writeAttribute("class", classRadioButtonTable)
                                                + objRef.writeAttribute("value", valueRadioButtonTable)
                                                + ((checkedRadioButtonTable=="true") ? "checked" : "")
                                                + objRef.writeAttribute("onclick", onclickRadioButtonTable)
                                                + objRef.writeAttribute("onchange", onchangeRadioButtonTable) + ">" + textRadioButtonTable + "</Input>";
												
						   var field = new Object();
				           field.type = "radio";
						   field.property = property;
						   field.id = idRadioButtonTable;
						   
						   fieldRowList[fieldRowList.length] = field;												
                         }

                         
                         htmlTemp += "</Td>";
                       }                     
                     
                       htmlTemp += "</Tr>";
                    }
                  }

                  htmlTemp += "</Table>";
                }
                
                cellSeted = true;
              }
                          
              var buttons = objRef.selectNodes(cells[j], "Button");
              
              if(buttons.length > 0 && !cellSeted){
                for(var k=0; k<buttons.length; k++){
                  var idButton = buttons[k].getAttribute("id");
                  var labelButton = buttons[k].getAttribute("label");
                  var classButton = buttons[k].getAttribute("class");
                  var onclickButton = buttons[k].getAttribute("onclick");
                  
                  htmlTemp += "<Button" + objRef.writeAttribute("name", idButton)
                                        + objRef.writeAttribute("label", labelButton)
                                        + objRef.writeAttribute("class", classButton)
                                        + objRef.writeAttribute("onclick", onclickButton) + ">" + labelButton + "</Button>";
   
                }
                
                cellSeted = true;
              }
              
              var images = objRef.selectNodes(cells[j], "Image");
              
              if(images.length > 0 && !cellSeted){
                for(var k=0; k<images.length; k++){
                  var idImage = images[k].getAttribute("id");
                  var srcImage = images[k].getAttribute("src");
                  var classImage = images[k].getAttribute("class");
                  var onclickImage = images[k].getAttribute("onclick");

                  htmlTemp += "<Img" + objRef.writeAttribute("name", idImage)
                                     + objRef.writeAttribute("class", classImage)
                                     + objRef.writeAttribute("src", srcImage)
                                     + objRef.writeAttribute("style", "cursor:pointer;")
                                     + objRef.writeAttribute("onclick", onclickImage) + "/>";
                }
                
                cellSeted = true;
              }
              
              if(cells[j] && !cellSeted){
              	if(cells[j].lastChild){            	  
              	  var val = cells[j].lastChild.nodeValue.split("@NewLine").join("<br>");
                  htmlTemp += val.split("\n").join("").split("\r").join("");
                }
                
                cellSeted = true;
              }
                            
              htmlTemp += "</td>\n";
            }
			
            htmlTemp += "</tr>\n";                  
			
			objRef.fieldTabList[objRef.fieldTabList.length] = fieldRowList;
          }
          
          htmlTemp += "</tbody>\n";
        }
      }
    }
   
    return htmlTemp;
  }
  
  /**
   * getEnabledRows 
   */
  this.getEnabledRows = function(){
    var xml = "";
    if(this.enabledRows){
      xml += "\n\n      <enabledRows>\n";
        
      for(var i=0; i<this.enabledRows.length; i++){
        xml += "         <enabledRow num='" + this.enabledRows[i].num + "'>\n";
        xml += "            <disabledCols>" + this.enabledRows[i].disabled.join(",") + "</disabledCols>\n";
        xml += "            <enabledCols>" + this.enabledRows[i].enabled.join(",") + "</enabledCols>\n";
        xml += "         </enabledRow>\n";
      }
        
      xml += "      </enabledRows>\n";
    }
    
    //alert(xml);
    
    return xml;
  }
  
  /**
   * getData
   */
  this.getData = function(){
    var xml = "";
    var tableLoc = null;
    
    if(this.view != null){
      tableLoc = this.view.table;
    }else if(this.table != null){
      tableLoc = this.table
    }
    
    var divName = "divTwreTable_" + tableLoc.uid;
  	var divNode = document.getElementById(divName);
  	
  	if(divNode){
  	  //alert(divNode.innerHTML)
  	  var table = document.getElementById(tableLoc.name);
  	  
  	  if(table == null){
    	return xml;
      }
      
      var inputFields = table.getElementsByTagName("INPUT");
      var selectFields = table.getElementsByTagName("SELECT");
      //alert(inputFields.length + "::" + selectFields.length);
      if(inputFields.length == 0 && selectFields.length == 0){
        return xml;
      }
      
      var tbody = document.getElementById(tableLoc.name + "_Body");
   	  var rows = tbody.getElementsByTagName("tr");
   	
   	  var nbColSet = false;
   	  var nbCol = 0;

   	  var viewArray = new Array();
   	  for(var i=0; i<rows.length; i++){
        if(rows[i].id.indexOf(tableLoc.name + "_Row_") != -1){
   	      if(!nbColSet){
   	        nbColSet = true;
   			
   	        var rowCells = rows[i].getElementsByTagName("td");
   	        for(var j=0; j<rowCells.length; j++){
   	          if(rowCells[j].id.indexOf(tableLoc.name + "_Cell_") != -1 && rowCells[j].id.indexOf("_Add") == -1){
   	            nbCol ++;
   	          }
   	        }
   	      }	
			
   	      viewArray[viewArray.length] = new Array();
   	    }
   	  }

      var rowsId = new Array();
      
   	  var m = 0;
   	  for(var i=0; i<rows.length; i++){
   	    if(rows[i].id.indexOf(tableLoc.name + "_Row_") != -1){
   	      rowsId[rowsId.length] = rows[i].id;
   	      
   	      var rowCells = rows[i].getElementsByTagName("td");
   	      var c = nbCol - 1;
   	      for(var j=0; j<rowCells.length; j++){
   	        var idx = rowCells.length - j - 1;
   	        if(rowCells[idx].id.indexOf(tableLoc.name + "_Cell_") != -1 && rowCells[idx].id.indexOf("_Add") == -1){
   	          var fieldValue = this.getCellValue(rowCells[idx]);
   			
   	          for(var k=m; k<(m + rowCells[idx].rowSpan); k++){
   	            viewArray[k][c] = fieldValue;
   	          }		
   	          	
   	          c--;						
   	        }		
   	      }
   			
   	      m++;
   	    }   			
   	  }

   	  xml += "\n\n   <data>\n";
   	  
   	  var rowPrefix = tableLoc.name + "_Row_";
   	  
   	  for(var i=0; i<viewArray.length; i++){
   	    var idx =  rowsId[i].indexOf(rowPrefix);
   	    var rowNum = rowsId[i].substring(idx + rowPrefix.length, rowsId[i].length);
   	    
   		xml += "      <row index='" + rowNum + "'>\n";
   		
		for(var j=0; j<nbCol; j++){	
		  xml += "      <cell><![CDATA[" + viewArray[i][j] + "]]></cell>\n";
	   	}	
	   	
	   	xml += "      </row>\n";
   	  }

  	  xml += "   </data>\n\n";
  	}
  	
  	//alert(xml)
  	
  	return xml;
  }
  
  /**
   * getCellValue
   */
  this.getCellValue = function(cell){
	var fieldValueList = new Array();
	
	var fieldValue = cell.innerHTML;
	
	var inputFields = cell.getElementsByTagName("INPUT");
	for(var i=0; i<inputFields.length; i++){
		var firstField = inputFields[i];
		if(firstField.type == "text"){
			fieldValueList[fieldValueList.length] = firstField.value;
		}else if(firstField.type == "checkbox" || firstField.type == "radio"){
			fieldValueList[fieldValueList.length] = firstField.value + "^^" + firstField.checked;
		}	
	}			
	   		
	var selectFields = cell.getElementsByTagName("SELECT");
	for(var i=0; i<selectFields.length; i++){
		var firstField = selectFields[i];
		fieldValueList[fieldValueList.length] = firstField.value;	   			
	}
	
	var imgFields = cell.getElementsByTagName("IMG");
	if(imgFields.length == 1){
		for(var i=0; i<imgFields.length; i++){
			var firstField = imgFields[i];
			fieldValueList[fieldValueList.length] = firstField.src;	 
		}
	}

    var buttonFields = cell.getElementsByTagName("BUTTON");
	for(var i=0; i<buttonFields.length; i++){
		var firstField = buttonFields[i];
		fieldValueList[fieldValueList.length] = firstField.label;	   			
	}
	
	if(fieldValueList.length>0){
		return fieldValueList.join("$$");
	}else{
		return fieldValue;
	}
  }

  /**
   * selectColumn
   */
  this.selectColumn = function(colNum){
    var tableLoc = null;
    var searchon = "false";
    
    if(this.view != null){
      tableLoc = this.view.table;
      searchon = this.view.searchon;
    }else if(this.table != null){
      tableLoc = this.table
    }

    var previousClass = null;
    var table = document.getElementById(tableLoc.name); 
    if(table == null) return

    var thead = document.getElementById(tableLoc.name + "_Head");   
    var rowHead = thead.getElementsByTagName("tr")[0];    
	var cellsHead = rowHead.getElementsByTagName("td")
	
	var prevSelCol = 0;
	var selCol = 0;
	
	for(var i=0; i<cellsHead.length; i++){
		if(cellsHead[i].id != ""){
			prevSelCol += 1;
		}

		if(cellsHead[i].id.indexOf(tableLoc.selectedColumn + "_") != -1){
			cellsHead[i].className = "listeheadOut";	
			break;		
		}
	}

	var tbody = document.getElementById(tableLoc.name + "_Body");
   	var rows = tbody.getElementsByTagName("tr");
	
	if(searchon == "true"){
	  var selectedHeader = tableLoc.headerCellList[(parseInt(colNum) - 1)];
	  var searchColTiltle = document.getElementById("search" + tableLoc.uid);

	  if(searchColTiltle){
        searchColTiltle.innerHTML = selectedHeader.title.split("@NewLine").join(" - ");
      }
	}
	
	tableLoc.selectedColumn = colNum;
  }
 
  /**
   * sortColumn
   */
  this.sortColumn = function(colNum, sortDir){
    var tableLoc = null;
    
    if(this.view != null){
      tableLoc = this.view.table;
    }else if(this.table != null){
      tableLoc = this.table
    }

    tableLoc.sort = colNum;
    tableLoc.sortOrder = sortDir;
    
    this.submitTable("update.view", "objRef.paintTable(objRef)");
  }

  /**
   * navPages
   */
  this.navPages = function(page){
    var tableLoc = null;
    
    if(this.view != null){
      tableLoc = this.view.table;
    }else if(this.table != null){
      tableLoc = this.table
    }

    tableLoc.page = page;
        
    this.submitTable("update.view", "objRef.paintTable(objRef)");
  }
  
  /**
   * selectSingleNode 
   */
  this.selectSingleNode = function(node, name){
    var nodeList = node.getElementsByTagName(name);
    if(nodeList.length > 0){
      return nodeList[0];
    }else{
      return false;
    }
  }
  
  /**
   * search
   */
  this.search = function(){
    var tableLoc = null;
    
    if(this.view != null){
      tableLoc = this.view.table;
    }else if(this.table != null){
      tableLoc = this.table
    }
    
    var searchValue = document.getElementById("searchValue" + tableLoc.uid);

    if(!searchValue){
      return;
    }
    
    tableLoc.searchValue = searchValue.value;
    
    this.submitTable("update.view", "objRef.paintTable(objRef)");
  }
  
  /**
   * selectSingleNode 
   */
  this.selectNodes = function(node, name){
    var nodeList = node.getElementsByTagName(name);
    return nodeList;
  }

  
  /**
       * getFieldId
       */
  this.getFieldId = function(objRef, row, property){
	if(objRef.fieldTabList.length <= row){
		return property;
	}
	
	var fieldRowList = objRef.fieldTabList[row];
	
	for(var i=0; i<fieldRowList.length; i++){
		if(fieldRowList[i].property == property){
			return fieldRowList[i].id;
		}
	}
	
	return property;
  }
  
  /**
   * newRequest 
   */
  this.newRequest = function(url, post, func) {
    var objRef = this;
    objRef.contentType = "text/xml";
    objRef.url = url;
    try {
	  if (!(window.XMLHttpRequest)) {
        //ie
        objRef.xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        objRef.xmlhttp.open("POST", url, true);
        
        objRef.xmlhttp.setRequestHeader("content-type", objRef.contentType);
        objRef.xmlhttp.setRequestHeader("serverUrl",  objRef.url);
        
        objRef.xmlhttp.onreadystatechange = function(){
                                              if ((objRef.xmlhttp.readyState == 4) && (objRef.xmlhttp.status == 200)) {
                                                //we got a good response.  We need to process it!
                                                if (objRef.xmlhttp.responseXML == null) {
                                                  return;
                                                }
												objRef.doc = objRef.xmlhttp.responseXML
												eval(func);
                                              }
                                             }

        objRef.xmlhttp.send(post);
      } else {
        //everyone else
        objRef.xmlhttp = new XMLHttpRequest();
        objRef.xmlhttp.open("POST", url, true);
        
        objRef.xmlhttp.setRequestHeader("content-type", objRef.contentType);
        objRef.xmlhttp.setRequestHeader("serverUrl",  objRef.url);
          										
        objRef.xmlhttp.onreadystatechange =  function(){
                                              if ((objRef.xmlhttp.readyState == 4) && (objRef.xmlhttp.status == 200)) {
                                                //we got a good response.  We need to process it!
                                                if (objRef.xmlhttp.responseXML == null) {
                                                  return;
                                                }
												objRef.doc = objRef.xmlhttp.responseXML
                                                eval(func);
                                              }
                                             }

        objRef.xmlhttp.send(post);
      }
    } catch (e) {
      alert("err:" + e);
    }
  }
}

/*
Author:       Makrem Djebali www.teamsware.com
License:      @copyright 2007

$Id: twreDisplayTag.jsp,v 1.1 2009/07/07 08:43:44 Administrateur Exp $
*/

var requiredMessage = '<liferay-ui:message key="validationTab.requiredMessage"/>';
var integerMessage = '<liferay-ui:message key="validationTab.integerMessage"/>';
var dateMessage = '<liferay-ui:message key="validationTab.dateMessage"/>';
var floatMessage = '<liferay-ui:message key="validationTab.floatMessage"/>';
var minLengthMessage = '<liferay-ui:message key="validationTab.minLengthMessage"/>';
var maxLengthMessage = '<liferay-ui:message key="validationTab.maxLengthMessage"/>';

var fieldPatterns = new Array();

/**
  * paintValidationScript
  */
function paintValidationScript(objRef){	
    var tableLoc = null;
    
    if(objRef.view != null){
      tableLoc = objRef.view.table;
    }else if(objRef.table != null){
      tableLoc = objRef.table
    }
	
	var validRequiredInst = new Array();
    var validIntegerInst = new Array();
    var validDateInst = new Array();
    var validFloatInst = new Array();
    var validMinLengthInst = new Array();
    var validMaxLengthInst = new Array();

    for (var i = 0; i < objRef.nbRows; i++) {
		//var numField = ((parseInt(tableLoc.page)-1) * parseInt(tableLoc.pagesize)) + (i+1);
	
        //Validation required
		for (var k = 0; k < tableLoc.validationRequired.length; k++) {
			var validElements = tableLoc.validationRequired[k].split(":");
			var fieldKey = objRef.getFieldId(objRef, i, validElements[0]);
			var fieldMessage = validElements[1];

			validRequiredInst[validRequiredInst.length] = "this.a" + i + "" + k + " = new Array('" + fieldKey + "', '" + 
				parseRessource(requiredMessage, [fieldMessage, (i + 1)]) + "', new Function ('varName', ' return this[varName];'));";
        }

        //Validation integer
        for (var k = 0; k < tableLoc.validationInteger.length; k++) {
            var validElements = tableLoc.validationInteger[k].split(":");
            var fieldKey = objRef.getFieldId(objRef, i, validElements[0]);
            var fieldMessage = validElements[1];

            validIntegerInst[validIntegerInst.length] = "this.a" + i + "" + k + " = new Array('" + fieldKey + "', '" + 
			    parseRessource(integerMessage, [fieldMessage, (i + 1)]) + "', new Function ('varName', ' return this[varName];'));";
        }

        //Validation date
		for (var k = 0; k < tableLoc.validationDate.length; k++) {
			var validElements = tableLoc.validationDate[k].split(":");
			var fieldKey = objRef.getFieldId(objRef, i, validElements[0]);
			var fieldMessage = validElements[1];
			var fieldPattern = validElements[3];
			
			fieldPatterns[fieldPatterns.length] = fieldPattern;

			validDateInst[validDateInst.length] = "this.a" + i + "" + k + " = new Array('" + fieldKey + "', '" + 
				parseRessource(dateMessage, [fieldMessage, (i + 1), fieldPattern]) + "', new Function ('varName', 'this.datePattern=fieldPatterns[" + (fieldPatterns.length-1) + "]; return this[varName];'));";
		}

		//Validation float
		for (var k = 0; k < tableLoc.validationFloat.length; k++) {
			var validElements = tableLoc.validationFloat[k].split(":");
			var fieldKey = objRef.getFieldId(objRef, i, validElements[0]);
			var fieldMessage = validElements[1];

			validFloatInst[validFloatInst.length] = "this.a" + i + "" + k + " = new Array('" + fieldKey + "', '" + 
				parseRessource(floatMessage, [fieldMessage, (i + 1)]) + "', new Function ('varName', ' return this[varName];'));";
		}

		//Validation minLength
		for (var k = 0; k < tableLoc.validationMinlength.length; k++) {
			var validElements = tableLoc.validationMinlength[k].split(":");
			var fieldKey = objRef.getFieldId(objRef, i, validElements[0]);
			var fieldMessage = validElements[1];
			var fieldLength = validElements[3];

			validMinLengthInst[validMinLengthInst.length] = "this.a" + i + "" + k + " = new Array('" + fieldKey + "', '" + 
				parseRessource(minLengthMessage, [fieldMessage, (i + 1), fieldLength]) + "', new Function ('varName', 'this.maxlength=" + fieldLength + "; return this[varName];'));";
		}

		//Validation maxLength
		for (var k = 0; k < tableLoc.validationMaxlength.length; k++) {
			var validElements = tableLoc.validationMaxlength[k].split(":");
			var fieldKey = objRef.getFieldId(objRef, i, validElements[0]);
			var fieldMessage = validElements[1];
			var fieldLength = validElements[3];

			validMaxLengthInst[validMaxLengthInst.length] = "this.a" + i + "" + k + " = new Array('" + fieldKey + "', '" + 
				parseRessource(maxLengthMessage, [fieldMessage, (i + 1), fieldLength]) + "', new Function ('varName', 'this.maxlength=" + fieldLength + "; return this[varName];'));";
		}
	}
	
    //Validation
	var validations = new Array();

	//Validation required
	if (validRequiredInst.length > 0) {
		validHtmlTemp = "";
		
		validations[validations.length] = "validateRequired(form)";

		validHtmlTemp += "this._required = new Function(\"";

		for (var i = 0; i < validRequiredInst.length; i++) {
			validHtmlTemp += validRequiredInst[i];
		}

		validHtmlTemp += "\")";
		
		eval(validHtmlTemp)
	}

	//Validation integer
	if (validIntegerInst.length > 0) {
		validHtmlTemp = "";
		
		validations[validations.length] = "validateInteger(form)";

		validHtmlTemp += "this._IntegerValidations = new Function(\"";

		for (var i = 0; i < validIntegerInst.length; i++) {
			validHtmlTemp += validIntegerInst[i];
		}

		validHtmlTemp += "\")";
		
		eval(validHtmlTemp)
	}
	
	//Validation date
	if (validDateInst.length > 0) {
		validHtmlTemp = "";
		
		validations[validations.length] = "validateDate(form)";

		validHtmlTemp += "this._DateValidations = new Function(\"";
				
		for (var i = 0; i < validDateInst.length; i++) {
			validHtmlTemp += validDateInst[i];
		}

		validHtmlTemp += "\")";
		
		eval(validHtmlTemp)
	}
	
	//Validation float
	if (validFloatInst.length > 0) {
		validHtmlTemp = "";
		
		validations[validations.length] = "validateFloat(form)";

		validHtmlTemp += "this._FloatValidations = new Function(\"";

		for (var i = 0; i < validFloatInst.length; i++) {
			validHtmlTemp += validFloatInst[i];
		}

		validHtmlTemp += "\")";
		
		eval(validHtmlTemp)
	}
	
	//Validation minlength
	if (validMinLengthInst.length > 0) {
		validHtmlTemp = "";
		
		validations[validations.length] = "validateMinLength(form)";

		validHtmlTemp += "this._minlength = new Function(\"";

		for (var i = 0; i < validMinLengthInst.length; i++) {
			validHtmlTemp += validMinLengthInst[i];
		}

		validHtmlTemp += "\")";
		
		eval(validHtmlTemp)
	}
	
	//Validation maxlength
	if (validMaxLengthInst.length > 0) {
		validHtmlTemp = "";
		
		validations[validations.length] = "validateMaxLength(form)";

		validHtmlTemp += "this._maxlength = new Function(\"";

		for (var i = 0; i < validMaxLengthInst.length; i++) {
			validHtmlTemp += validMaxLengthInst[i];
		}

		validHtmlTemp += "\")";
		
		eval(validHtmlTemp)
	}

	if (validations.length > 0) {
		var validationsHtmlTemp = "";		
		validationsHtmlTemp += "this.validations = new Function(\"";
		validationsHtmlTemp += "var form = new Object();";
		validationsHtmlTemp += "form.id = 'tableValidations_" + tableLoc.uid + ".';";
		validationsHtmlTemp += "form.name = 'tableValidations_" + tableLoc.uid + ".';";
		validationsHtmlTemp += "var formValidationResult = ";

		for (var i = 0; i < validations.length; i++) {
			validationsHtmlTemp += (i == 0) ? validations[i] : (" && " + validations[i]);
		}

		validationsHtmlTemp += ";";
		validationsHtmlTemp += "return (formValidationResult == 1);";
		validationsHtmlTemp += "\")";
		
		eval(validationsHtmlTemp);
	}
}

/**
  * parseRessource
  */
function parseRessource(value, parameters){
	var newValue = value;
	for(var i=0; i<parameters.length; i++){
		var index = "{" + (i+1) + "}";
		var idx = newValue.indexOf(index);
		
		if(idx != -1){
			newValue = newValue.substring(0, idx) + parameters[i] + newValue.substring((idx + index.length), newValue.length);
		}
	}
	
	return newValue;
}