// USE WORDWRAP AND MAXIMIZE THE WINDOW TO SEE THIS FILE c_styles={};c_menus={}; // do not remove this line /****************************************************** (1) GLOBAL SETTINGS *******************************************************/ c_hideTimeout=500; // 1000==1 second c_subShowTimeout=100; c_keepHighlighted=true; c_findCURRENT=false; // 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) /****************************************************** MENU STYLES (CSS CLASSES) Category Menu *******************************************************/ c_imagesPath=""; // path to the directory containing the menu images c_styles['CM']=[ // MainMenu (the shorter the class name the better) [ // MENU BOX STYLE 0, // BorderWidth 'solid', // BorderStyle (CSS valid values except 'none') '#cccccc', // BorderColor ('color') 0, // Padding '[../images/menubg.jpg] repeat-x', // 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') 'none', // OVER BorderStyle '#cccccc', // BorderColor ('color') '#666666', // OVER BorderColor '8', // Padding '[../images/menubg.jpg] repeat-x', // Background ('color','transparent','[image_source]') '[../images/menubg-hover.jpg] repeat-x', // OVER Background '#333333', // Color '#339933', // OVER Color '120%', // FontSize (values in CSS valid units - %,em,ex,px,pt) 'georgia,arial,verdana,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 'center', // TextAlign ('left','center','right','justify') 1, // ItemsSeparatorSize 'solid', // ItemsSeparatorStyle (border-style valid values) '#cccccc', // ItemsSeparatorColor ('color','transparent') 0, // ItemsSeparatorSpacing true, // UseSubMenuImage (true,false) '[h_arrow.gif]', // SubMenuImageSource ('[image_source]') '[h_arrow_over.gif]', // OverSubMenuImageSource 7, // SubMenuImageWidth 4, // SubMenuImageHeight '10', // SubMenuImageVAlign ('pixels from item top','middle') 'none', // VISITED BorderStyle '#cccccc', // VISITED BorderColor '[../images/menubg.jpg] repeat-x', // VISITED Background '#000000', // VISITED Color 'none', // VISITED TextDecoration '[h_arrow.gif]', // VISITED SubMenuImageSource 'solid', // CURRENT BorderStyle '#666666', // CURRENT BorderColor '[../images/menubg.jpg] repeat-x', // CURRENT Background '#000000', // CURRENT Color 'none', // CURRENT TextDecoration '[h_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) ]]; /****************************************************** MENU STYLES (CSS CLASSES) Header Menu *******************************************************/ c_imagesPath=""; // path to the directory containing the menu images c_styles['HM']=[ // MainMenu (the shorter the class name the better) [ // MENU BOX STYLE 0, // BorderWidth 'solid', // BorderStyle (CSS valid values except 'none') '#cccccc', // BorderColor ('color') 8, // Padding '[../images/menubg.jpg] repeat-x', // 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') 'none', // OVER BorderStyle '#cccccc', // BorderColor ('color') '#666666', // OVER BorderColor 8, // Padding '[../images/menubg.jpg] repeat-x', // Background ('color','transparent','[image_source]') '[../images/menubg-hover.jpg] repeat-x', // OVER Background '#333333', // Color '#339933', // OVER Color '120%', // FontSize (values in CSS valid units - %,em,ex,px,pt) 'georgia,arial,verdana,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 'center', // TextAlign ('left','center','right','justify') 0, // ItemsSeparatorSize 'solid', // ItemsSeparatorStyle (border-style valid values) '#cccccc', // ItemsSeparatorColor ('color','transparent') 0, // ItemsSeparatorSpacing false, // UseSubMenuImage (true,false) '[h_arrow.gif]', // SubMenuImageSource ('[image_source]') '[h_arrow_over.gif]', // OverSubMenuImageSource 7, // SubMenuImageWidth 4, // SubMenuImageHeight '10', // SubMenuImageVAlign ('pixels from item top','middle') 'none', // VISITED BorderStyle '#cccccc', // VISITED BorderColor '[../images/menubg.jpg] repeat-x', // VISITED Background '#000000', // VISITED Color 'none', // VISITED TextDecoration '[h_arrow.gif]', // VISITED SubMenuImageSource 'solid', // CURRENT BorderStyle '#666666', // CURRENT BorderColor '[../images/menubg.jpg] repeat-x', // CURRENT Background '#000000', // CURRENT Color 'none', // CURRENT TextDecoration '[h_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) ]]; c_styles['SM']=[ // SubMenus [ // MENU BOX STYLE 0, // BorderWidth 'solid', // BorderStyle (CSS valid values except 'none') '#ff0000', // BorderColor ('color') '', // Padding '', // 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 '1px', // BorderWidth 'solid', // BorderStyle (CSS valid values except 'none') 'none', // OVER BorderStyle '#cccccc', // BorderColor ('color') '#999999', // OVER BorderColor '23', // Padding '', // Background ('color','transparent','[image_source]') '', // OVER Background '#000000', // Color '#339933', // OVER Color '.9em', // FontSize (values in CSS valid units - %,em,ex,px,pt) 'verdana,arial,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 'none', // ItemsSeparatorStyle (border-style valid values) '#666666', // ItemsSeparatorColor ('color','transparent') 2, // ItemsSeparatorSpacing false, // UseSubMenuImage (true,false) '[v_arrow.gif]', // SubMenuImageSource ('[image_source]') '[v_arrow_over.gif]', // OverSubMenuImageSource 7, // SubMenuImageWidth 7, // SubMenuImageHeight '7', // SubMenuImageVAlign ('pixels from item top','middle') 'none', // VISITED BorderStyle '#333333', // VISITED BorderColor '', // VISITED Background '#000000', // VISITED Color 'none', // VISITED TextDecoration '[v_arrow.gif]', // VISITED SubMenuImageSource 'solid', // CURRENT BorderStyle '#666666', // CURRENT BorderColor '', // CURRENT Background '#000000', // CURRENT Color 'none', // CURRENT TextDecoration '[v_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['Menu1']=[ // the UL element with id="Menu1" [ // MAIN-MENU FEATURES 'horizontal', // ItemsArrangement ('vertical','horizontal') 'relative', // Position ('relative','absolute','fixed') '10', // X Position (values in CSS valid units- px,em,ex) '10', // 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) 0, // Y SubMenuOffset '290px', // Width (values in CSS valid units - px,em,ex) (matters for main menu with 'vertical' ItemsArrangement only) 'CM', // CSS Class (one of the defined in section 2) false // Open sub-menus onclick (default is onmouseover) ],[ // SUB-MENUS FEATURES 0, // X SubMenuOffset (pixels) 0, // Y SubMenuOffset '190px', // 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) ]]; /**** Horizontal header menu ****/ c_menus['Menu2']=[ // the UL element with id="Menu1" [ // MAIN-MENU FEATURES 'horizontal', // ItemsArrangement ('vertical','horizontal') 'relative', // Position ('relative','absolute','fixed') '100', // X Position (values in CSS valid units- px,em,ex) '100', // 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) 0, // Y SubMenuOffset '50px', // Width (values in CSS valid units - px,em,ex) (matters for main menu with 'vertical' ItemsArrangement only) 'HM', // CSS Class (one of the defined in section 2) false // Open sub-menus onclick (default is onmouseover) ], [ // SUB-MENUS FEATURES 0, // X SubMenuOffset (pixels) 0, // Y SubMenuOffset '200', // 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) ]];