function setBarArray()	

{
	barArray[1] = new BarClass(1,"research", 

                 "/materials/ernesto/images/btn_res1.gif",  //default image file
	             "/materials/ernesto/images/btn_res2.gif",  //image for mouseOn
                 "/materials/ernesto/images/btn_res3.gif",  //image for selected category 
                 "/materials/ernesto/research.html",    //the link for bar#1
                 "Research");   //alt tag    

	

	barArray[2] = new BarClass(2,"group", 

                 "/materials/ernesto//images/btn_group1.gif",  //default image file
	             "/materials/ernesto/images/btn_group2.gif",  //image for mouseOn
                 "/materials/ernesto/images/btn_group3.gif",  //image for selected category 
                 "/materials/ernesto/group.html",    //the link for bar#1
                 "Group");   //alt tag    

	

barArray[3]= new BarClass(3,"publications",  
              "/materials/ernesto/images/btn_pub1.gif",
		      "/materials/ernesto/images/btn_pub2.gif",
		      "/materials/ernesto/images/btn_pub3.gif", 
		      "/materials/ernesto/publications.html",
              "Publications");	

barArray[4]= new BarClass(4,"positions",  

              "/materials/ernesto/images/btn_pos1.gif",
		      "/materials/ernesto/images/btn_pos2.gif",
		      "/materials/ernesto/images/btn_pos3.gif", 
		      "/materials/ernesto/positions.html",
              "Positions");

barArray[5]= new BarClass(5,"contact",  

              "/materials/ernesto/images/btn_cont1.gif",
		      "/materials/ernesto/images/btn_cont2.gif",
		      "/materials/ernesto/images/btn_cont3.gif", 
		      "/materials/ernesto/contact.html",
              "Contact");



barArray[6] = new BarClass(6,"lab",  

              "/materials/ernesto/images/btn_lab1.gif",   
		      "/materials/ernesto/images/btn_lab2.gif",
              "/materials/ernesto/images/btn_lab3.gif",
		      "/materials/ernesto/lab.html", 
              "Lab");

barArray[7]= new BarClass(7,"gallery",  

              "/materials/ernesto/images/btn_gallery1.gif",
		      "/materials/ernesto/images/btn_gallery2.gif",
		      "/materials/ernesto/images/btn_gallery3.gif", 
		      "/materials/ernesto/gallery.html",
              "Gallery");



barArray[8]= new BarClass(8,"news",  

              "/materials/ernesto/images/btn_news1.gif",
		      "/materials/ernesto/images/btn_news2.gif",
		      "/materials/ernesto/images/btn_news3.gif", 
		      "/materials/ernesto/news.html",
              "News"); 

barArray[9]= new BarClass(9,"sponsors",  

              "/materials/ernesto/images/btn_spons1.gif",
		      "/materials/ernesto/images/btn_spons2.gif",
		      "/materials/ernesto/images/btn_spons3.gif", 
		      "/materials/ernesto/sponsors.html",
              "Sponsors");

barArray[10]= new BarClass(10,"links",  

              "/materials/ernesto/images/btn_links1.gif",
		      "/materials/ernesto/images/btn_links2.gif",
		      "/materials/ernesto/images/btn_links3.gif", 
		      "/materials/ernesto/links.html",
              "links");


barArray[11]= new BarClass(11,"home",  

              "/materials/ernesto/images/btn_home1.gif",
		      "/materials/ernesto/images/btn_home2.gif",
		      "/materials/ernesto/images/btn_home3.gif", 
		      "/materials/ernesto/",
              "Home");

	




}	



//-----------------------------------------------------------------

// function initNav(): Set the parameter numOfBars to total number of the Vertical bars (icon-images)

//-----------------------------------------------------------------

function initNav() { 

  var numOfBars= 11 ;

  var  topHtml='';

  var  botHtml=' ';



topHtml += '<tr><td height="100%" width="100%"><table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"><tr>' ;

topHtml += '<td width="163" height="90%" align="left" valign="top">' ;
 topHtml += '<table width="163" border="0" cellspacing="0" cellpadding="0" background="/materials/ernesto/images/bc_nav.jpg"> <tr>' ;
topHtml += '<td><img src="/materials/ernesto/images/spacer.gif" width="163" height="15"></td></tr>' ;



  botHtml += '<tr><td height="100%"><img src="/materials/ernesto/images/spacer.gif" width="163" height="158"></td></tr></table></td>';

  botHtml += '<td align="left" valign="top" width="100%">';	 


 theNav= new NavClass(numOfBars, topHtml, botHtml);  //the parameter - number of the bars in the navagation bar 

  setBarArray();             //fill barAray with images          //fill barAray with images

}

 

function writeHeader() {
document.write('<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="100%" align="left" valign="top">');//1 table
 document.write('<table width="100%" border="0" cellspacing="0" cellpadding="0">');
  document.write('<tr>');
 document.write('<td width="102" height="101" align="left" valign="top" rowspan="2"><img src="/materials/ernesto/images/top1.jpg" width="102" height="101"></td>');
 document.write('<td width="137" height="101" align="left" valign="top" rowspan="2"><img src="/materials/ernesto/images/top2.jpg" width="137" height="101"></td>');
  document.write('<td width="136" height="101" align="left" valign="top" rowspan="2"><img src="/materials/ernesto/images/top3.jpg" width="136" height="101"></td>');
  document.write('<td width="152" height="101" align="left" valign="top" rowspan="2"><img src="/materials/ernesto/images/t4.jpg" width="152" height="101"></td>');
  document.write('<td width="162" height="101" align="left" valign="top" rowspan="2"><img src="/materials/ernesto/images/t5.jpg" width="162" height="101"></td>');
 document.write('<td width="100%" rowspan="2" bgcolor="#085b9d"></td>');
 document.write('<td width="233" align="left" valign="top" bgcolor="#085b9d"><a href="/"><img src="/materials/ernesto/images/wis.gif" width="233" height="55" border="0"></a></td>');
  document.write('</tr><tr>');
  document.write('<td width="233" height="46" align="left" valign="top" bgcolor="#0f60a0"><a href="/materials/"><img src="/materials/ernesto/images/dept.gif" width="233" height="46" border="0"></a></td>');
 document.write('</tr><tr>');
  document.write('<td align="left" valign="top"><img src="/materials/ernesto/images/hv1.gif" width="102" height="67"></td>');
  document.write('<td colspan="2" width="273" align="left" valign="top" background="/materials/ernesto/images/bc_alum.gif"><img src="/materials/ernesto/images/title.gif" alt="Nanchemistry group" width="273" height="67"></td>');
    
 document.write('<td height="67" colspan="2" align="left" valign="top" background="/materials/ernesto/images/bc_alum.gif"><img src="/materials/ernesto/images/ej.gif" width="282" height="67"></td>');
 document.write('<td background="/materials/ernesto/images/bc_alum.gif">&nbsp;</td>');
 document.write('<td background="/materials/ernesto/images/bc_alum.gif" align="right" valign="top"><img src="/materials/ernesto/images/al_right.gif" width="20" height="67"></td>');
 document.write('</tr></table></td></tr>');

	}



function writeFooter() {

document.write('</td></tr><tr><td colspan="2" valign="bottom" height="10%">');

document.write('<hr><font size="-1">Comments and suggestions to <a href="mailto:ernesto.joselevich@weizmann.ac.il">ernesto.joselevich@weizmann.ac.il</a>');

document.write('<br>&nbsp;Last Updated: ');

document.write(document.lastModified);

document.write('</font>');
}



//Closes the table for teh navigation bar

function closeAll() {

	document.write('</td></tr></table></td></tr></table></td></tr></table>'); 



  }