// Create the tooltips only on document load
$(document).ready(function() 
{
	var a = $('#content a[href][title]').not('.sample_click')
											.not('.retail_click')
											.not('.saved_basket_gallery_click');
											
	$.fn.qtip.styles.mystyle = { // global style, Last part is the name of the style
		width: 200,
		padding: 5,
		color: 'grey',
		textAlign: 'center',
		border: {
			width: 3,
			radius: 5
		},
		tip: 'bottomMiddle',
		name: 'green' // Inherit the rest of the attributes from the preset dark style
	}
	
   // By suppling no content attribute, the library uses each elements title attribute by default
   //$('#content a[href][title]').qtip({
   a.qtip({
		position: {
			corner: {
				target: 'topMiddle',
				tooltip: 'bottomMiddle'
			}
		},
		style: 'mystyle'
   });
   
   $('img.tooltip').qtip({
		position: {
			corner: {
				target: 'topMiddle',
				tooltip: 'bottomMiddle'
			}
		},
		style: 'mystyle'
   });
   
});