$(document).ready(function() 
{
	
	$(' .tips_area a[rel]').click(
	function(){
		return false;
		
	}		
	);
	
   // Use the each() method to gain access to each elements attributes
   $(' .tips_area a[rel]').each(function()
   {
      $(this).qtip(
      {
         content: {
            // Set the text to an image HTML string with the correct src URL to the loading image you want to use
    	    
    	  text: '<img class="throbber" src="ajax-loader.gif" alt="Ładuję opis..." />',
    	  method: 'post',
    	  prerender: false,
            url: $(this).attr('rel'), // Use the rel attribute of each element for the url to load
            title: {
               text: '<b>'+$(this).attr('title')+'</b>' , // Give the tooltip a title using each elements text
               button: 'Zamknij' // Show a close link in the title
            }
         },
         position: {
            corner: {
        	 target: 'bottomMiddle', 
             tooltip: 'topMiddle'


            },
            adjust: {
               screen: true // Keep the tooltip on-screen at all times
            }
         },
         //show: { when: { target: false } },
         show: {
        	 when:{ target: false,
        	 event: 'click'	 
         },
        	 
        	 solo: true
        	 
         },
         hide: 'unfocus',
         style: {
            tip: true, // Apply a speech bubble tip to the tooltip at the designated tooltip corner
            border: {
        	 width: 7,
             radius: 5,
             color: '#ff9500'

            },
            name: 'light', // Use the default light style
            width: 570 // Set the tooltip width
         }
      })
   });

   
   

});