/*
This code is from Dynamic Web Coding 
at http://www.dyn-web.com/
Copyright 2001-2 by Sharon Paine 
See Terms of Use at http://www.dyn-web.com/bus/terms.html
Permission granted to use this code 
as long as this entire notice is included.
*/


// dw_tooltip.js contains onresize and onload handlers
// Put tooltip div and script tags for external js files at end of document

// avoid error of passing event object from link in older browsers
if (!document.getElementById && !document.all && !document.layers)
	event = "";

function hideTip() {} // avoid errors until loaded	

var tooltip;
function doTooltip(evt,txt) {
	if (!tooltip) return;
	var cntnt = wrapTip(txt);
	goTooltip(evt,cntnt);
}

// wrap tip content for formatting
function wrapTip(txt) {
	var cntnt = "";
	if (document.layers) {
		cntnt = '<table bgcolor="' + tipBorderColor + '" width="' + tipWidth + '" cellspacing="0" cellpadding="' + tipBorderWidth + '" border="0"><tr><td><table bgcolor="' + tipBgColor + '" width="100%" cellspacing="0" cellpadding="' + tipPadding + '" border="0"><tr><td><div style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + '; color:' + tipFontColor + ';">' + txt  + '</div></td></tr></table></td></tr></table>';
	} else cntnt = txt;
	return cntnt;
}

///////////////////////  CUSTOMIZE TOOLTIP HERE   ///////////////////////
// settings for tooltip (don't remove any of these variables!)

// Do you want tooltip to move when mouse moves over link?
var tipFollowMouse = true;	
// be sure to set tooltip width wide enough for widest image!
// take into account border and padding
var tipWidth = 300;	// width of tooltip in pixels

// how far from mouse to show tooltip
var tipOffX	= 8;	// horizontal offset
var tipOffY	= 12; // vertical offset

var tipFontFamily = "Verdana, arial, helvetica, sans-serif";
var tipFontSize	= "8pt";	// string with pixels or points (px or pt)
// tooltip content line-height
var tipLineHeight	= 1.2;	// number	(recommend 1 to 1.3)
var tipFontColor = "#000000";
var tipBgColor = "#bbbb99";	// tooltip background color
// background image for tooltip (leave empty string if no bg image)
var tipBgImg = "";	
// "breathing room" around tooltip content
var tipPadding = 4;	// integer (pixel value)

// leave a color in here even if you don't want a border
var tipBorderColor = "#808080"; 

// if you don't want a border, set tipBorderWidth to 0
var tipBorderWidth = 2; // integer (pixel value)

// if you don't want a border, set tipBorderStyle to "none"
// options for border style: "none", "solid", "ridge", "outset",
// "inset", "groove", "double", "dashed"
// (they won't look the same in all browsers though!)
var tipBorderStyle = "groove"; 

// NOTES: 
// Adding a large amount of padding and thick borders will
// result in a noticeable difference in the tooltip width
// between browsers that are standards-compliant and those
// that are not. For best results, keep these values small.
// Background image, line-height and border style settings 
// for the tooltip are not supported for ns4.


// preload images to be placed in tooltip
// place your images in this array
// Like this: new Array("img1", "img2", "img3");
var imgAr = new Array();

if (document.images) {
	var imgs = new Array();
	for (var i=0; i<imgAr.length; i++) {
  	imgs[i] = new Image(); 
		imgs[i].src = imgAr[i];
  }
}
//-->
/*
Use the following to call tip
<a href="#" onmouseover="doTooltip(event,'Tip Text Goes Here')" onmouseout="hideTip()">Text Here</a>
*/
