CSS Javascript Menu

//--- Common var isHorizontal=1; var smColumns=1; var smOrientation=0; var smViewType=0; var dmRTL=0; var pressedItem=-2; var itemCursor="default"; var itemTarget="_blank"; var statusString="text"; var blankImage="data-samples/images/blank.gif"; //--- Dimensions var menuWidth=""; var menuHeight=""; var smWidth=""; var smHeight=""; //--- Positioning var absolutePos=0; var posX="20"; var posY="10"; var topDX=0; var topDY=-3; var DX=-5; var DY=0; //--- Font var fontStyle=""; var fontColor=["",""]; var fontDecoration=["overline","overline"]; var fontColorDisabled="#AAAAAA"; //--- Appearance var menuBackColor="#FFFFFF"; var menuBackImage=""; var menuBackRepeat="repeat"; var menuBorderColor="#BFBFBF #737373 #4D4D4D #AAAAAA "; var menuBorderWidth=1; var menuBorderStyle="solid"; //--- Item Appearance var itemBackColor=["",""]; var itemBackImage=["",""]; var itemBorderWidth=0; var itemBorderColor=["",""]; var itemBorderStyle=["solid","solid"]; var itemSpacing=0; var itemPadding="5"; var itemAlignTop="left"; var itemAlign="left"; var subMenuAlign="left"; //--- Icons var iconTopWidth=16; var iconTopHeight=16; var iconWidth=16; var iconHeight=16; var arrowWidth=7; var arrowHeight=7; var arrowImageMain=["",""]; var arrowImageSub=["arrow_sub6.gif","arrow_sub7.gif"]; //--- Separators var separatorImage="separ1.gif"; var separatorWidth="100%"; var separatorHeight="5"; var separatorAlignment="center"; var separatorVImage="separv1.gif"; var separatorVWidth="5"; var separatorVHeight="34"; var separatorPadding="0px"; //--- Floatable Menu var floatable=0; var floatIterations=5; var floatableX=1; var floatableY=1; //--- Movable Menu var movable=0; var moveWidth=12; var moveHeight=18; var moveColor="#AA0000"; var moveImage=""; var moveCursor="move"; var smMovable=0; var closeBtnW=15; var closeBtnH=15; var closeBtn=""; //--- Transitional Effects & Filters var transparency="90"; var transition=24; var transOptions=""; var transDuration=300; var transDuration2=200; var shadowLen=3; var shadowColor="#555555"; var shadowTop=0; //--- CSS Support (CSS-based Menu) var cssStyle=1; var cssSubmenu="submenu"; var cssItem=["itemNormal","itemOver"]; var cssItemText=["itemTextNormal","itemTextOver"]; //--- Advanced var dmObjectsCheck=0; var saveNavigationPath=1; var showByClick=0; var noWrap=1; var pathPrefix_img="data-samples/images/"; var pathPrefix_link="data-samples/"; var smShowPause=200; var smHidePause=1000; var smSmartScroll=1; var topSmartScroll=0; var smHideOnClick=1; var dm_writeAll=0; //--- AJAX-like Technology var dmAJAX=0; var dmAJAXCount=0; //--- Dynamic Menu var dynamic=0; //--- Keystrokes Support var keystrokes=0; var dm_focus=1; var dm_actKey=113; var itemStyles = [ ["CSS=topItemNormal,topItemOver","CSSText=topItemTextNormal,topItemTextOver"], ]; var menuStyles = [ ["CSS=topMenu"], ]; var menuItems = [ ["Home","testlink.htm", "css/icon1.gif", "css/icon12.gif", "Home Tip", , "0", "0", , ], ["Product Info","", "css/icon2.gif", "css/icon22.gif", "Product Info Tip", , "0", , , ], ["|Features","testlink.htm"], ["|Installation",""], ["||Description of Files","testlink.htm"], ["||How To Setup","testlink.htm"], ["|Parameters Info","testlink.htm"], ["|-",""], ["|Dynamic Functions","testlink.htm"], ["|Supported Browsers",""], ["||Windows OS",""], ["|||Internet Explorer",""], ["|||Firefox",""], ["|||Mozilla",""], ["|||Opera",""], ["|||Netscape Navigator",""], ["||MAC OS",""], ["|||Firefox",""], ["|||Safari",""], ["|||Internet Explorer",""], ["||Unix/Linux OS",""], ["|||Firefox",""], ["|||Konqueror",""], ["Samples","", "css/icon3.gif", "css/icon32.gif", , , "0", , , ], ["|Sample 1","testlink.htm"], ["|Sample 2","testlink.htm"], ["|Sample 3","testlink.htm"], ["|Sample 4","testlink.htm"], ["|Sample 5","testlink.htm"], ["|Sample 6","testlink.htm"], ["Purchase","testlink.htm", "css/icon4.gif", "css/icon42.gif", , , "0", , , ], ["Contact Us","testlink.htm", , , , , "0", , , ], ]; dm_init();