$.fn.qtip.styles.kaf = { 
   background: '#FFE401',
   color: '#333333',
   border: { width: 0 },
   tip: {
         corner: 'bottomMiddle',
         color: '#FFE401'
	}
}

$(function(){	
	$('span.fisa-first').qtip({
	style: 'kaf',
   content: '<h3><a href="/events/category/first/">My First Festival</a></h3><p><a href="/events/category/first/">This is my first time at an arts festival. I want to see what this festival is all about. I haven\'t heard of a lot of these names before and I\'d like suggestions on what might be great to see.</a></p><a class="action" href="/events/category/first/">view all first events</a>',
   hide: {
            fixed: true 
         },

   position: {
      corner: {
         target: 'topMiddle',
         tooltip: 'bottomMiddle'
      }
   }
});
	
	$('span.fisa-inspiring').qtip({
   style: 'kaf',
   content: '<h3><a href="/events/category/inspiring/">My Inspiring Festival</a></h3><p><a href="/events/category/inspiring/">I want to think. I want to get out of my comfort zone and confront the world head on. I don\'t want to be spoon fed. I want to be blown away. I want to argue.</a></p><a class="action" href="/events/category/inspiring/">view all inspiring events</a>',
     hide: {
            fixed: true 
         },
    position: {
      corner: {
         target: 'topMiddle',
         tooltip: 'bottomMiddle'
      }
   }

	});
	
	$('span.fisa-surprising').qtip({
	style: 'kaf',
   content: '<h3><a href="/events/category/surprising/">My Surprising Festival</a></h3><p><a href="/events/category/surprising/">I want to find those hidden gems - things I may not have heard of but once I\'ve experienced I will never forget.</a></p><a class="action" href="/events/category/surprising/">view all surprising events</a>',
      hide: {
            fixed: true 
         },
   position: {
      corner: {
         target: 'topMiddle',
         tooltip: 'bottomMiddle'
      }
   }

	});
	
	$('span.fisa-alternative').qtip({
	style: 'kaf',
   content: '<h3><a href="/events/category/alternative/">My Alternative Festival</a></h3><p><a href="/events/category/alternative/">I want to see edgier, grittier more experimental stuff. I want to dance, have some fun. I want to stay up late.</a></p><a class="action" href="/events/category/alternative/">view all alternative events</a>',
      hide: {
            fixed: true 
         },
   position: {
      corner: {
         target: 'topMiddle',
         tooltip: 'bottomMiddle'
      }
   }

	});
  
});