/* Parameters Info var bblankImage = "images/tabs/tabs/1x1.gif"; Path to blank image (transparent gif, size: 1x1). var bmenuWidth = 300; Total width of all tabs (% or px). If "" or 0 - sets automatically. Recommended to set an exact value. var bmenuHeight = 25; Total height of all tab rows (% or px). If "" or 0 - sets automatically. Recommended to set an exact value. var bmenuOrientation = 0; Reserved. Always sets to 0. var babsolute = 1; 0 - relative tabs position; 1 - absolute tabs position. var bleft = 120; Tabs X coord. Used if babsolute = 1; var btop = 120; Tabs Y coord. Used if babsolute = 1; var bfloatable = 0; 0 - tabs are fixed; 1 - tabs are floatable (used if babsolute = 1). var bfloatIterations = 6; Tabs floatable speed. Less value - more speed. Used if bfloatable = 1. var bmenuBackColor = "#FFFFFF"; Background color of tabs region. If "" - background is transparent. var bmenuBorderWidth = 0; Border width of tabs region. var bmenuBorderColor = "#000000"; Border color of tabs region. The values such as "#FFFFFF #FFFFFF #000000 #000000" - will determine the color of each border side. var bmenuBorderStyle = "solid"; Border style of tabs region. Values: "none", "solid", "dotted", "dashed", "double", "ridge", "groove", "inset", "outset". var bmenuBackImage = "images/tabs/back.gif"; Background image of tabs region. var bbeforeItemSpace = 10; Space before item text. var bafterItemSpace = 10; Space after item text. var bbeforeItemImage = ["images/tabs/image1.gif","images/tabs/image2.gif","images/tabs/image3.gif"] Tabs left-side image: normal state, mouse over state, selected tab state. var bbeforeItemImageW = 12; Width of left-side image. Recommended to set an exact value. var bbeforeItemImageH = 22; Height of left-side image. Recommended to set an exact value. var bafterItemImage = ["images/tabs/image1.gif","images/tabs/image2.gif","images/tabs/image3.gif"] Tabs right-side image: normal state, mouse over state, selected tab state. var bafterItemImageW = 12; Width of right-side image. Recommended to set an exact value. var bafterItemImageH = 22; Height of right-side image. Recommended to set an exact value. var bfontStyle = ["bold 8pt Tahoma","",""]; Tabs font: normal state, mouse over state, selected tab state. Also sets style and height of font. Recommended to use equal values for all states. If 2nd and 3rd values are empty - 1st value will be used for all states. var bfontColor = ["#ffffff","#ffffff","#000000"]; Tabs font color: normal state, mouse over state, selected tab state. var bfontDecoration = ["none","underline","none"]; Tabs font decoration: normal state, mouse over state, selected tab state. Values: none, underline. var bitemBorderWidth = 0; Item border width. var bitemBorderColor = ["#ffffff","#000000", "#ffffff"]; Item border color: normal state, mouse over state, selected tab state. var bitemBorderStyle = ["solid","dotted","solid"]; Item border style: normal state, mouse over state, selected tab state. var bitemBackColor = ["#24B327","#83D83D","#B79A15"]; Item background color: normal state, mouse over state, selected tab state. var bitemBackImage = ["images/tabs/img1.gif","images/tabs/img2.gif","images/tabs/img3.gif",]; Item background image: normal state, mouse over state, selected tab state. var bitemAlign = "center"; Item text alignment. var bitemCursor = "pointer"; Item cursor. Values: "auto", "crosshair", "default", "hand", "move", "text", "wait", "help". var bitemSpacing = 0; Space between items. var bitemPadding = 4; Space between item border and item text. var browSpace = 0; Space between tab rows. var biconAlign = "left"; Item icon alignment: "left" or "right". var biconWidth = 16; Item icon width. Recommended to set an exact value. var biconHeight = 16; Item icon height. Recommended to set an exact value. var bseparatorWidth = 7; Separator item width. This item used as a space between groups of tabs. Separator is item with "-" text. var btransition = 24; Transition effect: 0..39. See transition effects info. var btransDuration = 300; Duration of transition effect in ms. var btransOptions = "..."; Additional options for transition effects with numbers 25..39. See transition effects info. var bmenuItems = [[..]]; Format: [item_text, object_to_show, normal_icon, mouseover_icon, selected_icon, tooltip, item_style] Example: var bmenuItems = [ ["Home","testlink.html","icon.gif","iconover.gif","iconselected.gif","Home Tip","0"], ]; * item_label: Separator is "-"; New tabs row starts with "$" symbol (e.g. "$item text"); Full image-based item contained icon only must has item_label = "". * object_to_show ID attribute of object to show or JavaScript code (e.g. "javascript:alert('test')") * item_style You can use individual styles for tabs. item_style is the index of required style within style array, defined in bitemStyles variable, example: var bitemStyles = [ ["bfontStyle=normal 9pt Tahoma","bitemBackColor=#AA0000,#AAAA00,#000000"], ]; Available parameters for individual item style are: bfontStyle = style1,style2,style3 bfontColor = color1,color2,color3 bfontDecoration = decor1,decor2,decor3 bitemBackColor = color1,color2,color3 bitemBorderColor = color1,color2,color3 bitemBorderWidth = width1,width2,width3 bitemBorderStyle = style1,style2,style3 bitemBackImage = img1,img2,img3 bitemWidth = number biconW = number biconH = number bbeforeItemImage = img1,img2,img3 bafterItemImage = img1,img2,img3 There is also one more individual parameter: bitemBackImageSpec = "normal-normal,normal-over,normal-selected,over-normal,over-selected,selected-normal,selected-over". Where: normal-normal, normal-over, ... - are images for different double-states. This individual parameter is used when you want tabs to look more impressive. For example, following items use this parameter to make a brind-to-front effect: Style Name Style Description Style Variations Empty To achieve this effect tabs use the following structure: Item1 separator Item2 separator Item3 separator Item4 Each separator has 7 states: and uses the following syntax: ["-",,,,,"0"], Where "0" - is an individual style number that includes bitemBackImageSpec property with names of 7 images. */ var bblankImage = "images/1x1.gif"; var bmenuWidth = 355; var bmenuHeight = 0; var bmenuOrientation = 0; var bmenuBackColor = ""; var bmenuBorderWidth = 0; var bmenuBorderColor = "#FFFFFF"; var bmenuBorderStyle = "dotted"; var bmenuBackImage = ""; var bbeforeItemSpace = 0; var bafterItemSpace = 0; var bbeforeItemImage = ["images/tabs/tab01_before_n.gif","images/tabs/tab01_before_o.gif","images/tabs/tab01_before_s.gif"]; //var bbeforeItemImage = ["",""] var bbeforeItemImageW = 5; var bbeforeItemImageH = 18; var bafterItemImage = ["images/tabs/tab01_after_n.gif","images/tabs/tab01_after_o.gif","images/tabs/tab01_after_s.gif"]; //var bafterItemImage = ["",""] var bafterItemImageW = 5; var bafterItemImageH = 18; var babsolute = 0; var bleft = 120; var btop = 120; var bfloatable = 1; var bfloatIterations = 6; var bfontStyle = ["normal 8pt Tahoma","",""]; var bfontColor = ["#000000","#000000","#000000"]; var bfontDecoration = ["none","none","none"]; var bitemBorderWidth = 0; var bitemBorderColor = ["#ffffff","#ffffff", "#ffffff"]; var bitemBorderStyle = ["solid","solid","solid"]; var bitemBackColor = ["#ffffff","#FFEEB9","#F9BC00"]; var bitemBackImage = ["images/tabs/tab01_back_n.gif","images/tabs/tab01_back_o.gif","images/tabs/tab01_back_s.gif"]; var bitemAlign = "center"; var bitemCursor = "default"; var bitemSpacing = 0; var bitemPadding = 0; var browSpace = 0; var biconAlign = "left"; var biconWidth = 16; var biconHeight = 16; var bseparatorWidth = 7; var bselectedItem = 5; var btransition = 24; var btransDuration = 1000; var btransOptions = ""; var bstyles = [ ["biconWidth=50","biconHeight=20","bitemBackImage=images/tabs/tab01_back_n2.gif,images/tabs/tab01_back_o2.gif,images/tabs/tab01_back_s.gif","bbeforeItemImage=images/tabs/tab01_before_n2.gif,images/tabs/tab01_before_o2.gif,images/tabs/tab01_before_s.gif","bafterItemImage=images/tabs/tab01_after_n2.gif,images/tabs/tab01_after_o2.gif,images/tabs/tab01_after_s.gif"], ]; var bmenuItems = [ ["-"], ["price relativity","div1", ,,, "price and relativity",], ["volume/ momentum","div2",,,, "volume and momentum"], ["moving average/volatility","div3",,,, "moving average and volatility"], ["-"], ["$trading","div4",,,, "todays trading data", "0"], ["sector","div5",,,, "parent sector details", "0"], ["charts","div6",,,, "modify the chart parameters", "0"], ]; initializeTabs();