// Create the tooltips only on document load
$(document).ready(function() 
{
    $('a[tooltip]').each(function()
   {
      $(this).qtip({
         content: $(this).attr('tooltip'),
position: {
            corner: {
               target: 'topMiddle',
               tooltip: 'bottomMiddle'
            }
},
  style: {
            name: 'light',
            border: {
               width: 0, 
               radius: 3
            },
tip: 'bottomMiddle'
}

   });
});
});


// Create the tooltips only on document load
$(document).ready(function() 
{
   // Notice the use of the each() method to acquire access to each elements attributes
   $('#content area[imagetip]').each(function()
   {
      $(this).qtip({
         content: { 

            text: $(this).attr('imagetip'),

            title: {
               text: $(this).attr('alt'), 
               button: 'x' 
                   }
         },

         position: {
            corner: {
               target: 'topMiddle', // Position the tooltip above the link
               tooltip: 'bottomMiddle'
            }
         },

         show: { 
            when: 'click'
         },
         hide: 'unfocus',
         style: {
            name: 'light',
            border: {
               width: 0, 
               radius: 3 
            }, 
            width: 200,
            tip: true
         }

      });
   });
});

function wechselin(x) {
this.src=x;
}

function wechselout(x) {
this.src=x;
}

// FÜR DATEI INCLUDES!

$('img[contenttip]').each(function()
   {
   content: {
      text: $(this).attr('contenttip')
   }
});