// Create the tooltips only on document load
$(document).ready(function() 
{
   // Match all link elements with href attributes within the content div
   $('#picto1 a[href]').qtip(
   {
    content: '<img src="modules/menu/images/menu-cercles10.jpg" align="absmiddle" /> Retour à la page d\'accueil', // Give it some content, in this case a simple string
	show: { effect: { type: 'slide' } },
   	hide: { effect: { type: 'slide' } },
	style: { 
    width: 200,
    padding: 5,
    background: '#147491',
    color: '#fff',
    textAlign: 'center',
	fontFamily:'Verdana',
	fontSize:'12px',
    border: {
         width: 3,
         radius: 2,
         color: '#fff'
   },
   tip: 'topLeft',
   name: 'dark' // Inherit the rest of the attributes from the preset dark style
   }
   });
   
   $('#picto6 a[href]').qtip(
   {
    content: '<img src="modules/menu/images/menu-cercles10.jpg" align="absmiddle" /> Nous écrire', // Give it some content, in this case a simple string
	show: { effect: { type: 'slide' } },
   	hide: { effect: { type: 'slide' } },
	style: { 
    width: 200,
    padding: 5,
    background: '#147491',
    color: '#fff',
    textAlign: 'center',
	fontFamily:'Verdana',
	fontSize:'12px',
    border: {
         width: 3,
         radius: 2,
         color: '#fff'
   },
   tip: 'topLeft',
   name: 'dark' // Inherit the rest of the attributes from the preset dark style
   }
   });
   
   $('#picto3 a[href]').qtip(
   {
    content: '<img src="modules/menu/images/menu-cercles10.jpg" align="absmiddle" /> Le diner club', // Give it some content, in this case a simple string
    show: { effect: { type: 'slide' } },
   	hide: { effect: { type: 'slide' } },
	style: { 
    width: 200,
    padding: 5,
    background: '#147491',
    color: '#fff',
    textAlign: 'center',
	fontFamily:'Verdana',
	fontSize:'12px',
    border: {
         width: 3,
         radius: 2,
         color: '#fff'
   },
   tip: 'topLeft',
   name: 'dark' // Inherit the rest of the attributes from the preset dark style
   }
   });
   //$('#picto4 a[href]').qtip(
   //{
      //content: 'Accès privé' // Give it some content, in this case a simple string
   //});
   $('#picto5 a[href]').qtip(
   {
    content: '<img src="modules/menu/images/menu-cercles10.jpg" align="absmiddle" /> Adhérer au club', // Give it some content, in this case a simple string
    show: { effect: { type: 'slide' } },
   	hide: { effect: { type: 'slide' } },
	style: { 
    width: 200,
    padding: 5,
    background: '#147491',
    color: '#fff',
    textAlign: 'center',
	fontFamily:'Verdana',
	fontSize:'12px',
    border: {
         width: 3,
         radius: 2,
         color: '#fff'
   },
   tip: 'topLeft',
   name: 'dark' // Inherit the rest of the attributes from the preset dark style
   }
   });
   
   $('#picto2 a[href]').qtip(
   {
    content: '<img src="modules/menu/images/menu-cercles10.jpg" align="absmiddle" /> Les partenaires', // Give it some content, in this case a simple string
  	show: { effect: { type: 'slide' } },
   	hide: { effect: { type: 'slide' } },
	style: { 
    width: 200,
    padding: 5,
    background: '#147491',
    color: '#fff',
    textAlign: 'center',
	fontFamily:'Verdana',
	fontSize:'12px',
    border: {
         width: 3,
         radius: 2,
         color: '#fff'
   },
   tip: 'topLeft',
   name: 'dark' // Inherit the rest of the attributes from the preset dark style
   }
   });
});