var S_ParentMenu  ="";
var S_NbShow      =4;
var S_ActiveIDX   =0;

function createHref(ParentElem, ItemMenu)
{
   var hrefP = document.createElement("a");
   if (hrefP)
   {
		hrefP.setAttribute("href", ItemMenu[1]);
	   hrefP.className = ItemMenu[2]==true?"selected":"";
      hrefP.innerHTML = "<strong>"+ItemMenu[0]+"</strong>";
	   ParentElem.appendChild(hrefP);
   }
}

function writeitem(ParentId, ActivIdx)
{
   S_ParentMenu = ParentId;
   var menuP   = document.getElementById(S_ParentMenu);
   if (menuP)
   {
      S_ActiveIDX = ActivIdx;
      menuP.innerHTML = "";
      var tableP = document.createElement("table");
      if (tableP)
      {
	      tableP.width = 530;
	      tableP.border = 0;
	      tableP.cellSpacing = 0;
	      tableP.cellPadding = 0;
         var rowElemP = tableP.insertRow(tableP.rows.length);
         if (rowElemP)
         {
            createPrevSquare(rowElemP,ActivIdx);
            
	         nbelem = S_MenuItems.length<S_NbShow?S_MenuItems.length:S_NbShow;
	         for (idx=0;idx<nbelem;idx++)
	         {
	            var startElem = S_ActiveIDX;
	            
	            if (startElem+nbelem>S_MenuItems.length)
	               startElem = S_MenuItems.length-S_NbShow<0?0:S_MenuItems.length-S_NbShow;
               var cellElem = rowElemP.insertCell(rowElemP.cells.length);
               
               if (cellElem)
               {
	               cellElem.width=125;
	               cellElem.align="center";
	               cellElem.className = "arch_top_menu";
	               cellElem.setAttribute("valign", "top");
      	         
	               itemMenu = S_MenuItems[startElem+idx];
	               createHref(cellElem,itemMenu);
   	            
	               if (idx+1<nbelem)
	               {
                     var cellElemT = rowElemP.insertCell(rowElemP.cells.length);
                     if (cellElemT)
                     {
	                     cellElemT.width = 1;
	                     cellElemT.align="center";
	                     cellElemT.setAttribute("valign", "top");
	                     cellElemT.setAttribute("bgColor", "#666666");
	                     cellElemT.bgColor="#666666";
	                  }
	               }
	            }
            }
            createNextSquare(rowElemP,ActivIdx);
         }
         menuP.appendChild(tableP);
      }
   }
}

function createNextSquare(ParentElem,ActivIdx)
{
   var cellElem = ParentElem.insertCell(ParentElem.cells.length);
   if (cellElem)
   {
	   cellElem.width = 10;
	   cellElem.align="left";
	   cellElem.setAttribute("valign", "top");

      if (ActivIdx>=(S_MenuItems.length-S_NbShow))
      {
         /*var imgP = document.createElement("img");
         if (imgP)
         {
            imgP.src = "images/archive/square.gif";
            cellElem.appendChild(imgP);
         }*/
      }
      else
      {
         var hrefP = document.createElement("a");
         if (hrefP)
         {
		      hrefP.setAttribute("href", "javascript:;");
		      hrefP.onclick = nextClick;
            var imgP = document.createElement("img");
            if (imgP)
            {
               imgP.border = 0;
               imgP.src = "images/archive/arrow.gif";
               hrefP.appendChild(imgP);
            }
	         cellElem.appendChild(hrefP);
         }
      }
   }
}

function writeitemex(ParentId, ActivIdx,MenuItems)
{
   S_ParentMenu = ParentId;
   var menuP   = document.getElementById(S_ParentMenu);
   if (menuP)
   {
      S_ActiveIDX = ActivIdx;
      menuP.innerHTML = "";
      var tableP = document.createElement("table");
      if (tableP)
      {
	      tableP.width = 530;
	      tableP.border = 0;
	      tableP.cellSpacing = 0;
	      tableP.cellPadding = 0;
         var rowElemP = tableP.insertRow(tableP.rows.length);
         if (rowElemP)
         {
            createPrevSquare(rowElemP,ActivIdx);
            
	         nbelem = MenuItems.length<S_NbShow?MenuItems.length:S_NbShow;
	         for (idx=0;idx<nbelem;idx++)
	         {
	            var startElem = S_ActiveIDX;
	            
	            if (startElem+nbelem>MenuItems.length)
	               startElem = MenuItems.length-S_NbShow<0?0:MenuItems.length-S_NbShow;
               var cellElem = rowElemP.insertCell(rowElemP.cells.length);
               
               if (cellElem)
               {
	               cellElem.width=125;
	               cellElem.align="center";
	               cellElem.className = "arch_top_menu";
	               cellElem.setAttribute("valign", "top");
      	         
	               itemMenu = MenuItems[startElem+idx];
	               createHref(cellElem,itemMenu);
   	            
	               if (idx+1<nbelem)
	               {
                     var cellElemT = rowElemP.insertCell(rowElemP.cells.length);
                     if (cellElemT)
                     {
	                     cellElemT.width = 1;
	                     cellElemT.align="center";
	                     cellElemT.setAttribute("valign", "top");
	                     cellElemT.setAttribute("bgColor", "#666666");
	                     cellElemT.bgColor="#666666";
	                  }
	               }
	            }
            }
            createNextSquareex(rowElemP,ActivIdx,MenuItems);
         }
         menuP.appendChild(tableP);
      }
   }
}

function createNextSquareex(ParentElem,ActivIdx,MenuItems)
{
   var cellElem = ParentElem.insertCell(ParentElem.cells.length);
   if (cellElem)
   {
	   cellElem.width = 10;
	   cellElem.align="left";
	   cellElem.setAttribute("valign", "top");

      if (ActivIdx>=(MenuItems.length-S_NbShow))
      {
         /*var imgP = document.createElement("img");
         if (imgP)
         {
            imgP.src = "images/archive/square.gif";
            cellElem.appendChild(imgP);
         }*/
      }
      else
      {
         var hrefP = document.createElement("a");
         if (hrefP)
         {
		      hrefP.setAttribute("href", "javascript:;");
		      hrefP.onclick = nextClick;
            var imgP = document.createElement("img");
            if (imgP)
            {
               imgP.border = 0;
               imgP.src = "images/archive/arrow.gif";
               hrefP.appendChild(imgP);
            }
	         cellElem.appendChild(hrefP);
         }
      }
   }
}

function createPrevSquare(ParentElem,ActivIdx)
{
   var cellElem = ParentElem.insertCell(ParentElem.cells.length);
   if (cellElem)
   {
	   cellElem.width = 10;
	   cellElem.align="left";
	   cellElem.setAttribute("valign", "top");

      if (ActivIdx==0)
      {
         /*var imgP = document.createElement("img");
         if (imgP)
         {
            imgP.src = "images/archive/square.gif";
            cellElem.appendChild(imgP);
         }*/
      }
      else
      {
         var hrefP = document.createElement("a");
         if (hrefP)
         {
		      hrefP.setAttribute("href", "javascript:;");
		      hrefP.onclick = prevClick;
            var imgP = document.createElement("img");
            if (imgP)
            {
               imgP.border = 0;
               imgP.src = "images/archive/arrow-back.gif";
               hrefP.appendChild(imgP);
            }
	         cellElem.appendChild(hrefP);
         }
      }
   }
}

function nextClick()
{
   S_ActiveIDX++;
   writeitem(S_ParentMenu,S_ActiveIDX);
}

function prevClick()
{
   S_ActiveIDX--;
   writeitem(S_ParentMenu,S_ActiveIDX);
}