$('document').ready(function()
{
	// This is done to allow for tooltipRemotes to use
	// inline-anchor style URLs to specify which div to load
	// ex: href='/filename.php#myDivId' will load the div with 'myDivId'
	// into the tooltip

	$('.tooltipRemote').each(function()
	{
		if($(this).attr('href').indexOf('#'))
		{
			remoteUrl = $(this).attr('href').split('#');
			remoteUrl = remoteUrl[0]+' div#'+remoteUrl[1];
		}
        
		$(this).bt(
		{
			fill: 'white',
			ajaxPath: remoteUrl,
			cssStyles: { color: 'black', fontWeight: 'bold' },
			shrinkToFit: true,
			width: 450,
			padding: 10,
			shadow: true,
			shadowBlur: 8,
			shadowOffsetX: 3,
			shadowOffsetY: 3,
			shadowColor: 'rgba(0,0,0,.9)',
			noShadowOpts: {strokeStyle: '#999', strokeWidth: 2},
			cornerRadius: 10,
			spikeLength: 20,
			spikeGirth: 15,
			positions: ['top','bottom','right','left']
		}).click(function () { return false; });
	});

    $('.tooltipClickRemote').each(function()
	{
	    if($(this).attr('href') != "")
	    {
		 remoteUrl = $(this).attr('href');
		
	    }
	    $(this).bt(
	    {
		trigger: 'click',
		fill: 'white',
		ajaxPath: remoteUrl,
		cssStyles: { color: 'black', fontWeight: 'bold',clear: 'both' },
		shrinkToFit: true,
		width: 500,
		padding: 10,
		shadow: true,
		shadowBlur: 8,
		shadowOffsetX: 3,
		shadowOffsetY: 3,
		shadowColor: 'rgba(0,0,0,.9)',
		noShadowOpts: {strokeStyle: '#999', strokeWidth: 2},
		cornerRadius: 10,
		closeWhenOthersOpen: true,
		spikeLength: 20,
		spikeGirth: 15,
		positions: ['top','bottom','right','left']
	    }).click(function () { return false; });
	});

	// This simply takes the title of the anchor
	//  and uses it for the tooltip

	$('.tooltipTitle').bt(
	{
	  fill: 'white',
	  cssStyles: { color: 'black', fontWeight: 'bold' },
	  shrinkToFit: true,
	  padding: 10,
	  cornerRadius: 10,
	  spikeLength: 20,
	  spikeGirth: 15,
	  positions: ['top','bottom','right','left']
	})
});