// JavaScript Document // set up drop downs anywhere in the body of the page. I think the bottom of the page is better.. // but you can experiment with effect on loadtime. if (TransMenu.isSupported()) { //================================================================================================== // create a set of dropdowns //================================================================================================== // the first param should always be down, as it is here // // The second and third param are the top and left offset positions of the menus from their actuators // respectively. To make a menu appear a little to the left and bottom of an actuator, you could use // something like -5, 5 // // The last parameter can be .topLeft, .bottomLeft, .topRight, or .bottomRight to inidicate the corner // of the actuator from which to measure the offset positions above. Here we are saying we want the // menu to appear directly below the bottom left corner of the actuator //================================================================================================== var ms = new TransMenuSet(TransMenu.direction.down, 1, 0, TransMenu.reference.bottomLeft); //================================================================================================== // create a dropdown menu //================================================================================================== // the first parameter should be the HTML element which will act actuator for the menu //================================================================================================== var menu1 = ms.addMenu(document.getElementById("communication")); menu1.addItem("Bulliton Board", "http://family.stjamesc.com/bulletinboard.php"); //menu0 menu1.addItem("Calendar", ""); // send no URL if nothing should happen onclick menu1.addItem("Links", ""); // send no URL if nothing should happen onclick menu1.addItem("Contacts", ""); // send no URL if nothing should happen onclick var submenu0 = menu1.addMenu(menu1.items[1]);//Calendar submenu0.addItem("Coming Soon"); // submenu0.addItem("level2 rush", ""); // var submenu00 = submenu0.addMenu(submenu0.items[0]);//level2 // submenu00.addItem("level3"); // submenu00.addItem("level3"); var submenu2 = menu1.addMenu(menu1.items[2]);//Links submenu2.addItem("St. James Consulting", "http://www.stjamesc.com"); submenu2.addItem("B-Side Funk", "http://www.bsidefunk.com"); submenu2.addItem("Solomon Lenon Photography", "http://www.lenonphotography.com"); submenu2.addItem("Rosalind Henderson", "http://www.rosalindhenderson.com/"); submenu2.addItem("James Sarpy REALTOR", "http://www.jamessarpy.com/"); // submenu2.addItem("Link5", ""); var submenu3 = menu1.addMenu(menu1.items[3]);//Links submenu3.addItem("Search for a Contact", "http://family.stjamesc.com/mysignup/pages/Contacts.aspx"); // submenu3.addItem("B-Side Funk", "http://www.bsidefunk.com"); // submenu3.addItem("link3", ""); // submenu3.addItem("link4", ""); // submenu3.addItem("Link5", ""); //================================================================================================== //================================================================================================== var menu2 = ms.addMenu(document.getElementById("media")); menu2.addItem("Videos", "http://family.stjamesc.com/video.php"); menu2.addItem("Pictures", "http://family.stjamesc.com/cpg1414/index.php"); var submenu1 = menu2.addMenu(menu2.items[0]); submenu1.addItem("Family Members on TV", ""); var submenu10 = submenu1.addMenu(submenu1.items[0]);//2004 //submenu20.addItem("Issue 1"); submenu10.addItem("FireFighter Mike James I", "http://family.stjamesc.com/videos/FFMikeJames1.mp4"); submenu10.addItem("FireFighter Mike James II", "http://family.stjamesc.com/videos/FFMikeJames2.mp4"); submenu10.addItem("FireFighter Mike James III", "http://family.stjamesc.com/videos/FFMikeJames3.mp4"); submenu1.addItem("60s and 70s Videos", ""); var submenu10 = submenu1.addMenu(submenu1.items[1]);//2004 //submenu20.addItem("Issue 1"); submenu10.addItem("Aunty Necky, Elise & Uncle Ray", "http://family.stjamesc.com/videos/auntynoaska.avi"); submenu10.addItem("Cousins 1968", "http://family.stjamesc.com/videos/kids1968.avi"); submenu10.addItem("1966 or 1967", "http://family.stjamesc.com/videos/pop.0004.avi"); submenu10.addItem("Dancing in 1966 or 1967", "http://family.stjamesc.com/videos/dancing1966.avi"); submenu1.addItem("Matthew James", "http://family.stjamesc.com/videos/Matthew.wmv"); submenu1.addItem("Nico", "http://family.stjamesc.com/videos/nico.wmv"); submenu1.addItem("Produ Mary", "http://family.stjamesc.com/videos/ProudMary.wmv"); submenu1.addItem("Ray Charles", "http://family.stjamesc.com/videos/RayCharlesLg.wmv"); submenu1.addItem("Baseball 2000", "http://family.stjamesc.com/videos/mov01033.mpg"); submenu1.addItem("Thanksgiving Food Line 2003", "http://family.stjamesc.com/videos/tg2004.wmv"); submenu1.addItem("Family Slide Show", "http://family.stjamesc.com/videos/the james family.wmv"); submenu1.addItem("Funk Party", "http://family.stjamesc.com/videos/funk party.wmv"); //================================================================================================== //================================================================================================== var menu3 = ms.addMenu(document.getElementById("periodicals")); menu3.addItem("James Talk"); menu3.addItem("Ask Cleo"); menu3.addItem("Family Genology"); var submenu2 = menu3.addMenu(menu3.items[0]);//James Talk submenu2.addItem("TECHNOLOGY", ""); submenu2.addItem("FINANCIAL", ""); submenu2.addItem("HEALTH", ""); submenu2.addItem("HISTORY", ""); var submenu20 = submenu2.addMenu(submenu2.items[0]);//2004 //submenu20.addItem("Issue 1"); submenu20.addItem("September Technology 2005", "http://family.stjamesc.com/articles.php"); submenu20.addItem("January Technology 2005", "http://family.stjamesc.com/articles/technology/jan2005.php"); submenu20.addItem("September Technology 2004", "http://family.stjamesc.com/articles/technology/sept2004.php"); var submenu21 = submenu2.addMenu(submenu2.items[1]);//2005 submenu21.addItem("October Financials 2005", "http://family.stjamesc.com/articles/Financial/Oct2005.php"); submenu21.addItem("September Financials 2005", "http://family.stjamesc.com/articles/articles2.php"); submenu21.addItem("August Financials 2005", "http://family.stjamesc.com/articles/Financial/Aug2005.php"); submenu21.addItem("January Financials 2005", "http://family.stjamesc.com/articles/articles4.php"); submenu21.addItem("November Financials 2004", "http://family.stjamesc.com/articles/Financial/Nov2004.php"); submenu21.addItem("October Financials 2004", "http://family.stjamesc.com/articles/Financial/Oct2004.php"); submenu21.addItem("Setpember Financials 2004", "http://family.stjamesc.com/articles/Financial/Sept2004.php"); var submenu22 = submenu2.addMenu(submenu2.items[2]);//2006 submenu22.addItem("January Health 2005", "http://family.stjamesc.com/articles/articles3.php"); // submenu22.addItem("Issue 2"); var submenu23 = submenu2.addMenu(submenu2.items[3]);//2007 submenu23.addItem("David Walkers Appeal", "http://family.stjamesc.com/articles/walker.php"); submenu23.addItem("June History 2004", "http://family.stjamesc.com/articles/History/June2004.php"); // Ask Cleo Dropdown"); var submenu3 = menu3.addMenu(menu3.items[1]); submenu3.addItem("Ask Cleo Issue 1", "http://family.stjamesc.com/cleo/cleo.php"); submenu3.addItem("Ask Cleo Issue 2", "http://family.stjamesc.com/cleo/cleo2.php"); submenu3.addItem("Ask Cleo Issue 3", "http://family.stjamesc.com/cleo/cleo3.php"); // Aamily Genology"); var submenu4 = menu3.addMenu(menu3.items[2]); submenu4.addItem("Wilson James Research", "http://family.stjamesc.com/articles/History/docs/jamesfamilytree.pdf"); submenu4.addItem("James Family Tree Presentation", "http://family.stjamesc.com/articles/presentations/james-family-tree.ppt"); submenu4.addItem("Online Family Tree", "http://family.stjamesc.com/PhpGedView/index.php"); //submenu3.addItem("Issue 4", ""); //submenu3.addItem("Issue 5", ""); //================================================================================================== //================================================================================================== var menu4 = ms.addMenu(document.getElementById("homepage")); menu4.addItem("Home", "http://family.stjamesc.com/news.php"); menu4.addItem("Edit my Profile", "http://family.stjamesc.com/mysignup/pages/Profile.aspx"); // menu4.addItem("Owner", ""); // menu4.addItem("rush", ""); // menu4.addItem("rush", ""); // var submenu4 = menu4.addMenu(menu4.items[0]); // submenu4.addItem("Hostile", ""); // submenu4.addItem("Duomo", ""); // submenu4.addItem("Pitti Palace", ""); // submenu4.addItem("Ponte Vecchio", ""); // var submenu5 = menu4.addMenu(menu4.items[1]); // submenu5.addItem("Il Campo", ""); // submenu5.addItem("Roman Center", ""); // submenu5.addItem("Duomo", ""); //================================================================================================== //================================================================================================== var menu5 = ms.addMenu(document.getElementById("about")); menu5.addItem("Site History", "http://family.stjamesc.com/SiteHistory/SiteHistory2004.php"); menu5.addItem("Contact Rushton", "http://family.stjamesc.com/aboutus.htm"); // var submenu6 = menu5.addMenu(menu5.items[0]); // submenu6.addItem("2004", ""); // submenu6.addItem("2005", ""); // submenu6.addItem("2006", ""); // submenu6.addItem("2007", ""); //================================================================================================== //================================================================================================== // write drop downs into page //================================================================================================== // this method writes all the HTML for the menus into the page with document.write(). It must be // called within the body of the HTML page. //================================================================================================== TransMenu.renderAll(); }