var startHeight=350;
var panelHeight=20;

var sectionNames=new Array("Service Logistics","Online Solutions");
var sectionLocations=new Array("", "");
var sectionURLS=new Array("#", "productonline_overview");


var numSections=sectionNames.length;
var pages=new Array(numSections);
var pageDisplayNames=new Array(numSections);

pages[0]=["productlogistics_overview","product_citadel"];
pages[1]=[];

pageDisplayNames[0]=["Overview","Citadel Software"];
pageDisplayNames[1]=[""];

var output="";
var lastItem;

function getPageName(page)
{
  var value=page;
  var words;

  if(page.indexOf(" "))
  {
    words=page.split(" ");
    value=words[words.length-1].toLowerCase();
  }

  return value;
}

for(var i=0;i<numSections;i++)
{
// if the section has submenus display them
if (pages[i].length){

  output+="<div id=\"closed"+i+"\" class=\"menuClosed\">";
  output+="<a href=\"javascript:display("+i+");\" class=\"section\" title=\"Click here to open.\">";
  output+="<img src=\"images/menu_arrow.gif\" width=\"17\" height=\"11\" align=\"top\" border=\"0\" alt=\"Click here to open.\">";
  output+=sectionNames[i]+"</a></div>\n";

  output+="<div id=\"open"+i+"\" class=\"menuOpen\">";
  output+="<a href=\"javascript:display("+i+");\" class=\"section\" title=\"Click here to close.\">";
  output+="<img src=\"images/menu_arrow.gif\" width=\"17\" height=\"11\""+panelHeight+"\" align=\"top\" border=\"0\" alt=\"Click here to close.\">";
  output+=sectionNames[i]+"</a><br>\n";

  lastItem=pages[i].length;

  for(j=0;j<lastItem;j++)
  {
    var isCurrent=self.location.href.indexOf(getPageName(pages[i][j]))!=-1;
	var isSpacer=pages[i][j].indexOf("<spacer>");
	
	if(isSpacer==-1)
	{
		output+="<img src=\"images/submenu_arrow";

  	  if(j==lastItem-1)
 	     output+="";
// 	     output+="_last";
	  
	    output+=".gif\" width=\"20\" height=\"15\" align=\"top\" border=\"0\">";
//	    output+="<img src=\"images/arrow.gif\" width=\"10\" height=\""+panelHeight+"\" align=\"top\" border=\"0\"> ";

  	  if(isCurrent)
  	    output+="<b class=\"current\" title=\"You are here.\">";
  	  else
   	   output+="<a href=\""+sectionLocations[i]+(getPageName(pages[i][j]))+".jsp\" class=\"page\">";
	   output+=pageDisplayNames[i][j];

	 if(isCurrent)
  	   output+="</b>";
   	 else
   	   output+="</a>";

   	 if(j==lastItem-1)
   	   output+="</div>\n";
   	 else
   	   output+="<br>\n";
		  }
//	 else
//	  {
	  //do spacer code instead
//	  output+="<img src=\"images/submenu_arrow_spacer.gif\" width=\"20\" height=\"20\" align=\"top\" border=\"0\">";
//	  output+="<B class=\"spacer\" title=\"sub heading\">"+pages[i][j].substr(8)+"</B><BR>\n";

//	  }
  }
// if the section doesnt have submenus display the page  
} else {
   output+="<div id=\"closed"+i+"\" class=\"menuClosed\">";
   output+="<a href=\""+sectionURLS[i]+".jsp\" class=\"section\">";
   output+="<img src=\"images/submenu_arrow.gif\" width=\"16\" height=\"11\" align=\"top\" border=\"0\">";
   output+=sectionNames[i]+"</a></div>\n";	
}   
//    
  
}

document.write(output);