document.observe('dom:loaded', function() {
  $$('a[rel]').each(function(element) {
    new Tip(element, element.rel, {style:'tooltip'});
  });
});
Prototip.Styles.tooltip={
	className:'tooltip',
	border:4,
	borderColor:'#196086',
	radius:4,
	delay:0,
	fixed:true,
	hideOn:'mouseout',
	hook:{target:'topRight',tip:'bottomRight'},
	images:'styles/default/',
	stem:{position:'bottomRight',height:12,width:20},
	offset:{x:7,y:6},
	width:300
};
document.observe('dom:loaded', function() {
  $$('a[rel]').each(function(element) {
    new Tip(element, element.rel, {style:'tooltip2'});
  });
});
Prototip.Styles.tooltip2={
	className:'tooltip',
	border:4,
	borderColor:'#196086',
	radius:4,
	delay:0,
	fixed:true,
	hideOn:'mouseout',
	hook:{target:'topMiddle',tip:'bottomLeft'},
	images:'styles/default/',
	stem:{position:'bottomLeft',height:12,width:20},
	offset:{x:7,y:6},
	width:300
};