$(document).ready(function(){
	   $('.jsTooltip').each(function()
	   {
	      $(this).qtip({
			content: $(this).attr('tooltip'),  // Use the tooltip attribute of the element for the content
			position: { adjust: { screen: true } },
			style: { width: { max: 400 } }
	      });
	   });
	   $('.jsPopup').each(function()
	   {
	      $(this).qtip({
			content: $(this).attr('tooltip'),  // Use the tooltip attribute of the element for the content
			show: { solo: true, when: { event: 'click' }, effect: { type: 'fade'}  },
			hide: { when: { event: 'mouseout' }, effect: { type: 'fade' } },
			position: { adjust: { screen: true } },
			style: { width: { max: 400 } }
	      });
	   });
});