var startHeight=360;
var startleft=186;
var panelHeight=20;
var sectionNames=new Array("Flussi di traffico","Mobilità passeggeri","Merci");
var numSections=sectionNames.length;
var pages=new Array(numSections);
pages[0]=["Rilevazioni veicolari"];
pages[1]=["Domanda trasporto privato","Domanda trasporto pubblico"];
pages[2]=["Volumi generati","Volumi attratti"];

var startHeight1=360;
var startleft1=589;
var sectionNames1=new Array("Rete  viaria e ferroviaria","Servizi trasporto pubblico");
var numSections1=sectionNames1.length;
var pages1=new Array(numSections1);
pages1[0]=["Rete attuale","Progettazioni e Lavori"];
pages1[1]=["Bacino Perugino","Bacino Spoletino","Bacino Ternano"];

var startHeight2=520;
var startleft2=186;
var sectionNames2=new Array("Assegnazione da modello");
var numSections2=sectionNames2.length;
var pages2=new Array(numSections2);
pages2[0]=["Volumi traffico auto privata","Volumi traffico mezzo pubblico"];


var output="";
var lastItem;


function getPageName(page)
{
  var value=page;
  var words;
  if(page.indexOf(" "))
  {
    value="";
   words=page.split(" ");
   for(var i=0;i<words.length;i++)        
    value+=words[i];
  }
  return value;
}



for(var i=0;i<numSections;i++)
{
  output+="<div id=\"closed"+i+"\" class=\"menuClosed\">";
  output+="<a href=\"javascript:display("+i+");\" class=\"section\" title=\"Apri\">";
  output+=sectionNames[i]+"&nbsp"+"</a></div>\n";
  output+="<div id=\"open"+i+"\" class=\"menuOpen\">";
  output+="<a href=\"javascript:display("+i+");\" class=\"section\" title=\"Chiudi\">";
  output+=sectionNames[i]+"&nbsp"+"</a><br>\n";
  lastItem=pages[i].length;
  for(j=0;j<lastItem;j++)
  {
     output+="<a href=\""+"pdf"+"/"+getPageName(pages[i][j])+".pdf\" class=\"page\" title=\""+pages[i][j]+"\">";
    output+=pages[i][j]+"&nbsp";
     output+="</a>";

    if(j==lastItem-1)
      output+="</div>\n";
    else
      output+="<br>\n";
  }
}



for(var i=0;i<numSections1;i++)
{

  output+="<div id=\"closed1"+i+"\" class=\"menuClosed1\">";
  output+="<a href=\"javascript:display1("+i+");\" class=\"section\" title=\"Apri.\">";
  output+="&nbsp"+sectionNames1[i]+"</a></div>\n";
  output+="<div id=\"open1"+i+"\" class=\"menuOpen1\">";
  output+="<a href=\"javascript:display1("+i+");\" class=\"section\" title=\"Chiudi.\">";
    output+="&nbsp"+sectionNames1[i]+"</a><br>\n";
  lastItem=pages1[i].length;
  for(j=0;j<lastItem;j++)
  {
    output+="<a href=\""+"pdf"+"/"+getPageName(pages1[i][j])+".pdf\" class=\"page\" title=\""+pages1[i][j]+"\">";
    output+="&nbsp "+pages1[i][j];
     output+="</a>";
    if(j==lastItem-1)
      output+="</div>\n";
    else
      output+="<br>\n";
  }
}



for(var i=0;i<numSections2;i++)
{

  output+="<div id=\"closed2"+i+"\" class=\"menuClosed2\">";
  output+="<a href=\"javascript:display2("+i+");\" class=\"section2\" title=\"Apri\">";
  output+="&nbsp"+sectionNames2[i]+"</a></div>\n";
  output+="<div id=\"open2"+i+"\" class=\"menuOpen2\">";
  output+="<a href=\"javascript:display2("+i+");\" class=\"section2\" title=\"Chiudi\">";
    output+="&nbsp"+sectionNames2[i]+"</a><br>\n";
  lastItem=pages2[i].length;
  for(j=0;j<lastItem;j++)
  {
    output+="<a href=\""+"pdf"+"/"+getPageName(pages2[i][j])+".pdf\" class=\"page\" title=\""+pages2[i][j]+"\">";
    output+="&nbsp "+pages2[i][j];
     output+="</a>";
    if(j==lastItem-1)
      output+="</div>\n";
    else
      output+="<br>\n";
  }
}


document.write(output);