// side_bar: Side bar creation script // // Javascript 1.2 // // Set of Utilities to create a side bar and bottom bar components // Should be easily modifiable for use with any site. // The side bar call assumes that it occurs inside a // definition- this is to allow the use of a large table for // the entire page- a small column enclosing the side bar and // a larger column enclosing the content. Here is a template page // definition employing both a side and a bottom bar: // // // // Yer Title // // // // //

// // // // //

// //

//

Content Goes Here

//

// // // // // // // // // Feel free to use and modify this script but please leave the // credit comments at the header and drop me a note: // mcdermoj@ohsu.edu // // JEMWorks Design Division, 2000 page_list = new Array( "Entry", "Meeting", "Proposal", "Ceremony", "Future", "Information", "Links", "Guestbook", "About Us" ) index_list = new Array( "bar_entry", "bar_meeting", "bar_proposal", "bar_ceremony", "bar_future", "bar_info", "bar_links", "bar_guest", "bar_aboutus" ) index2_list = new Array( "entry", "meeting", "proposal", "ceremony", "future", "info_main", "links", "guestbook", "aboutus" ) html_list = new Array( "entry.html", "meeting.html", "proposal.html", "ceremony.html", "future.html", "info_main.html", "links.html", "guestbook.html", "aboutus.html" ) comment_list = new Array( "Back to Main Page", "How We Met", "The Story of the Proposal", "The Trimmings", "Our dreams, plans, etc.", "Information on the event", "Interesting and related links", "Sign in on our Guestbook", "Who Are We?" ) sub_entry = 0 sub_meeting = new Array( "Story Part I", "meeting_part1.html", "How I found Happiness...", "Story Part II", "meeting_part2.html", "She Loves Me?", "Story Part III", "meeting_part3.html", "US!", "Slide Show- High", "meeting.html", "Higher Bandwidth Slide Show", "Slide Show- Low", "meeting.html", "Lower Bandwidth Slide Show" ) sub_proposal = new Array( "Preface", "proposal_story1.html", "A Preface to the Proposal", "Ring Quest", "proposal_story2.html", "Searching out and finding the perfect ring", "Proposal Proper", "proposal_story3.html", "(red truck???)" ) sub_ceremony = new Array( "Invitations", "invitation.html", "View Our Invitations", "Thoughts", "ceremony_thoughts.html", "Thoughts about the ceremony", "Party", "ceremony_party.html", "Our Wedding Party" ) sub_future = 0 sub_info_main = new Array( "Gift Registry", "info_registry.html", "Where Are We Registered (and for what)?" ) sub_links = new Array( "Maps & Directions", "link_maps.html", "How to get there and around there", "Lodging & Camping", "link_lodge.html", "Where to stay in the area", "Things to Do", "link_activity.html", "Places to visit, sights, activities and vineyards", "Portland", "link_portland.html", "JaSonyas Guide to the Big City", "Wedding Related", "link_wedding.html", "Food, Ceremony, Traditions, etc. Related to the Event!", "Links by You!", "link_forall.html", "Add Own Links in several categories", "Other Links", "link_misc.html", "Links that just dont fit" ) sub_guestbook = 0 sub_aboutus = 0 bottom_bar = new Array( "Top", "#bar_topping", "Back to the top of this page", "Guestbook", "guestbook.html", "Sign our Guestbook and tell us what you think!", "Contact Us", "aboutus.html#contact_info", "How to get in touch with us more directly", "Links", "links.html", "Wedding related links page" ) sub_indices = false; function write_bar(this_page) { sub = false; if (arguments[1]) sub = true; self.status='Pre-Loading Images....' preload_hilist(index_list, "./images/side_bar/", ".GIF") self.status='' document.write("") document.write("") i = 0 while (index_list[i]) { img_entry = " $\""+$ "; if (((this_page + ".html") != html_list[i]) || sub) { bar_entry = ""; document.write(bar_entry); document.write(img_entry); document.write("
"); if (sub && ((this_page + ".html") == html_list[i])) { subindex_bar(this_page, 15, 0) } } else { img_entry = "

"; document.write(img_entry + "
") if (sub_indices) subindex_bar(this_page, 15, 0) } i = i + 1 } document.write("") } function subindex_bar(page, indent) { if (arguments[2]) vspace = arguments[2]; else vspace=6; sub_page = "sub_" + page sub_arr = eval(sub_page) if (sub_arr) { j = 0 document.write("") while (sub_arr[j]) { document.write("

") document.write("") document.write(sub_arr[j]) document.write("
") j = j + 3 } document.write("
") } } function simple_bar(this_page, color) { // display all sub-indices at once if this_page is set to 'all' or 'ALL' allpage = false; if ((this_page == "all") || (this_page == "ALL")) allpage = true; bullet=0 if (arguments[2]) bullet = argument[2]; document.write("") document.write("") color_txt = "" if (color) color_txt = "COLOR=\"" + color + "\"" document.write("") i = 0 while (index_list[i]) { text_entry = "" if (bullet) text_entry = "

"; document.write(text_entry) document.write("" + page_list[i] + "") document.write("
") if (allpage) subindex_bar(index2_list[i], 12); if (this_page + ".html" == html_list[i]) subindex_bar(this_page, 12); else document.write("
"); i = i + 1 } document.write("") } bottom_img = "nothing.gif" bottom_corner = "nothing.gif" function tail_bar(this_page) { backg = 0; if (arguments[1]) backg = arguments[1] switch (backg) { case 0: bottom_img = "nothing.gif" bottom_corner = "nothing.gif" break; case 1: bottom_img = "bottom_bar.gif" bottom_corner = "bottom_corner.gif" break; case 2: bottom_img = "bottom_bar2.gif" bottom_corner = "nothing.gif" break; case 3: bottom_img = "nothing.gif" bottom_corner = "nothing.gif" } table_credit(backg) } function table_credit(backg) { document.write("

") if (!backg) document.write("") document.write("") document.write("") document.write("") } function write_layerbar(backg) { // NS with Layers? Note: we should be able to use CSS just as well but it doesn't seem // to work in NS the same way it does in IE, funny. if (document.layers) { document.write("") document.write("

| ") i = 0 while (bottom_bar[i]) { document.write("") document.write(bottom_bar[i] + " | ") i += 3 } document.write("") } // IE with CSS? if (document.all) { document.write("" + "

" + "| ") i = 0 while (bottom_bar[i]) { document.write("") document.write(bottom_bar[i] + " | ") i += 3 } document.write("") } // otherwise Do it with tables if (!document.all && !document.layers) { document.write("

") else document.write("

") write_tablebar(backg) } function write_credit(backg) { bgcolor = "" if (backg == 3) bgcolor = "BGCOLOR=\"#FFFFFF\"" document.write("

") document.write("") document.write("

") document.write("
") document.write("") document.write("© JaSonya Ventures, 2000
") document.write("All Rights Reserved.

Hosted By:
") document.write("

") document.write(" $\"www.NoMonthlyFees.com\"$

") document.write("

") document.write("

| ") i = 0 while (bottom_bar[i]) { document.write("") document.write(bottom_bar[i] + " | ") i += 3 } document.write("

") } } function write_tablebar(backg) { document.write("") document.write("

") document.write("

| ") i = 0 while (bottom_bar[i]) { document.write("") document.write(bottom_bar[i] + " | ") i += 3 } document.write("

") } function sub_bar(the_page) { }