// Create the tooltips only on document load
jQuery.noConflict();
jQuery(document).ready(function()
{
   // By suppling no content attribute, the library uses each elements title attribute by default
   jQuery('#gallery-listing a[href][title]').qtip({
      content: {text: false},
      position: {
              corner: {
                 tooltip: 'rightMiddle',
                 target: 'leftMiddle'
              }
           },
       style: {
              border: {
              width: 1,
              },
              padding: 5,
              background: '#242424',
              textAlign: 'center',
              tip: true,
              name: 'dark',
        width: {
            max: 100,
            min: 0
         },

       }
   });

   // By suppling no content attribute, the library uses each elements title attribute by default
   jQuery('.gallery-thumbs li a[href][title],#rotator a[href][title]').qtip({
      content: {text: false},
      position: {
              corner: {
                 tooltip: 'topMiddle',
                 target: 'bottomMiddle'
              }
           },
       style: {
              border: {
              width: 1,
              },
              padding: 5,
              background: '#242424',
              textAlign: 'center',
              tip: true,
              name: 'dark'
       }
   });

   // By suppling no content attribute, the library uses each elements title attribute by default
   jQuery('.single-image li [title]').qtip({
      content: {text: false},
      position: {
              corner: {
                 tooltip: 'leftMiddle',
                 target: 'rightMiddle'
              }
           },
       style: {
              border: {
              width: 1,
              },
              padding: 5,
              background: '#242424',
              textAlign: 'center',
              tip: true,
              name: 'dark'
       }
   });

});