// Create the tooltips only on document load
$(document).ready(function() 
{
     
//$('#demo img[title]').qtip({ style: { name: 'cream', tip: true } })


$('#timeline div img').qtip({
  //content: 'Presets, presets and more presets. Let\'s spice it up a little with our own style!',
   position: {
      corner: {
         target: 'topMiddle',
         tooltip: 'bottomMiddle'
      },
	  adjust: { x: 0, y: 76 } 
   },
   style: { 
      width: 300,
      padding: 5,
      background: '#E1EED0',
	  lineHeight: 2,
      color: 'black',
      textAlign: 'center',
      border: {
         width: 7,
         radius: 5,
         color: '#CEE3B0'
      },
	  tip: 'bottomMiddle',
      name: 'dark' // Inherit the rest of the attributes from the preset dark style
   }
})


});