// USE WORDWRAP AND MAXIMIZE THE WINDOW TO SEE THIS FILE c_styles = {}; c_menus = {}; // do not remove this line // You can remove most comments from this file to reduce the size if you like. /****************************************************** (1) GLOBAL SETTINGS *******************************************************/ c_hideTimeout = 100; // 1000 == 1 second c_subShowTimeout = 50; c_keepHighlighted = true; c_findCURRENT = true; // find the item linking to the current page and apply it the CURRENT style class c_findCURRENTTree = true; c_overlapControlsInIE = true; c_rightToLeft = false; // if the menu text should have "rtl" direction (e.g. Hebrew, Arabic) /****************************************************** (2) MENU STYLES (CSS CLASSES) *******************************************************/ // You can define different style classes here and then assign them globally to the menu tree(s) // in section 3 below or set them to any UL element from your menu tree(s) in the page source c_imagesPath = "js/menu_js/"; // path to the directory containing the menu images c_styles['MM'] = [ // MainMenu (the shorter the class name the better) [ // MENU BOX STYLE 0, // BorderWidth 'solid', // BorderStyle (CSS valid values except 'none') '#FFFFFF', // BorderColor ('color') 0, // Padding '#D61818', // Background ('color','transparent','[image_source]') '', // IEfilter (only transition filters work well - not static filters) '' // Custom additional CSS for the menu box (valid CSS) ],[ // MENU ITEMS STYLE 0, // BorderWidth 'solid', // BorderStyle (CSS valid values except 'none') 'solid', // OVER BorderStyle '#91BAC7', // BorderColor ('color') '#D61818', // OVER BorderColor 10, // Padding '#D61818', // Background ('color','transparent','[image_source]') '#000000', // OVER Background '#FFFFFF', // Color '#FFFFFF', // OVER Color '13px', // FontSize (values in CSS valid units - %,em,ex,px,pt) 'Arial, "Trebuchet Ms", Helvetica, sans-serif', // FontFamily 'bold', // FontWeight (CSS valid values - 'bold','normal','bolder','lighter','100',...,'900') 'none', // TextDecoration (CSS valid values - 'none','underline','overline','line-through') 'none', // OVER TextDecoration 'left', // TextAlign ('left','center','right','justify') 0, // ItemsSeparatorSize 'solid', // ItemsSeparatorStyle (border-style valid values) '#FFFFFF', // ItemsSeparatorColor ('color','transparent') 0, // ItemsSeparatorSpacing true, // UseSubMenuImage (true,false) '[h_web2.0_arrow.gif]', // SubMenuImageSource ('[image_source]') '[h_web2.0_arrow.gif]', // OverSubMenuImageSource 8, // SubMenuImageWidth 4, // SubMenuImageHeight '17', // SubMenuImageVAlign ('pixels from item top','middle') 'solid', // VISITED BorderStyle '#91BAC7', // VISITED BorderColor '#D61818', // VISITED Background '#FFFFFF', // VISITED Color 'none', // VISITED TextDecoration '[h_web2.0_arrow.gif]', // VISITED SubMenuImageSource 'solid', // CURRENT BorderStyle '#91BAC7', // CURRENT BorderColor '#555555', // CURRENT Background '#FFFFFF', // CURRENT Color 'none', // CURRENT TextDecoration '[h_web2.0_arrow.gif]', // CURRENT SubMenuImageSource 'margin-left:10px;padding:10px 20px;', // Custom additional CSS for the items (valid CSS) '', // OVER Custom additional CSS for the items (valid CSS) '', // CURRENT Custom additional CSS for the items (valid CSS) '' // VISITED Custom additional CSS for the items (valid CSS) ]]; c_styles['SM'] = [ // SubMenus [ // MENU BOX STYLE 0, // BorderWidth 'solid', // BorderStyle (CSS valid values except 'none') '#C81616', // BorderColor ('color') 0, // Padding 'none', // Background ('color','transparent','[image_source]') '', // IEfilter (only transition filters work well - not static filters) '' // Custom additional CSS for the menu box (valid CSS) ],[ // MENU ITEMS STYLE 0, // BorderWidth 'solid', // BorderStyle (CSS valid values except 'none') 'solid', // OVER BorderStyle '#91BAC7', // BorderColor ('color') 'none', // OVER BorderColor 5, // Padding '#D61818', // Background ('color','transparent','[image_source]') '#000000', // OVER Background '#FFFFFF', // Color '#FFFFFF', // OVER Color '13px', // FontSize (values in CSS valid units - %,em,ex,px,pt) 'Arial, "Trebuchet Ms", Helvetica, sans-serif', // FontFamily 'normal', // FontWeight (CSS valid values - 'bold','normal','bolder','lighter','100',...,'900') 'none', // TextDecoration (CSS valid values - 'none','underline','overline','line-through') 'none', // OVER TextDecoration 'left', // TextAlign ('left','center','right','justify') 0, // ItemsSeparatorSize 'solid', // ItemsSeparatorStyle (border-style valid values) '#FFFFFF', // ItemsSeparatorColor ('color','transparent') 0, // ItemsSeparatorSpacing true, // UseSubMenuImage (true,false) '[v_web2.0_arrow.gif]', // SubMenuImageSource ('[image_source]') '[v_web2.0_arrow.gif]', // OverSubMenuImageSource 8, // SubMenuImageWidth 8, // SubMenuImageHeight '11', // SubMenuImageVAlign ('pixels from item top','middle') 'solid', // VISITED BorderStyle '#91BAC7', // VISITED BorderColor '#D61818', // VISITED Background '#FFFFFF', // VISITED Color 'none', // VISITED TextDecoration '[v_web2.0_arrow.gif]', // VISITED SubMenuImageSource 'solid', // CURRENT BorderStyle '#91BAC7', // CURRENT BorderColor '#555555', // CURRENT Background '#FFFFFF', // CURRENT Color 'none', // CURRENT TextDecoration '[v_web2.0_arrow.gif]', // CURRENT SubMenuImageSource 'padding-left:8px;padding-right:12px;min-width:150px;', // Custom additional CSS for the items (valid CSS) '', // OVER Custom additional CSS for the items (valid CSS) '', // CURRENT Custom additional CSS for the items (valid CSS) '' // VISITED Custom additional CSS for the items (valid CSS) ]]; /****************************************************** (2) MENU STYLES (CSS CLASSES) *******************************************************/ // You can define different style classes here and then assign them globally to the menu tree(s) // in section 3 below or set them to any UL element from your menu tree(s) in the page source c_imagesPath = "js/menu_js/"; // path to the directory containing the menu images c_styles['MM1'] = [ // MainMenu (the shorter the class name the better) [ // MENU BOX STYLE 0, // BorderWidth 'solid', // BorderStyle (CSS valid values except 'none') '#FFFFFF', // BorderColor ('color') 0, // Padding 'none', // Background ('color','transparent','[image_source]') '', // IEfilter (only transition filters work well - not static filters) '' // Custom additional CSS for the menu box (valid CSS) ],[ // MENU ITEMS STYLE 0, // BorderWidth 'solid', // BorderStyle (CSS valid values except 'none') 'solid', // OVER BorderStyle '#91BAC7', // BorderColor ('color') 'none', // OVER BorderColor 10, // Padding 'none', // Background ('color','transparent','[image_source]') '#23748E', // OVER Background '#FFFFFF', // Color '#FFFFFF', // OVER Color '13px', // FontSize (values in CSS valid units - %,em,ex,px,pt) '"trebuchet ms",verdana,arial,helvetica,sans-serif', // FontFamily 'bold', // FontWeight (CSS valid values - 'bold','normal','bolder','lighter','100',...,'900') 'none', // TextDecoration (CSS valid values - 'none','underline','overline','line-through') 'none', // OVER TextDecoration 'left', // TextAlign ('left','center','right','justify') 0, // ItemsSeparatorSize 'solid', // ItemsSeparatorStyle (border-style valid values) '#FFFFFF', // ItemsSeparatorColor ('color','transparent') 0, // ItemsSeparatorSpacing true, // UseSubMenuImage (true,false) '[h_web2.0_arrow.gif]', // SubMenuImageSource ('[image_source]') '[h_web2.0_arrow.gif]', // OverSubMenuImageSource 8, // SubMenuImageWidth 4, // SubMenuImageHeight '18', // SubMenuImageVAlign ('pixels from item top','middle') 'solid', // VISITED BorderStyle '#91BAC7', // VISITED BorderColor 'none', // VISITED Background '#FFFFFF', // VISITED Color 'none', // VISITED TextDecoration '[h_web2.0_arrow.gif]', // VISITED SubMenuImageSource 'solid', // CURRENT BorderStyle '#91BAC7', // CURRENT BorderColor 'none', // CURRENT Background '#FFFFFF', // CURRENT Color 'none', // CURRENT TextDecoration '[h_web2.0_arrow.gif]', // CURRENT SubMenuImageSource 'border-left:solid 1px #91BAC7;border-right:solid 1px #195366;', // Custom additional CSS for the items (valid CSS) 'border-left:solid 1px #91BAC7;border-right:solid 1px #195366;', // OVER Custom additional CSS for the items (valid CSS) 'border-left:solid 1px #91BAC7;border-right:solid 1px #195366;', // CURRENT Custom additional CSS for the items (valid CSS) 'border-left:solid 1px #91BAC7;border-right:solid 1px #195366;' // VISITED Custom additional CSS for the items (valid CSS) ]]; c_styles['SM1'] = [ // SubMenus [ // MENU BOX STYLE 0, // BorderWidth 'solid', // BorderStyle (CSS valid values except 'none') '#91BAC7', // BorderColor ('color') 0, // Padding '#23748E', // Background ('color','transparent','[image_source]') '', // IEfilter (only transition filters work well - not static filters) 'border-bottom-width:1px;border-top-width:1px;' // Custom additional CSS for the menu box (valid CSS) ],[ // MENU ITEMS STYLE 0, // BorderWidth 'solid', // BorderStyle (CSS valid values except 'none') 'solid', // OVER BorderStyle '#91BAC7', // BorderColor ('color') '#23748E', // OVER BorderColor 6, // Padding '#23748E', // Background ('color','transparent','[image_source]') '#555555', // OVER Background '#FFFFFF', // Color '#FFFFFF', // OVER Color '13px', // FontSize (values in CSS valid units - %,em,ex,px,pt) 'Arial, "Trebuchet Ms", Helvetica, sans-serif', // FontFamily 'normal', // FontWeight (CSS valid values - 'bold','normal','bolder','lighter','100',...,'900') 'none', // TextDecoration (CSS valid values - 'none','underline','overline','line-through') 'none', // OVER TextDecoration 'left', // TextAlign ('left','center','right','justify') 0, // ItemsSeparatorSize 'solid', // ItemsSeparatorStyle (border-style valid values) '#FFFFFF', // ItemsSeparatorColor ('color','transparent') 0, // ItemsSeparatorSpacing true, // UseSubMenuImage (true,false) '[v_web2.0_arrow.gif]', // SubMenuImageSource ('[image_source]') '[v_web2.0_arrow.gif]', // OverSubMenuImageSource 8, // SubMenuImageWidth 8, // SubMenuImageHeight '11', // SubMenuImageVAlign ('pixels from item top','middle') 'solid', // VISITED BorderStyle '#91BAC7', // VISITED BorderColor '#23748E', // VISITED Background '#FFFFFF', // VISITED Color 'none', // VISITED TextDecoration '[v_web2.0_arrow.gif]', // VISITED SubMenuImageSource 'solid', // CURRENT BorderStyle '#91BAC7', // CURRENT BorderColor '#23748E', // CURRENT Background '#FFFFFF', // CURRENT Color 'none', // CURRENT TextDecoration '[v_web2.0_arrow.gif]', // CURRENT SubMenuImageSource '', // Custom additional CSS for the items (valid CSS) '', // OVER Custom additional CSS for the items (valid CSS) '', // CURRENT Custom additional CSS for the items (valid CSS) '' // VISITED Custom additional CSS for the items (valid CSS) ]]; /****************************************************** (3) MENU TREE FEATURES *******************************************************/ // Normally you would probably have just one menu tree (i.e. one main menu with sub menus). // But you are actually not limited to just one and you can have as many menu trees as you like. // Just copy/paste a config block below and configure it for another UL element if you like. c_menus['Menu'] = [ // the UL element with id="Menu1" [ // MAIN-MENU FEATURES 'horizontal', // ItemsArrangement ('vertical','horizontal') 'relative', // Position ('relative','absolute','fixed') '0', // X Position (values in CSS valid units- px,em,ex) '0', // Y Position (values in CSS valid units- px,em,ex) false, // RightToLeft display of the sub menus false, // BottomToTop display of the sub menus 0, // X SubMenuOffset (pixels) 1, // Y SubMenuOffset '11em', // Width (values in CSS valid units - px,em,ex) (matters for main menu with 'vertical' ItemsArrangement only) 'MM', // CSS Class (one of the defined in section 2) false // Open sub-menus onclick (default is onmouseover) ],[ // SUB-MENUS FEATURES 0, // X SubMenuOffset (pixels) -1, // Y SubMenuOffset 'auto', // Width ('auto',values in CSS valid units - px,em,ex) '100', // MinWidth ('pixels') (matters/useful if Width is set 'auto') '300', // MaxWidth ('pixels') (matters/useful if Width is set 'auto') 'SM', // CSS Class (one of the defined in section 2) false // Open sub-menus onclick (default is onmouseover) ]]; c_menus['Menu1'] = [ // the UL element with id="Menu1" [ // MAIN-MENU FEATURES 'horizontal', // ItemsArrangement ('vertical','horizontal') 'relative', // Position ('relative','absolute','fixed') '0', // X Position (values in CSS valid units- px,em,ex) '0', // Y Position (values in CSS valid units- px,em,ex) false, // RightToLeft display of the sub menus false, // BottomToTop display of the sub menus 0, // X SubMenuOffset (pixels) 1, // Y SubMenuOffset '11em', // Width (values in CSS valid units - px,em,ex) (matters for main menu with 'vertical' ItemsArrangement only) 'MM1', // CSS Class (one of the defined in section 2) false // Open sub-menus onclick (default is onmouseover) ],[ // SUB-MENUS FEATURES 0, // X SubMenuOffset (pixels) -1, // Y SubMenuOffset 'auto', // Width ('auto',values in CSS valid units - px,em,ex) '100', // MinWidth ('pixels') (matters/useful if Width is set 'auto') '300', // MaxWidth ('pixels') (matters/useful if Width is set 'auto') 'SM1', // CSS Class (one of the defined in section 2) false // Open sub-menus onclick (default is onmouseover) ]];