//---Variables globales
var currentPageIndex = 0; //Index de la page courante
var totalPage = 0; // Nombre total de pages
var totalRecord = 0; // Nombre total d'enregistrements
var arrPageIndex = new Array(); //Tableau des indexes de page
//---

function fnFillGrid2(intNumPartie, intNumChapitre)
{
        GetResponse('HandleRequest.ashx?RequestType=ShowCart&NUMPAR=' + intNumPartie + '&NUMCHAR=' + intNumChapitre,GetCartResponse2)
}

function GetCartResponse2(strXML)
{  
        var ReferencementList = strXML.getElementsByTagName('Referencement');
        var ExpressionCleList = strXML.getElementsByTagName('ExpressionCle');
        var QuestionIDList = strXML.getElementsByTagName('QuestionID');
 
        var strTable = '';
        
        var PageSize = 1; //Valeur initiale avant chargement
        
        var PageIndex = 0;
        
        strTable = strTable + '<table width=100% border=0 cellpadding=1 cellspacing=1 class=gvTable >';
        
        var PageShowHide = 'style=display:none';
        
        if (QuestionIDList.length > 0)
        {
            totalRecord = QuestionIDList.length;
            totalPage = Math.ceil(QuestionIDList.length/PageSize);
        
            for (var i = 0 ; i < QuestionIDList.length; i++)
            {
                arrPageIndex[i] = GetInnerText(ExpressionCleList[i]);
            
                if(i < PageSize)
                {
                    PageShowHide = 'style=display:';
                }
                else
                { 
                    PageShowHide = 'style=display:none';
                }
                strTable = strTable + '<tr class="gvSelectedRow"  id=trSelect'+ i + ' ' + PageShowHide + ' >';
                strTable = strTable + '<td colspan="3" class=gvItem align="center">';
                strTable = strTable + GetInnerText(ReferencementList[i]);
                strTable = strTable + '</td>';
                strTable = strTable + '</tr>';
            }
                        
            strTable = strTable + '<tr>';
            strTable = strTable + '<td colspan=3 align=left >';
            strTable = strTable + '&nbsp;';
            strTable = strTable + '</td>';
            strTable = strTable + '</tr>';

            strTable = strTable + '<tr >';
            strTable = strTable + '<td align="left" class=SelectedPage width="260px">'; 
            strTable = strTable + '<span id="spaP" style="display:none;"><a href="#Referencement" onclick="PageIndexChanging2(\'P\');" style="text-decoration:none;"><i>Question pr&eacute;c&eacute;dente :</i></a></span><div id="divExpressionCleP">&nbsp;</div></td>';
            strTable = strTable + '<td width="260px"><div id="divExpressionCle">' + arrPageIndex[currentPageIndex] + '</div></td>';
            strTable = strTable + '<td align="right" class=SelectedPage width="260px"><span id="spaN"><a href="#Referencement" onclick="PageIndexChanging2(\'N\');" style="text-decoration:none;"><i>Question suivante :</i></a></span><div id="divExpressionCleN">' + arrPageIndex[currentPageIndex + 1] + '&nbsp;></div>';
            strTable = strTable + '</td>';
            strTable = strTable + '</tr>';            
        }
        else 
        {
            strTable = strTable + '<tr>';
            strTable = strTable + '<td  align=left valign=middle>';
            strTable = strTable + '&nbsp;';
            strTable = strTable + '</td>';
            strTable = strTable + '<td colspan=3 align=left  class=\"EmptyCart\">';
            strTable = strTable + '<img src=\"image/EmptyCart.gif\" alt=\" \" >&nbsp;Aucune donnée à afficher !';
            strTable = strTable + '</td>';
            strTable = strTable + '</tr>';
        }
        strTable = strTable + '</table>';
        document.getElementById('gvCart').style.width = '590px';
        document.getElementById('gvCart').innerHTML = strTable;
}

function PageIndexChanging(PageNo)
{
   var PageSize = 1;
      
    var arrProduct;
    
    if (PageNo > 0)
    {
        document.getElementById('divExpressionCleP').innerHTML = '< ' + arrPageIndex[PageNo - 1];
    }
    else
    {
        document.getElementById('divExpressionCleP').innerHTML = '&nbsp;';
    }
    
    document.getElementById('divExpressionCle').innerHTML = arrPageIndex[PageNo];
    
    if (PageNo < totalPage - 1)
    {
        document.getElementById('divExpressionCleN').innerHTML = arrPageIndex[PageNo + 1] + ' >';
    }
    else
    {
        document.getElementById('divExpressionCleN').innerHTML = '&nbsp;';
    }
    
    for (var i=0; i< totalRecord ; i++)
    {
        if(i >= (PageNo*PageSize) && i < (PageNo+1)*PageSize)
        {
            document.getElementById('trSelect'+i).style.display = '';
        }
        else
        {
            document.getElementById('trSelect'+i).style.display = 'none';
        }            
    }
}

function PageIndexChanging2(strDirection)
{
    var previousPageIndex = 0;
    
    if (currentPageIndex > 0)
    {
        previousPageIndex = currentPageIndex - 1;
    }                
    
    var nextPageIndex = currentPageIndex + 1;
    
    if (strDirection == 'P')
    {
        PageIndexChanging(previousPageIndex);
        currentPageIndex = previousPageIndex;
        if (currentPageIndex == 0)
        {
            document.getElementById('spaP').style.display = 'none';
            document.getElementById('spaN').style.display = 'block';
        }
        else
        {
            if (currentPageIndex < totalPage - 1)
            {
                document.getElementById('spaN').style.display = 'block';
            }                
        }
    }
    else
    {
        PageIndexChanging(nextPageIndex);
        currentPageIndex = nextPageIndex;
        if (currentPageIndex > 0)
        {
            document.getElementById('spaP').style.display = 'block';
            if (currentPageIndex == totalPage - 1)
            {
                document.getElementById('spaN').style.display = 'none';
            }
        }
    }
}

function GetInnerText (node)
{
    return (node.textContent || node.innerText || node.text) ;
}