//ejc last critical modifications made on aug 30/2001 //Mouseover images topnav with drop down menu //this version has been modified to accomodate the use of mouseovers in the top nav and not css properties //for ns6.x and ie4+ while using layers for ns4.x //this version uses mouseover images for the topnav for ns4.x, ie4+ and ns6.x while integrating the topnav //with the drop down menu. //revisions //revised dropdown border format for ie, ns4.x and ns6 05/10/01 //got rid of the top and bottom spacer for functionality in ie 05/10/01 //using css properties for top nav color change and not div's anymore 05/10/01 //meshed topnav css properties with dropdown menu for ie4+ 05/10/01 n/a //meshed topnav css properties with dropdown menu for ns6 05/16/01 n/a //revised the code that generates the border around that drop down layer //that is looks the same in all 3 browsers 05/23/01 //edited the topnav characteristics to allow for the use of mouseovers in the topnav 08/02/01 //ns6.x lower spacer fix so the spacer is the with of the document window. 08/29/01 function openflashWindow(url, name){popupWin = window.open(url, name, 'width=620,height=400,left=20,top=20');} /***************************************************************************************/ /* var expDays = 365; // number of days the cookie should last var page = "http://www.matisse.com/demo/flash_matisse.html"; var windowprops = "width=620,height=400,left=20,top=20"; function GetCookie (name) { var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen) { var j = i + alen; if (document.cookie.substring(i, j) == arg) return getCookieVal (j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break; } return null; } function SetCookie (name, value) { var argv = SetCookie.arguments; var argc = SetCookie.arguments.length; var expires = (argc > 2) ? argv[2] : null; var path = (argc > 3) ? argv[3] : null; var domain = (argc > 4) ? argv[4] : null; var secure = (argc > 5) ? argv[5] : false; document.cookie = name + "=" + escape (value) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain)) + ((secure == true) ? "; secure" : ""); } function DeleteCookie (name) { var exp = new Date(); exp.setTime (exp.getTime() - 1); var cval = GetCookie (name); document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString(); } var exp = new Date(); exp.setTime(exp.getTime() + (expDays*24*60*60*1000)); function amt(){ var count = GetCookie('count') if(count == null) { SetCookie('count','1') return 1 } else { var newcount = parseInt(count) + 1; DeleteCookie('count') SetCookie('count',newcount,exp) return count } } function getCookieVal(offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr)); } function checkCount() { var flash = GetCookie('flash'); if (flash == null) { flash=1; SetCookie('flash', flash, exp); window.open(page, "", windowprops); } else { flash++; SetCookie('flash', flash, exp); } } */ /***************************************************************************************/ /***************************************************************************************/ //the url to redirect to if the cookie has been found with the specific value //enter the destination url within the quotes. var myWinNt = siteurl + "forms/product_information/matisse.html"; var mySolaris = siteurl + "forms/product_information/matisse.html"; // Retrieve a named cookie value function getCookie2(name) { var dc = document.cookie; // find beginning of cookie value in document.cookie var prefix = name + "="; var begin = dc.indexOf("; " + prefix); if (begin == -1) { begin = dc.indexOf(prefix); if (begin != 0) return null; } else begin += 2; // find end of cookie value var end = document.cookie.indexOf(";", begin); if (end == -1) end = dc.length; // return cookie value return unescape(dc.substring(begin + prefix.length, end)); } function prepGetCookie() { if(location.href.indexOf("") != -1) { existence = getCookie2('matisse_form_os'); //look for a cookie with a specified name if(existence == null) { location.href = siteurl + "forms/developers/downloads/matisse.html"; } else { location.href = siteurl + "developers/downloads/additional_language.html"; } /* //uncomment these lines if you require different urls depending on the cookie value. else if(existence == "") location.href = myWinNt; else if(existence == "") location.href = mySolaris; */ } } if((document.location.href.indexOf("forms/product_information/matisse.html") != -1) && getCookie2("matisse_form_os") != null) location.href = siteurl + "developers/downloads/"; /***************************************************************************************/ function lnOverCol() { var inc, endInc=arguments.length; for (inc=0; inc color for ie and ns6 to the off state and it'll hide the dropdown's too function timedHideDropDown(whichTd) { topImg = whichTd; clearTimeout(domOver); domOver = setTimeout("hidePopupsNow(topImg)",300); } //used for ns4.x and making the moused over divs disappear promptly. function hidePopupsNow(actvImg) { //name for the image and the active image for use and hiding it is the actvImg variable if(currSec != actvImg) changeImages(actvImg+'img',siteurl+'/images/main_nav/'+ actvImg +'.gif'); if(!document.all && document.getElementById) // window.ActiveMenu.style.visibility = 'hidden'; window.hideMenu(window.ActiveMenu); else if(document.layers) hideMenu(window.ActiveMenu); else if(document.all) window.hideMenu(window.ActiveMenu); keepTop(); } //set the variable currSec which is set the location.href var currSec=''; if (document.location.href.indexOf('/about/') != -1) currSec="about"; else if (document.location.href.indexOf('/product_information/') != -1) currSec="product_information"; else if (document.location.href.indexOf('/services/') != -1) currSec="services"; else if (document.location.href.indexOf('/customers/') != -1) currSec="customers"; else if (document.location.href.indexOf('/partners/') != -1) currSec="partners"; else if (document.location.href.indexOf('/developers/') != -1) currSec="developers"; else currSec=""; function keepTop() { if(currSec != "") changeImages(currSec+'img',siteurl + 'images/main_nav/' + currSec+'_sect.gif'); } function activePic(img) { //mouseover the top and hide other active img/lyr if on, if not already set then company is set as the default hidePopupsNow(activeImg); keepTop(); //clear all timeouts clearTimeout(domOver); //the new active image is the incomming image activeImg = img; // toggleVisibility('lowerspacer','visible'); } var matisseNav = ''+ 'About Matisse'+ 'Product Information'+ 'Services'+ 'Customers'+ 'Partners'+ 'Developers'+ ''; if(!document.all && document.getElementById) var spacerWidth = window.innerWidth; else var spacerWidth = 600; var popupDivs = ''; //+ //''; function changeImages() { for (var i=0; i= 5)) var navNet=navigator.appName=="Netscape"; var navInt=parseInt(navigator.appVersion) >= 5; var is_nav5up=(navInt&&navNet); return is_nav5up; } /////////////////////////////////////////////////////////////////////////////////////////////// /** * by gary smith, July 1997 * Copyright (c) 1997-1999 Netscape Communications Corp. * Netscape grants you a royalty free license to use or modify this * software provided that this copyright notice appears on all copies. * This software is provided "AS IS," without a warranty of any kind. * ------------------------------------------------------------------ * DOM functionality by Eric Chaudry (ericc@atre.net), Atre Net Inc. August 2001 */ function Menu(label) { // keepTop(); this.version = "1.41 [menu.js; Menu; 010802]"; this.type = "Menu"; this.fontSize = 10 +'px'; this.fontWeight = "normal"; this.fontWeightOver = "bold"; this.fontFamily = "Verdana,Helvetica,Arial,sans-serif"; this.fontSpacingOver = 0 + 'px'; this.fontSpacingOff = 0 + 'px'; this.fontIndentOver = 4 + 'px'; this.fontIndentOff = 4 + 'px'; this.wordSpacingOver = 0 + 'px'; this.wordSpacingOff = 0 + 'px'; this.fontColor = "#ffffff"; this.fontColorHilite = "#ffffff"; this.bgColor = "#cc3333"; //ns4 bottom and right container border color this.menuBorder = 0; this.menuItemWidth = 120; this.menuItemBorder = 1; this.menuItemBgColor = "#cc3333"; //item color before mouseing over it for the first time this.menuLiteBgColor = "#cc3333"; //ns4 top and left container border color this.menuItemMouseOutColor = "#cc3333"; this.menuItemMouseOverColor = "#cc3333"; this.menuBorderBgColor = "#cc3333"; //for ns4 item over highlight this.menuHiliteBgColor = this.menuBorderBgColor; //item m/o color ns4 this.containerBorderColor = "#cc3333"; //ns4 no effect this.menuContainerBgColor = this.containerBorderColor; //"#0000FF"; //ns4 perimeter color for whole container this.menuPanelBgColor = "#cc3333"; //bgcolor for the bg panel for which all items are placed on top of; this has the lowest z index -->>> 1 // set the border variables for netscape 4.x set the type of border (solid) and the width of the border //without setting the specific variables for ns4.x, the drop down border will appear different --> not the wanted effect this.ns4PanelBorderTop = 'solid '+this.containerBorderColor+';' this.ns4PanelBorderTopWidth = 0 +'px'; this.ns4PanelBorderBottom = 'solid '+this.containerBorderColor+';' this.ns4PanelBorderBottomWidth = 5 +'px'; this.ns4PanelBorderLeft = 'solid '+this.containerBorderColor+';' this.ns4PanelBorderLeftWidth = 0 +'px'; this.ns4PanelBorderRight = 'solid '+this.containerBorderColor+';' this.ns4PanelBorderRightWidth = 5 +'px'; // set the border variables for ie and ns6, set the type of border (solid) and the width of the border this.panelBorderTop = 'solid '+this.containerBorderColor+';' this.panelBorderTopWidth = 0 +'px'; this.panelBorderBottom = 'solid '+this.containerBorderColor+';' this.panelBorderBottomWidth = 0 +'px'; this.panelBorderLeft = 'solid '+this.containerBorderColor+';' this.panelBorderLeftWidth = 0 +'px'; this.panelBorderRight = 'solid '+this.containerBorderColor+';' this.panelBorderRightWidth = 0 +'px'; this.domCellWidth = 142 +'px'; //used for ie4+ and for ns6, this must be less that the overall div width so the border around the div is visible on all sides. this.domCellHeight = 19 +'px'; //used for ie4+ and for ns6 this.itemBoxHeight = 19; //used in ns4.x only for the box height of each cell for the drop down. this.indentTextFromLeft = this.fontIndentOff; //used in ns4.x only for the text placement from left this.paddingInItemFromTop = 4 +'px'; //used in ns4.x only for text positioning within the drop down nav this.childMenuIcon = "images/arrows.gif"; this.childMenuIconHilite = "images/arrows2.gif"; this.items = new Array(); this.actions = new Array(); this.colors = new Array(); this.mouseovers = new Array(); this.mouseouts = new Array(); this.childMenus = new Array(); this.addMenuItem = addMenuItem; this.addMenuSeparator = addMenuSeparator; this.writeMenus = writeMenus; this.showMenu = showMenu; this.onMenuItemOver = onMenuItemOver; this.onMenuItemOut = onMenuItemOut; this.onMenuItemDown = onMenuItemDown; this.onMenuItemAction = onMenuItemAction; this.hideMenu = hideMenu; this.hideChildMenu = hideChildMenu; this.mouseTracker = mouseTracker; this.setMouseTracker = setMouseTracker; if (!window.menus){ window.menus = new Array(); } this.label = label || "menuLabel" + window.menus.length; window.menus[this.label] = this; window.menus[window.menus.length] = this; if (!window.activeMenus) window.activeMenus = new Array(); if (!window.menuContainers) window.menuContainers = new Array(); if (!window.mDrag) { window.mDrag = new Object(); mDrag.startMenuDrag = startMenuDrag; mDrag.doMenuDrag = doMenuDrag; this.setMouseTracker(); } if (window.MenuAPI) MenuAPI(this); } function addMenuItem(label, action, color, mouseover, mouseout) { this.items[this.items.length] = label; this.actions[this.actions.length] = action; this.colors[this.colors.length] = color; this.mouseovers[this.mouseovers.length] = mouseover; this.mouseouts[this.mouseouts.length] = mouseout; } function addMenuSeparator() { this.items[this.items.length] = "separator"; this.actions[this.actions.length] = ""; this.menuItemBorder = 0; } var rootUrl = ''; function statusLocation(zx9) { if((navigator.appName.indexOf("crosoft") != -1) && (navigator.appVersion.indexOf("4.01") != -1)) {rootUrl="";} else { this.zx9 = zx9 totalUrl = document.location.href; if(totalUrl.indexOf('/devsite/') != -1) { tmpUrl = totalUrl.search('/devsite/') + 9; rootUrl = totalUrl.slice(0,tmpUrl); rootUrl = zx9; } else { tmpUrl = totalUrl.search('.com/') + 5; rootUrl = totalUrl.slice(0,tmpUrl); } } return rootUrl; } function writeMenus(container) { if (!container && document.layers) { if (eval("document.width")) { container = new Layer(1000); } } else if (!container && document.all) { if (!document.all["menuContainer"]) { document.writeln(''); } container = document.all["menuContainer"]; } else if (!container && document.getElementById) { if(!document.getElementById("menuContainer")){ document.writeln(''); } isit = document.getElementById('menuContainer'); container = document.getElementById("menuContainer") mytext=''; } if (!container && !window.delayWriteMenus) { window.delayWriteMenus = this.writeMenus; window.menuContainerBgColor = this.menuContainerBgColor; setTimeout('delayWriteMenus()', 3000); return; } container.isContainer = "menuContainer" + menuContainers.length; menuContainers[menuContainers.length] = container; container.menus = new Array(); for (var i=0; i\n' + '\n'; var x=i; for (var i=0,y=0; i'+item+'\n'; proto.menuItemHeight = defaultHeight; proto.menuItemIndent = defaultIndent; countItems++; } content += '
\n'; var i=x; } } else if(document.layers) { for (var i=0; i