document.observe('dom:loaded', function() {
  $$('.toollink-hover').each(function(element) {
	var cssString = '[rev=' + element.rel + ']';
    new Tip(element, $$(cssString)[0], {
		delay: .5,
		hideOn: false,
		hideAfter: 1.2,
		stem: 'topLeft',
		hook: { target: 'bottomMiddle', tip: 'topLeft', mouse: true },
		offset: { x: 6, y: 0 },
		width: 'auto'
	});
  });
  
   $$('.toollink-hover-top').each(function(element) {
	var cssString = '[rev=' + element.rel + ']';
    new Tip(element, $$(cssString)[0], {
		delay: .5,
		hideOn: false,
		hideAfter: .135,
		stem: 'bottomMiddle',
		hook: { target: 'topMiddle', tip: 'bottomMiddle', mouse: true },
		offset: { x: 6, y: 0 },
		width: 'auto'
	});
  });
	
   $$('.toollink-hover-topclick').each(function(element) {
	var cssString = '[rev=' + element.rel + ']';
    new Tip(element, $$(cssString)[0], {
		showOn: 'click', 
		closeButton: false,
		hideOn: false,
		hideAfter: .135,
		stem: 'bottomMiddle',
		hook: { target: 'topMiddle', tip: 'bottomMiddle', mouse: false },
		offset: { x: 6, y: 0 },
		width: 'auto'
	});
  });	
	
	$$('.toollink-click').each(function(element) {
	var cssString = '[rev=' + element.rel + ']';
    new Tip(element, $$(cssString)[0], {
		showOn: 'click', 
		closeButton: true,
		hideOn: { element: 'closeButton', event: 'click'}, 
		stem: 'topRight',
		hook: { target: 'bottomMiddle', tip: 'topRight', mouse: false },
		offset: { x: 6, y: 0 },
		width: 'auto'
	});
  });
	
	$$('.toollink-click-top').each(function(element) {
	var cssString = '[rev=' + element.rel + ']';
    new Tip(element, $$(cssString)[0], {
		showOn: 'click', 
		closeButton: true,
		hideOn: { element: 'closeButton', event: 'click'}, 
		stem: 'bottomMiddle',
		hook: { target: 'topMiddle', tip: 'bottomMiddle', mouse: false },
		offset: { x: 6, y: 0 },
		width: 'auto'
	});
  });
  			
});