/************ Infobulles QTip sur les couvertures de livres */
// Définition d'un nouveau style
$.fn.qtip.styles.infobulle = { // création du style nommé "infobulle"
   width: 210,
   background: '#E0E0E0',
   color: 'black',
   textAlign: 'center',
   border: {
      width: 5,
      radius: 5,
      color: '#E0E0E0'
   },
   tip: { // Now an object instead of a string
         corner: 'topMiddle', // We declare our corner within the object using the corner sub-option
         color: '#F7AA26',
         size: {
            x: 15, // Be careful that the x and y values refer to coordinates on screen, not height or width.
            y : 5 // Depending on which corner your tooltip is at, x and y could mean either height or width!
         }
	}
  // name: 'dark' // Inherit the rest of the attributes from the preset dark style
}
$(document).ready(function() 
{
	$('.carousel li a:has(img)').qtip({
		content: {
			text: false // Utiliser les attributs title
		},
		style: 'infobulle',
		//classes: {tooltip: 'infobulle'},  Classe infobulle pour personnalier les styles
		position: {
     		corner: {
			// target = point cible de l'élément survolé || tooltip = point de position de l'infobulle relatif au point cible
         	target: 'bottomMiddle', tooltip: 'topMiddle'},
			adjust: {
				y: 5}
  		},
		show: {
			effect: {
				type: 'fade', length: 400}
		},
		hide: {
			when: 'mouseout', fixed: true, delay: 250,
			effect: {
				type: 'fade', length: 350}
		}
	});
});