/* Template site structure and static definitions for Duke University's OIT's Office of Web services (OWS) generated templates */ // STATIC DEFINITIONS AREA // // var rootRelativePath = "/ows/"; /* Declare the root-relative path to the site */ var rootRelativePath = "/"; // Currently used to keep all references relative to calling files. Use the line above once this site is migrated to a real site. var imagesDirectory = rootRelativePath + "images/" /* Declare the path to the images directory on the site */ var includesDirectory = rootRelativePath + "includes/"; /* Declare the path to the includes directory (if used), for things like external CSS stylsheet files, JavaScript files, etc. */ var siteName = "OWS"; // This is the name that will appear in the lower breadcrumbs as the link text that will return the user to the home page of the site. var leftsideHomeLinkImageName = "leftside_home.gif"; // This is the site name image that appears just below the top banner and links to the home page (full filename with extension) (leave as an empty string if the site uses text links) var leftsideHomeLinkImageWidth = 169; // The height of the leftside home link image (set to zero if the site uses text links) var leftsideHomeLinkImageHeight = 29;// The width of the leftside home link image (set to zero if the site uses text links) var leftsideHomeLinkText = ""; // The site name text that appears just below the top banner and links to the home page (leave as an empty string if the site uses image links) var leftsideMenuDividerName = "leftside_menu_divider.gif"; // This is the name of the image that appears between leftside menu navigation links, usually a gray 1-pixel bar (full filename with extension) (leave as an empty string if the site uses text links) var leftsideMenuDividerWidth = 169; // The height of the leftside home link image (set to zero if the site uses text links) var leftsideMenuDividerHeight = 1;// The width of the leftside home link image (set to zero if the site uses text links) var leftsideMenuWidth = 169; // This is the pixel width of the leftside menu. It really would only come into play with leftside menus that are text (not images) and that have subcategories... // END STATIC DEFINITIONS AREA // SUBMENU COLOR AND FONT SELECTION AREA // Let's have some fun defining the submenu color and font options (these will allow you to customize the submenus) var submenusLinkFontColor = "#003366"; // This color controls the individual submenu text color while the submenu is not selected var submenusHoverLinkFontColor = "#000000"; // This color controls the individual submenu text color when the submenu is selected var submenusIndividualMenuAreaBackgroundColor = "#FFFFFF"; // This color controls how the individual submenu options' background looks while the submenu is not selected var submenusHoverBackgroundColor = "#E0C98C"; // This color controls how the individual submenu options' background looks when the submenu is selected var submenusLeftAndTopBorderColors = "#FFFFFF"; // This color controls the top and outermost left border colors (part of the shadowing effect) var submenusInteriorAndRightandBottomBorderColors = "#999999"; // This color controls the interior lines of the submenu, as well as the far right and bottom borders (the latter two are part of the shadowing). var submenusBaseLayerBackgroundColor = "#999999"; // This is the bottom layer color (strong colors tend to override the colors for submenusLeftAndTopBorderColors and submenusInteriorAndRightandBottomBorderColors var submenusFontFamily = "Verdana,Arial,Helvetica,sans-serif"; // This is the font-family used for the submenus (this should mimic the font-family defined for in the accompanying "site_stylesheet.css" stylsheet for this site. var submenusFontSize = 12; // The point size of the submenu fonts (you can't use ems currently because you need to go through the MM maker function and add a scale attribute) var submenusPadding = 3; // The padding (in pixels) for the individual submenus relative to the container holding the text var submenuPixelHeight = Math.ceil(((submenusFontSize * (1 + (1/3))) + submenusPadding)); // The height of the individual submenu boxes (text and background) (in pixels currently, because making them ems would mean a lot of code modification) (if this equation isn't working, then hard code it) var submenusHorizontalAlignment = "left"; // The horizontal alignment of the individual submenus (left, center, right, etc.) var submenusVerticalAlignment = "middle"; // The vertical alignment of the individual submenus (top, middle, bottom, etc.) var submenusSpacing = 0; // The spacing (in pixels) between each submenu listing box var submenusHidingTimeOut = 500; // The time (in milliseconds) before hiding the submenu after rolling out var submenusXaxisOffset = -5; // The offset (in pixels) from the right edge of the menu to start displaying the submenu var submenusYaxisOffset = 7; // The offset (in pixels) from the top edge of the menu to start displaying the submenu var submenusRelativeToItem = true; // This indicates whether to display the submenu relative to the item (unclear what false actually does, though) var submenusOpaque = true; // Indicates whether to make the submenu borders and backgrounds transparent (false) or opaque (true). This doesn't make the textblocks transparent. var submenusVerticalIndicator = true; // This indicates whether the submenu will display as a stacked vertical list (true) or as a horizontal-aligned list (false) var submenusItemIndent = 0; // This indicates the indent amount (in pixels) of each text submenu entry // END SUBMENU AESTHETICS AREA // RANDOM IMAGE GENERATION AREA // Add random image to the page. These are intended to be all the same height and width. var randomImageHeightOneColumn = "151"; // The height of the random images (in pixels) for 1-column pages var randomImageWidthOneColumn = "225"; // The height of the random images (in pixels) for 1-column pages var randomImageHeightTwoColumn = "148"; // The height of the random images (in pixels) for 2-column pages var randomImageWidthTwoColumn = "159"; // The height of the random images (in pixels) for 2-column pages var imageArray = new Array(); // Array to hold random image information imageArray[0] = new Array(); imageArray[0]["src"] = imagesDirectory + "screenshot_zope.jpg"; imageArray[0]["altTag"] = "Content Management System"; imageArray[1] = new Array(); imageArray[1]["src"] = imagesDirectory + "screenshot_calendar.jpg"; imageArray[1]["altTag"] = "Duke Calendar"; imageArray[2] = new Array(); imageArray[2]["src"] = imagesDirectory + "screenshot_extranet.jpg"; imageArray[2]["altTag"] = "Client Project Extranet"; imageArray[3] = new Array(); imageArray[3]["src"] = imagesDirectory + "screenshot_studentportal.jpg"; imageArray[3]["altTag"] = "Student Portal Information Site"; imageArray[4] = new Array(); imageArray[4]["src"] = imagesDirectory + "screenshot_womensinit.jpg"; imageArray[4]["altTag"] = "Women's Initiative Web site"; imageArray[5] = new Array(); imageArray[5]["src"] = imagesDirectory + "screenshot_teachres.jpg"; imageArray[5]["altTag"] = "Teaching Resources Web site"; imageArray[6] = new Array(); imageArray[6]["src"] = imagesDirectory + "screenshot_mlwcenter1.jpg"; imageArray[6]["altTag"] = "Mary Lou Williams Center Web site"; imageArray[7] = new Array(); imageArray[7]["src"] = imagesDirectory + "screenshot_campuslife.jpg"; imageArray[7]["altTag"] = "Campus Life Web site"; imageArray[8] = new Array(); imageArray[8]["src"] = imagesDirectory + "screenshot_studentcenter2.jpg"; imageArray[8]["altTag"] = "West Campus Student Center Web site"; imageArray[9] = new Array(); imageArray[9]["src"] = imagesDirectory + "screenshot_graduation1.jpg"; imageArray[9]["altTag"] = "Graduation Weekend Web site"; imageArray[10] = new Array(); imageArray[10]["src"] = imagesDirectory + "screenshot_graduation2.jpg"; imageArray[10]["altTag"] = "Graduation Weekend Web site"; imageArray[11] = new Array(); imageArray[11]["src"] = imagesDirectory + "screenshot_mlwcenter2.jpg"; imageArray[11]["altTag"] = "Mary Lou Williams Center Web site"; // END RANDOM IMAGE GENERATION AREA // SITE ARRAY AREA /* Let's have some fun declaring the site structure through an array. In theory, this array can have as many nested arrays (multi-dimensions) as the site needs. Currently the javascript only supports a single level of nested (subcategory) arrays, in part because of time constraints, and in part because most websites don't (and probably shouldn't) have three or more levels of menus for its navigation. The benefit of this array is that the individual pages will only need a single script declaration that identifies the page within the structure. The array structure will take care of the rest, and the array is an extensible as needed to provide a lot of information about the page, including its title, a description (if necessary), link page, subdirectories (as arrays), and so on. The only aspect to be careful about is that search robots like Google DO NOT execute script as they crawl a site, so it's imperative that the pages that use JavaScript and this array to generate navigation and navigational features (such as breadcrumbs), must also contain