

function getHelp(HELPNUM)
{
   var helpMessage = new Array();

   //border definitions
   helpMessage[0] = "none: Default. No border is drawn, regardless of any specified borderWidth.\n\ndotted: Border is a dotted line. This value is supported on the Macintosh platform, as of Microsoft Internet Explorer 4.01, and on the Microsoft Windows platform, as of Internet Explorer 5.5. It renders as a solid line on Unix platforms, and on Windows systems running earlier versions of Internet Explorer.\n\ndashed: Border is a dashed line. This value is supported on the Macintosh platform as of Internet Explorer 4.01 and on the Windows platform, as of Internet Explorer 5.5. It renders as a solid line on Unix platforms, and on Windows systems running earlier versions of Internet Explorer.\n\nsolid: Border is a solid line.\n\ndouble: Border is a double line drawn on top of the background of the object. The sum of the two single lines and the space between equals the borderWidth value. The border width must be at least 3 pixels wide to draw a double border.\n\ngroove: 3-D groove is drawn in colors based on the value. The borderWidth property of the object must be specified for the style to render correctly.\n\nridge: 3-D ridge is drawn in colors based on the value.\n\ninset: 3-D inset is drawn in colors based on the value.\n\nwindow-inset: Border is the same as inset, but is surrounded by an additional single line, drawn in colors based on the value.\n\noutset: 3-D outset is drawn in colors based on the value.\n\n(from: msdn.microsoft.com)";

   //button backgroundcolor help
   helpMessage[1] = "Specify button background color in hex format: AABBCC\n\nOmit the number symbol... \#\n\nEnter \"trans\" (without quotes) for a transparent background.";

   //hexcolor help
   helpMessage[2] = "Specify color in hex format: AABBCC\n\nOmit the number symbol... \#";

   //fontsize borderwidth help
   helpMessage[3] = "Measured in pixels... 1, 2, 3...\n\nYou can used the Up/Down arrow keys to increment the value up or down.";

   //button width help
   helpMessage[4] = "Measured in pixels... 1, 2, 3...\n\nLeave blank for autosize - recommended where possible.\n\nYou can used the Up/Down arrow keys to increment the value up or down.";

   //font name help
   helpMessage[5] = "Choose a font.\n\nIn the the selection box are listed the more commonly used and reasonably \"safe\" fonts that are fairly widespread. Remember, in order to view your font choice, the user must have that font installed on their system.\n\nIf you choose [default], then whatever font your user\'s computer uses to make buttons will be used.\n\nIf you choose [user defined], another box will appear where you can enter any font you wish.";

   //draw borders help
   helpMessage[6] = "Draw borders collectively:\n\n  The same settings will apply to all four borders of the button\n  together. If you then choose to define the borders separately,\n  your border attributes will be copied to all four individual\n  borders where you may proceed to edit them individually.\n\n\nDraw borders separately:\n\n  You may define each border (top, bottom, left & right) separately.\n  If you then choose to define the borders collectively, your top\n  border attributes will be used as the collective border.";

   //url help
   helpMessage[7] = "Enter the URL of image. Preferrably a full URL... http://www.yoursite.com/yourimage.gif\n\nIf you choose to enter a partial URL, make sure the scripts can find it. The simplest way to go about it is to use the full URL of an online image.\n\nIf you click the little view icon to the right of the URL input box your chosen image will appear by itself in a popup window.\n\nAlso, keep in mind that a background image overrides a background color.";

   //head code help
   helpMessage[8] = "Place this code within the <head> section of your web page. You only need to place this code once even if you have more than one button.\n\nIf you click the button marked \"Open test page\" a new browser window will come up containing the button. You can then view source to see all the code together.";

   //button code help
   helpMessage[9] = "Place this code in the <body> of your page wherever you want the button. You can have more than one button on a page. See the help section for more information on multiple buttons.\n\nIf you click the button marked \"Open test page\" a new browser window will come up containing the button. You can then view source to see all the code together.";

   //title text help
   helpMessage[10] = "Title text is the little tooltip that appears when you hold the mouse pointer over the button. Unless you really need to convey extra instructions to the user when they hover over your button, you should leave this blank.";

   //pagebackground color help
   helpMessage[11] = "Specify color in hex format: AABBCC\n\nOmit the number symbol... \#\n\nThis not something you need to configure unless your web page (the one you\'ll be putting the button on) uses a background color other than the default (usually white). This option is here so you may see what the button looks like over a different background color.\n\nKeep in mind that any background image you specify will override this background color.";

   //text align help
   helpMessage[12] = "Pretty self explanatory. One thing you should know however... Firefox browser doesn't seem to recognize the text-align rule in a button... text is always centered.\n\nA potential workaround is to add white space to the left or right like so...\n\n\"      Sample\"\n\nSee the Texas sample button for an example. If you do this, make sure you also specify a font and a font size to minimize potential problems.";

   //gradient text box help
   helpMessage[13] = "This is a read only text box. To add a gradient effect, change the gradient effect, or remove gradient effect, click the little gradient icon to the right of the text box. Keep in mind that only those using Internet Explorer based browsers will see the gradient effect.";

   //button background gradient help
   helpMessage[14] = "To add a gradient effect, change the gradient effect, or remove gradient effect, click the little gradient icon to the right of the text box. You can specify gradients for both the button and the mouse over. Keep in mind that only those using Internet Explorer based browsers will see the gradient effect.\n\nIf the box displays \"NONE\", then there is no gradient filter specified.\n\nIf the box displays a code such as \"AABBCC-DDEEFF-1\", then there is a gradient specified. To change it, click the gradient icon and play with the colors. To remove it, click on the gradient icon, then click \"Remove Gradient\".\n\nClick \"Toggle Gradient\" to quickly toggle the gradient on and off so that you can see what the button will look like for those using a browser that doesn\'t support gradients.";


   alert(helpMessage[HELPNUM]);
}

function writeHelp(HELPNUM)
{
   var help_logo = "?";

   return "<A HREF='javasc" + "ript:getHelp(" + HELPNUM + ")' class='helplogo' title='Help'>" + help_logo + "</A>";
}

