Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:39

Multiple menus on page


Poster: ssegura
Dated: Monday March 5 2007 - 22:12:58 GMT

Ruth,

Have figured out how to combine menus from Milonic documentation. Thanks.

Steve


Poster: Ruth
Dated: Wednesday March 7 2007 - 3:38:07 GMT

Hi,

Thanks for the information. I've been working on it, but you are doing better than I. I just came back to reread what you posted because I figured I had mis-read what you wanted.

:lol:

Ruth

Indenting submenus


Poster: ssegura
Dated: Monday March 19 2007 - 18:11:22 GMT

Ruth,

Am working with a collapsible menu and am having good results. I am trying to get submenus to indent using a global property but am not having success. I am hoping you may have a solution or a recommendation on a tag I can use. Here is what I am trying to do.

Overview
History
Leadership

The Overview text is the main menu and the others are submenus. I am using different substyles but with no results. Shouldn't the submenus automatically indent when they are under the main menu. I have used   and an image for indenting but is a bit of work. Any suggestions would be appreciated. Hope this makes sense without showing an actual page. Thanks in advance for your assistance.

Steve


Poster: Ruth
Dated: Monday March 19 2007 - 19:54:48 GMT

Hi,

No it won't automatically indent since it is a collapse menu and not a treemenu. Collapse goes straight down, treemenus do that offset. You could set it up using classes in css, however given the constraints and the fact that the items wrap, that causes problems because of course css looks at it as one line so the indent would only go on the first line of the wrap.

I have set it up with subimages sized to shift the text as you want it, and spacer images that go in the style rather than items. Below are the images I used and below that the data file codes.

1. tstyle1 nav arrow

Image

2. tstyle1 nav arrow down

Image

3. tstyle1 spacer

Image

4. sub1Style nav arrow

Image

5. sub1Style nav arrow down

Image

6. sub2Style spacer

Image


Code:
_scrollAmount=5      // Used for Netscape 4 scrolling
_scrollDelay=10        // Used for Netscape 4 scrolling

_menuCloseDelay=500  // The delay for menus to remain visible on mouse off
_menuOpenDelay=150   // The delay for opening menus on mouse over
_subOffsetTop=0;     // Sub menu offset Top position
_subOffsetLeft=0;  // Sub menu offset Left position

Goverfilter="Alpha(style=1,opacity=25,finishOpacity=100,startX=0,finishX=100,startY=100,finishY=0);Fade(duration=0.2);Shadow(color='#777777', Direction=135, Strength=5)"
Goverfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color='#777777', Direction=135, Strength=5)"
Goutfilter="randomdissolve(duration=0.3)"
Goutfilter=""
Goverfilter=""

AllMargin=0

treeOffset=0;  // Used to set the offset of sub menus
singleMasterMenu=true // Informs the system to only have one menu open at a time

with(tstyle1=new mm_style()){
offcolor = "#2b4560";
fontweight = "bold";
onbgcolor = "#cccccc";
oncolor = "#2b4560";
offbgcolor=""
ondecoration="underline"
borderstyle = "solid";
subimage="arrow_nav_t1.gif"
onsubimage="arrow_nav_down_t1.gif"
bordercolor=""
borderwidth=0
padding = 2
fontsize = "10px";
fontfamily = "Verdana, Geneva, Arial, Helvetica, sans-serif";   
subimageposition="top left" ;
separatorsize=1
separatorcolor="#ffffff";
image="spacer-1.gif"
subimagepadding=3
imagepadding=2
itemwidth=150
}


sub1Style=new copyOf(tstyle1)
sub1Style.offcolor = "#2b4560";
sub1Style.fontweight = "normal";
sub1Style.margin = "20";
sub1Style.onbgcolor="#ffffff"
sub1Style.offbgcolor="#ffffff"
sub1Style.separatorcolor="#ffffff"
sub1Style.subimage="arrow_nav_sub1.gif"
sub1Style.onsubimage="arrow_nav_down_sub1.gif"

sub2Style=new copyOf(tstyle1)
sub2Style.offcolor = "#2b4560";
sub2Style.fontweight = "normal";
sub2Style.onbgcolor="#ffffff"
sub2Style.offbgcolor="#ffffff"
sub2Style.separatorcolor="#ffffff"
sub2Style.image="spacer-2.gif";


tstyle1.clickcolor="#ff0000"
tstyle1.clickbgcolor="#cccccc"
tstyle1.clicksubimage="arrow_nav_down_t1.gif"

sub1Style.clicksubimage="arrow_nav_down_sub1.gif"


with(new menuname("dummy")){
   style=sub1Style;
   margin=AllMargin
   }

   with(new menuname("Overview")){
   style = sub1Style;
   aI("image=;text=History;url=/newsletter/webteam/overview/history/history.html;showmenu=History;type=tree;");
   aI("text=Faq;url=/about/faq.html");
   aI("image=;text=Maps;showmenu=Maps;type=tree;");
   aI("text=Public Meeting Calendar;url=/about/meetings.htm");
   aI("image=;text=Financial Highlights;showmenu=Finance;type=tree;");
   aI("text=Enabling Legislation;url=/about/lcra_enabling_legislation.html");
   aI("text=Open Records Information;url=/about/openrecords.html");
   aI("text=Contact LCRA;url=/contact.html");
   }

      with(new menuname("History")){
      style = sub2Style;
      aI("text=Early Years;url=/newsletter/webteam/overview/history/early_years.html;");
      aI("text=An Era of Change;url=/about/history3.html;");
      }

      with(new menuname("Maps")){
      style = sub2Style;
      aI("text=Map to LCRA's General Office Complex;url=/about/goc.html");
      aI("text=Map to LCRA's Dalchau Service Center;url=/about/dsc.html");
      aI("text=Electric Utility Customers Map;url=/energy/utilities");
      aI("text=Energy Facilities Map;url=/about/energy_facilities.html");
      aI("text=Transmission Service Map;url=/energy/trans_system_map.html");
      aI("text=Water and Wastewater Facilities Map;url=/about/water_wastewater_facilities_map.html");
      aI("text=Dams and Lakes Map;url=/about/dams_lakes.html");
      aI("text=Irrigation Districts Map;url=/about/irrigation_dist.html");
      aI("text=Water Quality Index Sites Map;url=/about/water_quality.html");
      aI("text=LCRA Parks System Map;url=/about/parks_preserves.html");
      }

   with(new menuname("Leadership")){
   style = sub1Style;
   aI("text=Board of Directors;url=/about/board.html");
   aI("text=Board Agendas;url=/about/board_agenda.html");
   aI("text=Board Meeting Schedule;url=/about/board_schedule.html");
   aI("text=General Manager;url=/about/gm.html");
   aI("text=Organization Chart;url=/docs/about_org_chart.pdf");
   }

   with(new menuname("Newsroom")){
   style = sub1Style;
   aI("text=News Releases;showmenu=Releases;margin=10;type=tree;");
   aI("image=;text=Feature Stories;showmenu=Features;type=tree;");
   aI("text=Ask LCRA;url=/about/list_asklcra.html");
   aI("image=;text=Photo Gallery;showmenu=Gallery;type=tree;");
   aI("text=Public Meeting Calendar;url=/about/meetings.html");
   aI("image=;text=Special Topics and Reports;showmenu=SpecialTopics;type=tree;");
   aI("image=;text=Resource Library;showmenu=Library;type=tree;");
   aI("text=How To Use RSS;url=/about/rss.html");
   aI("text=Recipes;url=/about/recipes.html");
}

   with(new menuname("Employment")){
   style = sub1Style;
   aI("text=Foundation Values;url=/about/foundation_values.html");
   aI("text=Employment FAQ;url=/about/jobfaq.html");
   aI("text=eRecruit FAQ;url=/about/erecruit_faq.html");
   aI("text=Job Vacancies;url=http://erecruit.lcra.org/psp/ER88PRD//EMPLOYEE/HRMS/c/ROLE_APPLICANT.ER_VIEW_JOBS.GBL");
   aI("text=H1B Application Notices;url=/docs/8.5-filing_notice.pdf");
   aI("text=Applicant Login;url=http://erecruit.lcra.org");
   }

   with(new menuname("Business")){
   style = sub1Style;
   aI("image=;text=Proposal and Contract Opportunities;showmenu=Bids;type=tree;");
   aI("text=Status of Recent Opportunities;url=/about/purch_status.html");
   aI("text=Supplier Connection;url=http://esupplier.lcra.org");
   aI("text=Vendor Registration;url=http://esupplier.lcra.org/psp/ES88PRD/SUPPLIER/ERP/c/LCRA_PO_MNU.LCRA_VREG_CMPNT.GBL");
   }

   with(new menuname("Volunteers")){
   style = sub1Style;
   aI("image=;text=LCRA Volunteers;showmenu=LCRAVOL;type=tree;");
   }

drawMenus()


By putting the different images into the styles means you only have to code 9, I think it's 9, items with image=; rather than code all the other items with that transparent-spacer code. By uisng image=; in the items that have submenus it removes adding that extra spacing to those items which they won't need since they have subimages which have been sized to place the text to look indented.

Hope this helps.

Ruth

menu indent


Poster: ssegura
Dated: Monday March 19 2007 - 20:20:26 GMT

Ruth,

Thanks for the reply. Thru testing I had figured out how to use images to make the indenting work. However the way you set up image and sub2style image seems to be much more efficient. I will make this work for me. Is the automatic indenting something that Milonic may be working on. Just a thought. thanks again.

Steve

Indenting submenus


Poster: ssegura
Dated: Monday March 19 2007 - 21:04:48 GMT

Ruth,

One more question as I have not been able to figure out if there is an order I need to use.

When I add the spacer image for indenting it indents the text just fine. However some submenus also have sub-submenus which use the arrow_nav_t.gif and arrow_nav_down_t.gif. How do I get the spacer image before the up and down arrows so they can indent with the text. Thanks again for your help.

Steve


Poster: Ruth
Dated: Tuesday March 20 2007 - 4:54:29 GMT

Hi Steve,

You can't do that, since the arrow is a subimage and the subimages have built in positions, left, right, middle and so on. What I did was make the subimages different widths to 'match' the transparent image indent for the text for the different levels, but I only saw, main, second level which just opened text. There were no subs farther down than that. I guess you just left those out of the test page. Can you add a sub at the level you are questioning so I can figure out what images and how to change the style?

Also, you did note the different names for the arrows, that is because they are NOT the same size as the original ones you had the arrow_nav_t or whatever it was. the one I did with the 1 after it is because it's different than your original, and of course I added the sub level subimages.


Ruth

Collapsible Menu not opening at level 2 and level 3


Poster: ssegura
Dated: Wednesday April 4 2007 - 20:30:51 BST

Ruth,

I have combined a DHTML javascript menu with the collapsible treemenu. So far I am having success. The issue I am now having is when I select a link at a level 2 or level 3 on the collapsible menu, the menu will not stay open. You gave me a fix before using the following code to have the menu stay open. This works but only for the top level menu.


with(new menuname("dummy")){
style=sub2Style;
margin=AllMargin
}

This url is an example of the menu.
http://preview.lcra.org/newsletter/webteam/home.html

I hope you can follow me as I try to describe this. I created one about_menu_data-test.js file for both menus. The code is below. In the menu_data.js file there are comments for the header nav and the left nav.

I am working strictly with the left nav code. I also made this work to indent the arrows on the submenus for the left nav. I modified the js file up quite a bit so I hope you can follow it.

When selecting Overview I use tstyle1 and sub1style from about_menu_data-test.js. This menu has a submenu and stays open when it is selected.

Selecting History also opens as it also has a submenu. I use tstyle2 and sub2style.

When I select the "Early Years" link it renders the page but the menu closes. This does not have a submenu. I use tstyle3 and sub3style.

Selecting FAQ at the same level as History, the menu again closes as it does not have a submenu.

Would you have another fix for this. I have another question but will wait. One issue at a time. Thanks in advance for your assistance.

Steve





Code:
_scrollAmount=5      // Used for Netscape 4 scrolling
_scrollDelay=10        // Used for Netscape 4 scrolling

_menuCloseDelay=500  // The delay for menus to remain visible on mouse off
_menuOpenDelay=150   // The delay for opening menus on mouse over
_subOffsetTop=0;     // Sub menu offset Top position
_subOffsetLeft=0;  // Sub menu offset Left position

Goverfilter="Alpha(style=1,opacity=25,finishOpacity=100,startX=0,finishX=100,startY=100,finishY=0);
Fade(duration=0.2);Shadow(color='#777777', Direction=135, Strength=5)"
Goverfilter="
Fade(duration=0.2);Alpha(opacity=90);Shadow(color='#777777', Direction=135, Strength=5)"
Goutfilter="randomdissolve(duration=0.3)"
Goutfilter=""
Goverfilter=""

AllMargin=0

treeOffset=0;  // Used to set the offset of sub menus
singleMasterMenu=true // Informs the system to only have one menu open at a time


//  Begin styles for header navigation
with(tstyle=new mm_style()){
offcolor = "#ffffff";     //  Font color for header navigation
fontweight = "bold";      // 
onbgcolor = "#cccccc";
oncolor = "#550016";   //  Maroon roll-over color for header drop-down
offbgcolor="#239281";     //  Green category color
//ondecoration="underline";
borderstyle = "solid";

//subimage="library/media/public/images/general/arrow_nav_t.gif";
//onsubimage="library/media/public/images/general/arrow_nav_down_t.gif";

//bordercolor="";
//borderwidth=0;
padding = 2;
fontsize = "10px";
fontfamily = "Verdana, Geneva, Arial, Helvetica, sans-serif";   
//subimageposition="top left" ;

//separatorsize=1;
//separatorcolor="#ffffff";
//image="trans.gif"
//subimagepadding=3;
//imagepadding=2;
//itemwidth=150;
}


subStyle=new copyOf(tstyle)
subStyle.offcolor = "#185665";  //  Green color text for header drop-down
subStyle.fontweight = "normal";
subStyle.onbgcolor="#550016";
subStyle.oncolor="#ffffff";
subStyle.offbgcolor="#ffffff";  //  White background color for header drop-down
subStyle.pagecolor="#51260B";
//subStyle.separatorcolor="#ffffff";

tstyle.clickbgcolor="#cccccc";
tstyle.pagecolor="#550016";   //  Color of header nav link to show which page is selected
//tstyle1.clickimage="red_blip.gif"
//tstyle.clicksubimage="/library/media/public/images/general/arrow_nav_down_t.gif";



//  *************************  Begin styles for left navigation  *************
with(tstyle1=new mm_style()){
offcolor = "#2b4560";   //  Blue color for left nav text links
fontweight = "bold";    //  Font style property of left nav
onbgcolor = "#cccccc";  //  Rollover background color of left nav
oncolor = "#2b4560";   //  Rollover blue color of left nav links
offbgcolor="";
ondecoration="underline";
borderstyle = "solid";
subimage="library/media/public/images/general/arrow_nav_t.gif";
onsubimage="library/media/public/images/general/arrow_nav_down_t.gif";
bordercolor="";
borderwidth=0;
padding = 2;
fontsize = "10px";
fontfamily = "Verdana, Geneva, Arial, Helvetica, sans-serif";   
subimageposition="top left" ;
separatorsize=1;
separatorcolor="#ffffff";
//image="library/media/public/images/general/trans.gif"
//image="library/media/public/images/general/transparent-spacer.gif"
subimagepadding=3;
imagepadding=2;
//itemwidth=150;
}


sub1Style=new copyOf(tstyle1)
sub1Style.offcolor = "#2b4560";
sub1Style.fontweight = "bold";
sub1Style.onbgcolor="#ffffff";
sub1Style.offbgcolor="#cccccc";
sub1Style.separatorcolor="#ffffff";
sub1Style.pagecolor="#550016";
//sub1Style.pagecolor="#ff0000";



with(tstyle2=new mm_style()){
offcolor = "#2b4560";   //  Blue color for left nav text links
fontweight = "bold";    //  Font style property of left nav
onbgcolor = "#cccccc";  //  Rollover background color of left nav
oncolor = "#2b4560";   //  Rollover blue color of left nav links
offbgcolor="";
ondecoration="underline";
borderstyle = "solid";
subimage="library/media/public/images/general/arrow_nav_t_level2.gif";
onsubimage="library/media/public/images/general/arrow_nav_down_t_level2.gif";
bordercolor="";
borderwidth=0;
padding = 2;
fontsize = "10px";
fontfamily = "Verdana, Geneva, Arial, Helvetica, sans-serif";   
subimageposition="top left" ;
separatorsize=1;
separatorcolor="#ffffff";
//image="library/media/public/images/general/trans.gif"
//image="library/media/public/images/general/transparent-spacer.gif"
subimagepadding=3;
imagepadding=2;
itemwidth="131";
}

sub2Style=new copyOf(tstyle2)
sub2Style.offcolor = "#2b4560";
sub2Style.fontweight = "normal";
sub2Style.onbgcolor="#ffffff";
sub2Style.offbgcolor="#ffffff";
sub2Style.separatorcolor="#ffffff";
//sub2Style.image="library/media/public/images/general/transparent-spacer.gif" 
//image="library/media/public/images/general/trans.gif"
sub2Style.pagecolor="#550016";
//subStyle.margin = "5";



with(tstyle3=new mm_style()){
offcolor = "#2b4560";   //  Blue color for left nav text links
fontweight = "bold";    //  Font style property of left nav
onbgcolor = "#cccccc";  //  Rollover background color of left nav
oncolor = "#2b4560";   //  Rollover blue color of left nav links
offbgcolor="";
ondecoration="underline";
borderstyle = "solid";
subimage="library/media/public/images/general/arrow_nav_t_level2.gif";
onsubimage="library/media/public/images/general/arrow_nav_down_t_level2.gif";
bordercolor="";
borderwidth=0;
padding = 2;
fontsize = "10px";
fontfamily = "Verdana, Geneva, Arial, Helvetica, sans-serif";   
subimageposition="top left" ;
separatorsize=1;
separatorcolor="#ffffff";
//image="library/media/public/images/general/trans.gif"
//image="library/media/public/images/general/transparent-spacer.gif"
subimagepadding=3;
imagepadding=2;
itemwidth=131;
}

sub3Style=new copyOf(tstyle3)
sub3Style.offcolor = "#2b4560";
sub3Style.fontweight = "normal";
sub3Style.onbgcolor="#ffffff";
sub3Style.offbgcolor="#cccccc";
sub3Style.separatorcolor="#ffffff";
//sub2Style.image="library/media/public/images/general/transparent-spacer.gif" 
//image="library/media/public/images/general/trans.gif"
sub3Style.pagecolor="#550016";
//subStyle.margin = "5";

//tstyle1.clickcolor="#550016";
tstyle1.clickbgcolor="#cccccc";
tstyle1.pagecolor="#550016";   //  Color of left nav link to show which page is selected
tstyle2.clickbgcolor="#cccccc";
tstyle2.pagecolor="#550016";   //  Color of left nav link to show which page is selected
tstyle3.clickbgcolor="#cccccc";
tstyle3.pagecolor="#550016";   //  Color of left nav link to show which page is selected
//tstyle1.clickimage="red_blip.gif"
//tstyle1.clicksubimage="library/media/public/images/general/arrow_nav_down_t.gif";

// ************  Begin Header Navigation  *************

   with(new menuname("Overview")){
   style = subStyle;
   aI("text=History;url=/about/history.html;");
   aI("text=Faq;url=/about/faq.html");
   aI("text=Maps;url=/about/lcra_facilities.html;");
   aI("text=Public Meeting Calendar;url=/about/meetings.htm");
   aI("text=Financial Highlights;url=/about/finance.html");
   aI("text=Enabling Legislation;url=/about/lcra_enabling_legislation.html");
   aI("text=Open Records Information;url=/about/openrecords.html");
   aI("text=Contact LCRA;url=/contact.html");
   }

//   End Overview *******************************************


            

//  Begin Leadership section

   with(new menuname("leadership")){
   style = subStyle;
   aI("text=Board of Directors;url=/about/board.html");
   aI("text=Board Agendas;url=/about/board_agenda.html;");
   aI("text=Board Meeting Schedule;url=/about/board_schedule.html");
   aI("text=General Manager;url=/about/gm.html");
   aI("text=Organization Chart;url=/docs/about_org_chart.pdf;target=blank");
   }
   
//  End Leadership section **********************************************




//  Begin Newsroom section

   with(new menuname("Newsroom")){
   style = subStyle;
   aI("text=News Releases;url=/about/list_newsstory.html;");
   aI("text=Feature Stories;url=/about/list_featurestory.html;");
   aI("text=Ask LCRA;url=/about/list_asklcra.html");
   aI("text=Photo Gallery;url=/about/photo_gallery.html;");
   aI("text=Public Meeting Calendar;url=/about/meetings.html");
   aI("text=Special Topics and Reports;url=/about/special_topics.html");
   aI("text=Resource library;url=/about/resource.html;");
   aI("text=How To Use RSS;url=/about/rss.html");
   aI("text=Recipes;url=/about/recipes.html");
}

// End Newsroom   ******************************************

//Begin Employment section      

   with(new menuname("Employment")){
   style = subStyle;
   aI("text=Foundation Values;url=/about/foundation_values.html");
   aI("text=Employment FAQ;url=/about/jobfaq.html");
   aI("text=eRecruit FAQ;url=/about/erecruit_faq.html");
   aI("text=Job Vacancies;url=http://erecruit.lcra.org/psp/ER88PRD//EMPLOYEE/HRMS/c
/ROLE_APPLICANT.ER_VIEW_JOBS.GBL;
target=blank;");
   aI("text=H1B Application Notices;url=/docs/8.5-filing_notice.pdf;target=blank");
   aI("text=Applicant Login;url=http://erecruit.lcra.org;target=blank;");

//  The link below is used during PeopleSoft maintenance.  When maintenance is complete,
comment the link below out and use the erecruit link above.

//aI("image=transparent-spacer.gif;text=Applicant Login;url=/about/esupplier_unavailable;;");
   }

//  End Employment ****************************************************



//  Begin Doing Business with LCRA section

with(new menuname("dobiz")){
style = subStyle;
aI("text=Proposal and Contract Opportunities;url=/about/bids.html;showmenu=bids;");
aI("text=Status of Recent Opportunities;url=/about/purch_status.html;");
aI("text=Supplier Connection;url=http://esupplier.lcra.org;target=blank;");

//  The link below is used during PeopleSoft maintenance.  When maintenance is complete,
comment the link below out and use the erecruit link above.

//   aI("text=Supplier Connection;url=/about/esupplier_unavailable.html;");

   aI("text=Vendor Registration;url=http://esupplier.lcra.org/psp/ES88PRD/SUPPLIER/ERP/c
/LCRA_PO_MNU.LCRA_VREG_CMPNT.GBL;target=blank");

//  The link below is used during PeopleSoft maintenance.  When maintenance is complete,
comment the link below out and use the erecruit link above.

//aI("text=Vendor Registration;url=/about/esupplier_unavailable.html;");

aI("text=Vendor Conflict of Interest Questionnaires;url=/about/vci_search.html;");
   }

//  End Doing Business with LCRA ***************************





//  Begin Volunteers section

with(new menuname("volunteers")){
style = subStyle;
aI("text=United Charities;url=/communities/united_charities.html;");
   }

//  End Volunteers  *****************************



// **********  Begin Left Navigation  *****************

with(new menuname("dummy")){
   style=sub2Style;
   margin=AllMargin
   }
   

// *********  Begin Overview section for Left Navigation  *********

with(new menuname("245193")){
style = sub2Style;
aI("text=History;url=history.html;showmenu=249120;type=tree;");
aI("image=library/media/public/images/general/indent-level2.gif;text=Faq;url=faq.html");
aI("text=Maps;url=/about/lcra_facilities.html;showmenu=maps;type=tree;");
aI("image=library/media/public/images/general/indent-level2.gif;text=Public Meeting Calendar;url=/about/meetings.htm");
aI("text=Financial Highlights;url=/about/finance.html;showmenu=finance;type=tree;");
aI("image=library/media/public/images/general/indent-level2.gif;text=Enabling Legislation;url=/about/lcra_enabling_legislation.html");
aI("image=library/media/public/images/general/indent-level2.gif;text=Open Records Information;
url=/about/openrecords.html");
aI("image=library/media/public/images/general/indent-level2.gif;text=Contact LCRA;url=/contact.html");
   }

//  History submenu
with(new menuname("249120")){
style = sub3Style;
aI("image=library/media/public/images/general/indent-level3.gif;text=Early Years;url=history2.html;");
aI("image=library/media/public/images/general/indent-level3.gif;text=An Era of Change;
url=/about/history3.html;");
}

// Maps submenu      
with(new menuname("maps")){
style = sub3Style;
aI("image=library/media/public/images/general/indent-level2.gif;text=Map to LCRA's General Office Complex;url=/about/goc.html");
aI("image=library/media/public/images/general/indent-level2.gif;text=Map to LCRA's Dalchau Service Center;url=/about/dsc.html");
aI("image=library/media/public/images/general/indent-level2.gif;text=Electric Utility Customers Map;
url=/energy/utilities");
aI("image=library/media/public/images/general/indent-level2.gif;text=Energy Facilities Map;
url=/about/energy_facilities.html");      
aI("image=library/media/public/images/general/indent-level2.gif;text=Transmission System Map;url=/energy/trans_system_map.html");      
aI("image=library/media/public/images/general/indent-level2.gif;text=Water and Wastewater Facilities Map;url=/about/water_wastewater_facilities_map.html");
aI("image=library/media/public/images/general/indent-level2.gif;text=Dams and Lakes Map;url=/about/dams_lakes.html");
      aI("image=library/media/public/images/general/indent-level2.gif;text=Irrigation Districts Map;url=/about/irrigation_dist.html");
aI("image=library/media/public/images/general/indent-level2.gif;text=Water Quality Index Sites Map;url=/about/water_quality.html");
aI("image=library/media/public/images/general/indent-level2.gif;text=LCRA Parks System Map;url=/about/parks_preserves.html");
}

//  Financial Highlights submenu      
with(new menuname("finance")){
style = sub3Style;
aI("image=library/media/public/images/general/indent-level2.gif;text=Annual Report;url=/about/annual_report.html;");
}   
      
drawMenus()      
      
//   End Overview *******************************


            

//  Begin Leadership section

with(new menuname("246315")){
style = sub2Style;
aI("image=library/media/public/images/general/indent-level2.gif;text=Board of Directors;
url=/about/board.html");
aI(";text=Board Agendas;url=/about/board_agenda.html;showmenu=meetings;type=tree");
aI("image=library/media/public/images/general/indent-level2.gif;text=Board Meeting Schedule;
url=/about/board_schedule.html");
aI("image=library/media/public/images/general/indent-level2.gif;text=General Manager;url=/about/gm.html");
aI("image=library/media/public/images/general/indent-level2.gif;text=Organization Chart;url=/docs/about_org_chart.pdf;target=blank");
}
   
//  Board Agenda submenu
with(new menuname("meetings")){
style = sub3Style;
aI("image=library/media/public/images/general/indent-level3.gif;text=Board Committee Meetings;url=/about/board_committee_meetings.html");
}      
      
//  End Leadership section *******************************

//  Begin Newsroom section

with(new menuname("247068")){
style = sub2Style;
aI("text=News Releases;url=/about/list_newsstory.html;showmenu=newsstory;
margin=10;type=tree;");
   aI("text=Feature Stories;url=/about/list_featurestory.html;showmenu=features;type=tree;");
   aI("image=library/media/public/images/general/indent-level2.gif;text=Ask LCRA;url=/about/list_asklcra.html");
   aI("text=Photo Gallery;url=/about/photo_gallery.html;showmenu=gallery;type=tree;");
   aI("image=library/media/public/images/general/indent-level2.gif;text=Public Meeting Calendar;url=/about/meetings.html");
   aI("text=Special Topics and Reports;showmenu=special-topics;type=tree;");
   aI("text=Resource library;url=/about/resource.html;showmenu=library;type=tree;");
   aI("image=library/media/public/images/general/indent-level2.gif;text=How To Use RSS;url=/about/rss.html");
   aI("image=library/media/public/images/general/indent-level2.gif;text=Recipes;url=/about/recipes.html");
}

//  News Releases submenu
   with(new menuname("newsstory")){
      style = sub3Style;
      aI("image=library/media/public/images/general/indent-level3.gif;text=Archive 2006;
url=/about/list_newsstory/2006.html;");
      aI("image=library/media/public/images/general/indent-level3.gif;text=Archive 2005;
url=/about/list_newsstory/2005.html;");
      aI("image=library/media/public/images/general/indent-level3.gif;text=Archive 2004;
url=/about/list_newsstory/2004.html;");
      }

// Feature stories submenu
   with(new menuname("features")){
      style = sub3Style;
      aI("image=library/media/public/images/general/indent-level3.gif;text=2006 Feature Stories;
url=/about/list_featurestory/2006.html;");
      aI("image=library/media/public/images/general/indent-level3.gif;text=2005 Feature Stories;
url=/about/list_featurestory/2005.html;");
      aI("image=library/media/public/images/general/indent-level3.gif;text=2004 Feature Stories;
url=/about/list_featurestory/2004.html;");
      }

// Photo Gallery submenu
   with(new menuname("gallery")){
      style = sub3Style;
      aI("image=library/media/public/images/general/indent-level3.gif;text=Save and Image;
url=/about/photo_gallery_instructions.html;showmenu=save-image;");
      }

// Special Topics submenu
   with(new menuname("special-topics")){
      style = sub3Style;
      aI("image=library/media/public/images/general/indent-level3.gif;text=Hydrilla Watch;url=/about/hydrilla.html;");
      }

// Resource library submenu
   with(new menuname("library")){
      style = sub3Style;
      aI("image=library/media/public/images/general/indent-level3.gif;text=E-mail Newsletters and alerts;
url=/about/newsletters_signup.html;showmenu=signup;");
      }


// End Newsroom   *******************************




//  Begin Employment section      

   with(new menuname("246112")){
   style = sub2Style;
   aI("image=library/media/public/images/general/indent-level2.gif;text=Foundation Values;
url=/about/foundation_values.html");
   aI("image=library/media/public/images/general/indent-level2.gif;text=Employment FAQ;
url=/about/jobfaq.html");
   aI("image=library/media/public/images/general/indent-level2.gif;text=eRecruit FAQ;
url=/about/erecruit_faq.html");
   aI("image=library/media/public/images/general/indent-level2.gif;text=Job Vacancies;
url=http://erecruit.lcra.org/psp/ER88PRD//EMPLOYEE/HRMS/c/ROLE_APPLICANT.ER_VIEW_JOBS.GBL;target=blank;");
   aI("image=library/media/public/images/general/indent-level2.gif;text=H1B Application Notices;
url=/docs/8.5-filing_notice.pdf;target=blank");
   aI("image=library/media/public/images/general/indent-level2.gif;text=Applicant Login;
url=http://erecruit.lcra.org;target=blank;");

//  The link below is used during PeopleSoft maintenance.  When maintenance is complete,
comment the link below out and use the erecruit link above.

//   aI("image=transparent-spacer.gif;text=Applicant Login;url=/about/esupplier_unavailable;;");
   }

//  End Employment *************************************





//  Begin Doing Business with LCRA section

   with(new menuname("243996")){
   style = sub2Style;
   aI("text=Proposal and Contract Opportunities;url=/about/bids.html;showmenu=bids;type=tree;");
   aI("image=library/media/public/images/general/indent-level2.gif;text=Status of Recent Opportunities;url=/about/purch_status.html;");
   aI("image=library/media/public/images/general/indent-level2.gif;text=Supplier Connection;url=http://esupplier.lcra.org;target=blank;");

//  The link below is used during PeopleSoft maintenance.  When maintenance is complete,
comment the link below out and use the erecruit link above.

//   aI("image=library/media/public/images/general/indent-level2.gif;text=Supplier Connection;url=/about/esupplier_unavailable.html;");

   aI("image=library/media/public/images/general/indent-level2.gif;text=Vendor Registration;
url=http://esupplier.lcra.org/psp/ES88PRD/SUPPLIER/ERP/c
/LCRA_PO_MNU.LCRA_VREG_CMPNT.GBL;target=blank");

//  The link below is used during PeopleSoft maintenance.  When maintenance is complete,
comment the link below out and use the erecruit link above.

//   aI("image=library/media/public/images/general/indent-level2.gif;text=Vendor Registration;url=/about/esupplier_unavailable.html;");

   aI("image=library/media/public/images/general/indent-level2.gif;text=Vendor Conflict of Interest Questionnaires;url=/about/vci_search.html;");
   }

//  Begin Doing Business with LCRA section

   with(new menuname("243996")){
   style = sub2Style;
   aI("text=Proposal and Contract Opportunities;url=/about/bids.html;showmenu=bids;type=tree;");
   aI("image=library/media/public/images/general/indent-level2.gif;text=Status of Recent Opportunities;url=/about/purch_status.html;");
   aI("image=library/media/public/images/general/indent-level2.gif;text=Supplier Connection;url=http://esupplier.lcra.org;target=blank;");

//  The link below is used during PeopleSoft maintenance.  When maintenance is complete,
comment the link below out and use the erecruit link above.

//   aI("image=library/media/public/images/general/indent-level2.gif;text=Supplier Connection;url=/about/esupplier_unavailable.html;");

   aI("image=library/media/public/images/general/indent-level2.gif;text=Vendor Registration;url=http://esupplier.lcra.org/psp/ES88PRD/SUPPLIER/ERP/c
/LCRA_PO_MNU.LCRA_VREG_CMPNT.GBL;target=blank");

//  The link below is used during PeopleSoft maintenance.  When maintenance is complete,
comment the link below out and use the erecruit link above.

//   aI("image=library/media/public/images/general/indent-level2.gif;text=Vendor Registration;url=/about/esupplier_unavailable.html;");

   aI("image=library/media/public/images/general/indent-level2.gif;text=Vendor Conflict of Interest Questionnaires;url=/about/vci_search.html;");
   }

//  Doing Business with LCRA submenu
   with(new menuname("bids")){
   style = sub3Style;
   aI("image=library/media/public/images/general/indent-level3.gif;text=Construction;url=/about/purch_construction.html;");
   aI("image=library/media/public/images/general/indent-level3.gif;text=Materials;
url=/about/purch_materials;");
   aI("image=library/media/public/images/general/indent-level3.gif;text=Services;
url=/about/purch_services.html;");
   }

//  End Doing Business with LCRA **************************

//  Begin Volunteers section

   with(new menuname("246339")){
   style = sub2Style;
   aI("image=library/media/public/images/general/indent-level2.gif;text=United Charities;url=/communities/united_charities.html;");
   }

//  End Volunteers  ****************************************


drawMenus()