// Welcome to Tipster! Before you start, make sure you've read and agree to the
// "Conditions of Use" in the HTML document below.
// This script is object orientated.
// It works by creating "tip objects", each of which corresponds to a DIV in the page below.
// Each object contains a 'template' used for formatting tips, and settings for that object.
// Here are some examples to get you started:
// First, create a new tip object, and pass it its own name so it can reference itself.
var docTips = new TipObj('docTips');
with (docTips)
{
// Next, we set the appearance and style of the tips displayed by this tip object.
// Each tip object must have a string called 'template' that contains some specially-formatted
// HTML to write to its DIV. This example has two nested tables, a border and a background.
// The special bits are the %2%, %3% and so on halfway through. These correspond to values we
// set in the tips.tipName arrays later: %0% is the X value, %1% is Y, and %2% onwards are
// whatever other info we have in there (width, text etc...). This example sets the width %2%
// of the table, and inserts some content which is the text %3%.
// You might want to put extra information in the tip arrays, and use %4%, %5% onwards in the
// template for tip headers, footers, customisable colours etc... see the next tip object for
// another example.
template = '
' +
'
' +
'
%3%
';
// This 'mysite' tip will show 75px left of the cursor and 15px below. As you can see %2% is
// a width of 150px, and %3% is a text string, according to our template above.
tips.mysite = new Array(-75, 15, 150, 'Visit this for updates, help and more info');
tips.welcome = new Array(5, 5, 100, 'Hope you like it...');
tips.useful = new Array(5, 5, 150, 'This can add important context information to any link...');
// This next tip uses a formula to position the tip 110 pixels from the right edge of the screen.
tips.formulae = new Array('page.scrollX() + page.winW() - 110', -20, 100,
'This tip is always on the right edge...');
tips.format = new Array(5, 5, 150, 'That means italics... ...etc');
// Finally, you can set some optional properties to customise the behavious of this object.
//
// How much of a delay do you want between pointing and action? Defaults are:
//showDelay = 50;
//hideDelay = 200;
//
// False will hide tips instantaneously. Fading only works under IE/Win and NS6+.
//doFades = false;
// You can change the minimum and maximum opacity percentages, defaults:
//minAlpha = 0;
maxAlpha = 80;
//
// How fast the transparency changes (between 1 and 100), higher means faster fades.
//fadeInSpeed = 20;
//fadeOutSpeed = 20;
//
// Tip stickiness, from 0 to 1, defines how readily the tip follows the cursor. 1 means it
// follows it perfectly (the default), 0 is a static tip, and decimals are 'floating' tips.
//tipStick = 0.2;
//
// IE 5.5+ select box fix. This will enable tips to appear over