var frases = new Array();
//confira as tabelas
frases[1] = "See data tables"; 
//e veja também
frases[2] = "See also"; 
//ctrl+p para imprimir
frases[3] = "Press CTRL+P to print"; 
//clique no nome para ver a foto
frases[4] = "Click on the name to see the photo"; 
 

function Item(caption, link) {
   this.caption = caption;
   this.link = link;
}

function Menu(caption, link) {
   this.caption = caption;
   this.link = link;
   this.item = new Array();
}

var i;
var j;

var menus = new Array();

menus[1] = new Menu('About Us', 'quem_somos.asp');
menus[2] = new Menu('Solar Thermal Energy', '');
menus[3] = new Menu('Solar Photovoltaic Energy', '');
menus[4] = new Menu('Wind Energy', '');
menus[5] = new Menu('Passive Architecture', '');
menus[6] = new Menu('News', 'novidades.asp');
menus[7] = new Menu('Contact Us', 'contato.asp');

var cont = 2;
var sec = '';
for(cont=2; cont <= 5; cont++)
	{
	switch (cont)
		{
		case 2:
			{
			sec = 'EST';
			break;
			}
		case 3:
			{
			sec = 'EFV';
			break;
			}
		case 4:
			{
			sec = 'EE';
			break;
			}
		case 5:
			{
			sec = 'ARQ';
			break;
			}
		case 6:
			{
			sec = 'EH';
			break
			}
		}	
		
	menus[cont].item[1] = new Item('Concepts','conceitos.asp?secao=' + sec);
	menus[cont].item[2] = new Item('Applications','aplicacoes.asp?secao=' + sec);
	menus[cont].item[3] = new Item('Links','links.asp?secao=' + sec);
	menus[cont].item[4] = new Item('Articles','artigos.asp?secao=' + sec);
	menus[cont].item[5] = new Item('Downloads','downloads.asp?secao=' + sec);
	}




var str = '';

var menuBackground = "white";
var menuBackgroundOver  = "white";
var menuPadding = "0";

function show(num)
	{
	for(var i=1; i <= menus.length-1; i++)
		{
		hide(i);
		}
	
	if(getLayer('submenu'+num))
		{
		showLayer(getLayer('submenu'+num));
		}

	getLayer("menu"+num).style.backgroundColor = menuBackgroundOver;
	getLayer("menu"+num).style.padding = "0";
	//getLayer("menu"+num).style.color = "black";


	//innerHTML = "<table";
	
	if(menus[num].link != '')
		{
		//innerHTML += " onMouseUp=document.location='" + menus[num].link + "';"
		}
		
	//innerHTML += " class='menuButtonOver'><tr><td>";
	innerHTML = menus[num].caption;
	//innerHTML += '</td></tr></table>';
	
	getLayer("menu"+num).innerHTML = innerHTML;
	}

function hide(num)
	{
	if(getLayer('submenu'+num))
		{
		hideLayer(getLayer('submenu'+num));
		}
		
	getLayer("menu"+num).style.backgroundColor = menuBackground;
	getLayer("menu"+num).style.padding = menuPadding;
	//getLayer("menu"+num).innerHTML = "<B>&nbsp;</B>";
	getLayer("menu"+num).innerText = menus[num].caption;
	//if (num%2 == 1)
	//	getLayer("menu"+num).style.color = 'black';
	//else
		getLayer("menu"+num).style.color = 'SteelBlue'; //'Navy';
}


//str += '<table border=1 width="100%" class="menu"><tr>';

str += '<div class="menu">';

for (i=1; i<=menus.length-1; i++)
	{
	str += '<div style="position:absolute;top:-18px;left:' + ((i*80)-37) +'">';
	str += '<div id="menu'+i+'" style="cursor : hand;" class="';
	//if (i%2 == 1)
	//	str += 'menuButton';
	//else
		str += 'menuButtonTeal';
	
	str += '" onMouseOver="show('+i+');"';
	
	str += ' onMouseOut="hide('+i+')";';

		if(menus[i].link != '')
			{
			str += ' onMouseUp=document.location="' + menus[i].link + '"';
			}

	str += '>' + menus[i].caption + '</div>';
	
	if(menus[i].item.length > 0)
		{
		str += '<div style="position:relative;left:-0px" id="submenu'+i+'" class="subMenu">' +
     		'<table class="bodySubBackground" cellpadding="0" cellspacing="0" width="80" height="1" onMouseOut="hide('+i+')" onMouseOver="show('+i+')">';
      		
      		
		for(j=1;j<=menus[i].item.length-1;j++)
			{
			//if(j%3 == 0)
			//	{
			//	str2 = 'evenCell"';
			//	str3 = '#F6C359';
			//	}
			//else if(j%2 == 0)
			//	{
			//	str2 = 'oddCell"';
			//	str3 = '#A7BC8F';
			//	}
			//else
			//	{
				str2 = 'priCell"';
				str3 = '#A3C5D5';
			//	}
			
			str += '<tr class="colsub" colspan="2"><td></td></tr>';
			
			str += '<tr><td rowspan="3"> <div style="BACKGROUND-COLOR: ' + str3 + '; BORDER-BOTTOM-COLOR: white; BORDER-BOTTOM-WIDTH: 1px; BORDER-LEFT-COLOR: white; BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-COLOR: white; BORDER-RIGHT-WIDTH: 1px; BORDER-TOP-COLOR: white; BORDER-TOP-WIDTH: 1px; WIDTH: 6px; HEIGTH: 10px"></div> </td>';
			
			str += '<td><tr class="colsub"><td></td></tr>';
			
		   	str += '<TR style="HEIGHT: 8px;"><td style="WIDTH: 70; cursor : hand;" class="' + str2;
				if(menus[i].item[j].link != '')
					{
					str += ' onMouseUp=document.location="' + menus[i].item[j].link + '"';
					}
			str += '>' + menus[i].item[j].caption+'</TD></TR>';
					
			str += '<tr class="colsub"><td></td></tr></td></tr>';
			}
			
      	str += '</table></div>';
      	}
      	
	str+='</div>';
	}
	
str += '</div>';

document.write(str);