$(document).ready(
    function()
    {
		$('a.tooltip').cluetip({
		  splitTitle: '|', // use the invoking element's title attribute to populate the clueTip...
		                   // ...and split the contents into separate divs where there is a "|"
		  showTitle: true, // hide the clueTip's heading
		  positionBy: 'mouse',
		  topOffset: -10,
		  activation: 'click',
		  sticky: 'true',
		  closePosition: 'title',
		  closeText: '<img src="/images/tooltip-close.png" alt="schlie&szlig;en" title="schlie&szlig;en" />'
		})

		$('a.tooltip-left-no-top').cluetip({
			  splitTitle: '|',
			  showTitle: true,
			  positionBy: 'mouse',
			  topOffset: -10,
			  activation: 'click',
			  sticky: 'true',
			  closePosition: 'title',
			  closeText: '<img src="/images/tooltip-close.png" alt="schlie&szlig;en" title="schlie&szlig;en" />'
			})

		$('a.tooltip-relative').cluetip({
			  splitTitle: '|',
			  showTitle: true,
			  positionBy: 'mouse',
			  topOffset: -10,
			  activation: 'click',
			  sticky: 'true',
			  closePosition: 'title',
			  closeText: '<img src="/images/tooltip-close.png" alt="schlie&szlig;en" title="schlie&szlig;en" />'
			})
    }
)