// Die Tooltips, wenn man über die KUCHI Logos fährt
// Create the tooltips only on document load
$(document).ready(function() 
{
   $('#mainnavi a.tooltip').each(function()
   {
      $(this).qtip(
      {
         content: {
            text: '<img class="throbber" src="images/throbber.gif" alt="Loading..." />',
            url: $(this).attr('rel'),
            title: {
               text: '&nbsp;' + $(this).text(), // Give the tooltip a title using each elements text
               button: 'X' // Show a close link in the title
            }
         },
         position: {
            corner: {
               target: 'topMiddle', // Position the tooltip above the link
               tooltip: 'bottomMiddle'
            },
            adjust: {
               screen: true // Keep the tooltip on-screen at all times
            }
         },
         show: { 
            when: 'mouseover', 
			delay:'300',
            solo: true // Only show one tooltip at a time
         },
         hide: 'unfocus',
         style: {
            tip: true, // Apply a speech bubble tip to the tooltip at the designated tooltip corner
            border: {
               width: 10,
               radius: 10,
			   color: '#b7b6b3'
            },

            name: 'light', // Use the default light style
            width: 545 // Set the tooltip width
         }
      })
   });
   
   
   
    // Use the each() method to gain access to each elements attributes
   $('div.impressum a.tooltip').each(function()
   {
      $(this).qtip(
      {
         content: {
            text: '<img class="throbber" src="images/throbber.gif" alt="Loading..." />',
            url: $(this).attr('rel'),
            title: {
               text: $(this).text(), // Give the tooltip a title using each elements text
               button: 'X' // Show a close link in the title
            },
			style: {
            	
			}
         },
         position: {
            corner: {
               target: 'topLeft', // Position the tooltip above the link
               tooltip: 'bottomRight'
            },
            adjust: {
               screen: false // Keep the tooltip on-screen at all times
            }
         },
         show: { 
            when: 'mouseover', 
			delay:'300',
            solo: true // Only show one tooltip at a time
         },
         hide: 'unfocus',
         style: {
            tip: true, // Apply a speech bubble tip to the tooltip at the designated tooltip corner
            border: {
               width: 8,
               radius: 8,
			   color: '#b7b6b3'
            },
			'font-size': '12',
            name: 'light', // Use the default light style
            width: 450 // Set the tooltip width
         }
      })
   });


});