/* Setting the Style Array : in the Style array you have 25 different options in this order. Style[...]=[ 1 TitleColor: Sets the title's text color the bold text at the top you could use HEX values like #ffffff or normal like white [NEEDS QUOTES] 2 TextColor: Sets the text's text color in the tip message. You could use HEX values like #ffffff or normal like white [NEEDS QUOTES] 3 TitleBgColor: Sets the title's background Color leave empty to make transparent [NEEDS QUOTES] 4 TextBgColor: Sets the text's background Color empty to make transparent [NEEDS QUOTES] 5 TitleBgImag: You may want to insert a background Image for the TITLE rather than a background color, if the image is not in the same directory or folder as your html file enter the full location of the Image Example : ["pictures/bgimg.gif"] and don't forget to specify the image's extension .jpg , gif ect [NEEDS QUOTES] 6 TextBgImag: You may want to insert a background Image for the TEXT rather than a background color, if the image is not in the same directory or same folder as your html file enter the full location of the Image Example : ["pictures/bgimg.gif"] and don't forget to specify the image's extension .jpg , gif ect [NEEDS QUOTES] 7 TitleTextAlign: Sets the position or Alignment of the TITLE, you have 3 choices left which is the default, center, right Leave Empty for left [NEEDS QUOTES] 8 TextTextAlign: Sets the position or Alignment of the TEXT, you have 3 choices left which is the default, center, right [NEEDS QUOTES] 9 TitleFontFace: Sets the title's font family or face Example ["Tahoma"] Leave Empty for Verdana,Arial,Helvetica Which is the default [NEEDS QUOTES] 10 TextFontFace: Sets the TEXT'S font family or face Example ["Tahoma"] Leave Empty for Verdana,Arial,Helvetica Which is the default [NEEDS QUOTES] 11 TipPosition: Sets the tip message's popup position you have 5 choices left , center, right, float, fixed [NEEDS QUOTES] if you set it as... "left" the tip message will popup on the left side of the mouse. "center" the tip message will popup in the center , the mouse will be in the center of the tip message. "right" this is the default position you may leave the entry empty or set it as right. In this case the tip message will popup on the right side of the mouse "float" the tip message will not move with the mouse rather it will popup at the coordinates of the X,Coordinate and Y, Coordinate entries. And if you scroll down or left the scroll values are added to the X,Coordinate and YCoordinate values so the tip message will always float in the same place no matter how much you scroll left or right, in simple words "Static position" "fixed" the tip message will not move with the mouse rather it will popup at the coordinates of the YCoordinate and YCoordinate entries And it will not float with the scrollbars. 12 StickyStyle: Sets the Sticky Style type of the tip message you have 2 choices sticky , keep [NEEDS QUOTES] 1 sticky : The tip message will not hide after your mouse goes off the link and it will only be positioned once . A Close link is automatically generated and inserted at the top right of the tip message so if you would like to hide the tip message just click it. The properties (color,bgcolor ect) of the close link are set from the title's properties so the close link and title will have exactly the same style and look as the title. This is designed specially for the need of inserting links in the tip message or any thing that involves using the mouse in tip message's content. leave this entry empty for none sticky style. 2 keep: The tip message will not hide after your mouse goes of the link rather the tip message will move with your mouse around the page. This will produce the same effect as if you didn't specify the mouse out function in the link. 13 TitleFontSize : Sets the title's font size. Numbers only. You many use negative or positive values like -1 or +1 or absolute values like 1, 2, 3 the default size is 1 [NO QUOTES] 14 TextFontSize : Sets the Text's font size. Numbers only you many use negative or positive values like -1 or +1 or absolute values like 1, 2, 3 the default size is 1 [NO QUOTES] 15 Width : Sets the width of the tip message. Full Numbers only. The default width is 200 [NO QUOTES] 16 height : Sets the height of the tip message. Full Numbers only. The default height is the height needed to fit the content however you may want to add extra height, if you do enter is value here. [NO QUOTES] 17 BorderSize : Sets the border size which is the colored frame around the tip message. Its color is set from the title's bgcolor. and again Full Numbers only . if you don't want a border set it as 0 or leave its entry empty. [NO QUOTES] 18 PadTextArea : Adds extra padding to the area of the text this adds extra space from the left, top, right, and bottom in the text content [NO QUOTES] 19 CoordinateX : 1 If the tip message's position is set as left or right it sets the X coordinate of the tip message relative to the position of the mouse. 2 If the tip message's position is set as float or fixed it sets the X coordinate of the tip message relative to the window. You may set positive or negative numbers. The default value is 10. [NO QUOTES] 20 CoordinateY : 1 If the tip message's position is set as left or right or center it sets the Y coordinate of the tip message relative to the position of the mouse. 2 If the tip message's position is set as float or fixed it sets the Y coordinate of the tip message relative to the window. You may set positive or negative numbers. The default value is 10. [NO QUOTES] 21 Transition : Sets the transition number. The transition is the cool visual effect when the tip message shows. You have a choice from 0 to 51 different effects, 23 is random for the 22 first effects and 51 is random for all. To disable the transition set the value to -1. Full Numbers only . Make sure that the FiltersEnabled variable is set to 1 or the transition won't play. This requires Microsoft Internet Explorer 5.5 or later. [NO QUOTES] 22 TransitionDuration : Sets the duration of the transition the time desired of transition action in seconds. You may use decimal numbers such as 0.3 or full numbers like 1 . Setting the value to 0 also disables the transition. This requires Microsoft Internet Explorer 5.5 or later. [NO QUOTES] 23 TransparencyLevel : Add transparency level from 1 to 99 the decreasing values increase transparency so if you set it to 1 you will barley see the tip message and that's if you have good eyesight, if you set it to 99 it will be least transparent get the point?. Set 0 for none. This requires Microsoft Internet Explorer 5.5 or later. [NO QUOTES !!] 24 ShadowType : You may apply one of two shadow styles simple or complex leave empty for none. You must also add a shadow color to enabled it. This requires Microsoft Internet Explorer 5.5 or later. [NEEDS QUOTES] 25 ShadowColor : Sets the shadow color. Leave empty to also disable the shadow. This requires Microsoft Internet Explorer 5.5 or later. [NEEDS QUOTES] Style[...]=[TitleColor,TextColor,TitleBgColor,TextBgColor,TitleBgImag,TextBgImag,TitleTextAlign,TextTextAlign, TitleFontFace, TextFontFace, TipPosition, StickyStyle, TitleFontSize, TextFontSize, Width, Height, BorderSize, PadTextArea, CoordinateX , CoordinateY, TransitionNumber, TransitionDuration, TransparencyLevel ,ShadowType, ShadowColor] */ var FiltersEnabled = 1 // if your not going to use transitions or filters in any of the tips set this to 0 // SOME PRE-DEFINED STYLES Style[0]=["#FFFF33","black","#FFFF99","black","","","","","","","","","","",200,"",2,2,10,10,51,1,0,"",""] Style[1]=["white","black","#000099","#E8E8FF","","","","","","","center","","","",200,"",2,2,10,10,"","","","",""] Style[2]=["white","black","#000099","#E8E8FF","","","","","","","left","","","",,"",2,2,10,10,"","","","",""] Style[3]=["black","black","#FFE53B","#FFFEA2","","","center","","Tahoma,Verdana,Arial,Helvetica","Tahoma,Verdana,Arial,Helvetica","relative","","","2","","",1,2,5,5,"","",90,"complex","#000000"] Style[4]=["white","black","#000099","#E8E8FF","","","","","","","fixed","","","",200,"",2,2,1,1,"","","","",""] Style[5]=["white","black","#000099","#E8E8FF","","","","","","","","sticky","","",200,"",2,2,10,10,"","","","",""] Style[6]=["white","black","#000099","#E8E8FF","","","","","","","","keep","","",200,"",2,2,10,10,"","","","",""] Style[7]=["white","black","#000099","#E8E8FF","","","","","","","","","","",200,"",2,2,40,10,"","","","",""] Style[8]=["white","black","#000099","#E8E8FF","","","","","","","","","","",200,"",2,2,10,50,"","","","",""] Style[9]=["white","black","#000099","#E8E8FF","","","","","","","","","","",200,"",2,2,10,10,51,0.5,75,"simple","gray"] Style[10]=["white","black","black","white","","","right","","Impact","cursive","center","",3,5,200,150,5,20,10,0,50,1,80,"complex","gray"] Style[11]=["white","black","#000099","#E8E8FF","","","","","","","","","","",200,"",2,2,10,10,51,0.5,45,"simple","gray"] Style[12]=["white","black","#000099","#E8E8FF","","","","","","","","","","",200,"",2,2,10,10,"","","","",""] Style[13]=["white","black","#009966","#E6FFE6","","","center","center","","","","","","",100,"",2,2,10,10,"","","","",""] //Label Art Catalog applyCssFilter()