/* Position tutorial code */
$('#tut-position code:first').qtip(
{ 
   content: 'Here\' a tooltip positioned with the examples code.',
   position: {
      corner: {
         target: 'topRight',
         tooltip: 'bottomLeft'
      }
   },
   show: {
      when: 'mousemove'
   },
   style: { name: 'green' }
})

/* Borders examples */
$('#tut-borders a.example').each(function(i)
{
   var examples = [ [3, 8, '#6699CC'], [0, 15, '#FF9900'], [2, 4, '#DDD'] ];
   
   $(this).qtip({
      content: 'I have rounded corners... I hear they\'re all the rage at the moment!',
      style: { 
         border: {
            width: examples[i][0],
            radius: examples[i][1],
            color: examples[i][2]
         },
         width: 200
      }
   });
});

/* Tips examples */
$('#tut-tips a.example:first').qtip({
   content: 'Stems are great for indicating the context of the tooltip.',
   style: { 
      tip: { 
         corner: 'topLeft', 
         color: '#6699CC',
         size: {
            x: 20, 
            y : 8
         }
      }  
   }  
});

/* Styling examples */
$('#tut-styling a.example:first').qtip(
{
   content: 'Presets, presets and more presets. Let\'s spice it up a little with our own style!',
   position: {
      corner: {
         target: 'topRight',
         tooltip: 'bottomLeft'
      }
   },
   style: { 
      width: 275,
      background: '#A2D959',
      color: 'black',
      border: {
         width: 7,
         radius: 5,
         color: '#A2D959'
      },
      tip: 'bottomLeft',
      name: 'dark'
   }
});