$(document).ready(function() 
{
   // Match all link elements with href attributes within the content div
   $('#bt_1').qtip(
   {
      content: '<h1 class=h1t>.OL</h1>E’ tutto ci&ograve; che avviene al di fuori del web, tra le righe ed oltre le righe di un foglio di carta.<br>Fanno parte dei servizi do Out of Line Communication:<br>• Corporate Identity<br>• Advertising<br>• Educational Editing<br>• Editorial Editing<p>CLICK 4 PORTFOLIO</p>',
      position: {
      corner: {
         target: 'bottomLeft',
         tooltip: 'topMiddle'
      }
   },
   show: { effect: 'slide' },
   style: { 
      width: 200,
      padding: 5,
      background: '#4c4c4c',
      color: '#FFF',
      textAlign: 'left',
      border: {
         width: 1,
         radius: 0,
         color: '#4c4c4c'
      },
      tip: { // Now an object instead of a string
         corner: 'topMiddle', // We declare our corner within the object using the corner sub-option
         color: '#4c4c4c',
         size: {
            x: 23, // Be careful that the x and y values refer to coordinates on screen, not height or width.
            y : 20 // 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
   }
      
         });
         
   $('#bt_2').qtip(
   {
      content: '<h1 class=h1t>.IL</h1>Sono le immagini, i suoni, i messaggi che viaggiano tra le onde radio, i cavi in fibra ottica, le reti in rame... comunque e sempre in forma digitale.<br>Negli anni Elise Communication Factory si è specializzata per offrire servizi full customize:<br>• Web Design<br>• Web Editing<br>• Web Advertising<br>• Web Communication Infrastructure<p>CLICK 4 PORTFOLIO</p>',
      position: {
      corner: {
         target: 'bottomLeft',
         tooltip: 'topMiddle'
      }
   },
   show: { effect: 'slide' },
   style: { 
      width: 200,
      padding: 5,
      background: '#4c4c4c',
      color: '#FFF',
      textAlign: 'left',
      border: {
         width: 0,
         radius: 0,
         color: '#A2D959'
      },
      tip: { // Now an object instead of a string
         corner: 'topMiddle', // We declare our corner within the object using the corner sub-option
         color: '#4c4c4c',
         size: {
            x: 23, // Be careful that the x and y values refer to coordinates on screen, not height or width.
            y : 20 // 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
   }
      
         });

$('#bt_3').qtip(
   {
      content: '<h1 class=h1t>.OW</h1>Virali, promozionali, istituzionali, mirati, allargati ma sempre all’aperto, è questa la caratteristica degli eventi e delle campagna Out of Home realizzate da Elise Communication Factory. Per fare questo Elise Communication Factory offre servizi di:<br>• Direct Communication<br>• Viral Communication<p>CLICK 4 PORTFOLIO</p>',
      position: {
      corner: {
         target: 'bottomLeft',
         tooltip: 'topMiddle'
      }
   },
   show: { effect: 'slide' },
   style: { 
      width: 200,
      padding: 5,
      background: '#4c4c4c',
      color: '#FFF',
      textAlign: 'left',
      border: {
         width: 0,
         radius: 0,
         color: '#A2D959'
      },
      tip: { // Now an object instead of a string
         corner: 'topMiddle', // We declare our corner within the object using the corner sub-option
         color: '#4c4c4c',
         size: {
            x: 23, // Be careful that the x and y values refer to coordinates on screen, not height or width.
            y : 20 // 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
   }
      
         });

$('#bt_4').qtip(
   {
      content: '<h1 class=h1t>.IW</h1>In casa, a scuola, in un museo o in un teatro, l’importante è che sia un evento e l’importante è renderlo speciale, emozionante, multisensiorale, questo è il compito di Eise Communication Factory.Negli anni Elise Communication Factory ha realizzato eventi In Home offrendo servizi per la gestione di:<br>• Corporate Event<br>• Istitutional Event<br>• Educational Event<p>CLICK 4 PORTFOLIO</p>',
      position: {
      corner: {
         target: 'bottomLeft',
         tooltip: 'topMiddle'
      }
   },
   show: { effect: 'slide' },
   style: { 
      width: 200,
      padding: 5,
      background: '#4c4c4c',
      color: '#FFF',
      textAlign: 'left',
      border: {
         width: 0,
         radius: 0,
         color: '#A2D959'
      },
      tip: { // Now an object instead of a string
         corner: 'topMiddle', // We declare our corner within the object using the corner sub-option
         color: '#4c4c4c',
         size: {
            x: 23, // Be careful that the x and y values refer to coordinates on screen, not height or width.
            y : 20 // 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
   }
      
         });
      
         
         
         
         
});