// JavaScript Document
$(document).ready(function(){
						   
	$.fn.qtip.styles.buttonsClick = { // Last part is the name of the style
	   width: 350,
	   background: '#966140',
	   color: 'white',
	   //fontWeight: 'bold',
	   fontFamily: 'Lucida Sans Unicode',
	   fontSize: '12px',
	   textAlign: 'left',
	   border: {
		  width: 5,
		  radius: 5,
		  color: '#532806'
	   },
	   tip: 'bottomLeft',
	   name: 'dark' // Inherit the rest of the attributes from the preset dark style
	}
	
	$.fn.qtip.styles.buttonsHover = { // Last part is the name of the style
	   width: 200,
	   background: '#966140',
	   color: 'white',
	   //fontWeight: 'bold',
	   fontSize: '12px',
	   textAlign: 'left',
	   border: {
		  width: 5,
		  radius: 5,
		  color: '#532806'
	   },
	   tip: 'bottomLeft',
	   name: 'dark' // Inherit the rest of the attributes from the preset dark style
	}
	
	$("li.what").qtip({
	   content: { text: '<h1>Terence Archibald</h1><p>Terence is an amazing artist who lives in and creates in South Africa. He has a great afinity for wildlife art and birds in particular.</p><p>some more about Terence...</p>'},
	   show: 'click',
	   hide:  { 
			effect: { 
			type: 'fade',
			length: 500
			},
			when: { 
			event: 'unfocus' 
			}
	   },
	   style: 'buttonsClick', // The name of the newly created custom style above
	   position: {
		  corner: {
			 target: 'topMiddle',
			 tooltip: 'bottomLeft'
		  }
	   }
	});
	
	$("li.contact").qtip({
	   content: 'Contact me if you have any questions or comments',
	   show: 'mouseover',
	   hide:  { 
			effect: { 
			type: 'fade',
			length: 500
			},
			when: { 
			event: 'mouseout' 
			}
	   },
	   style: 'buttonsHover', // The name of the newly created custom style above
	   position: {
		  corner: {
			 target: 'topMiddle',
			 tooltip: 'bottomLeft'
		  }
	   }
	});
	
	$("li.blip").qtip({
	   content: 'Click to watch the video on Blip.tv',
	   show: 'mouseover',
	   hide:  { 
			effect: { 
			type: 'fade',
			length: 500
			},
			when: { 
			event: 'mouseout' 
			}
	   },
	   style: 'buttonsHover', // The name of the newly created custom style above
	   position: {
		  corner: {
			 target: 'topMiddle',
			 tooltip: 'bottomLeft'
		  }
	   }
	});
	
	$("li.vimeo").qtip({
	   content: 'Click to watch the video on Vimeo',
	   show: 'mouseover',
	   hide:  { 
			effect: { 
			type: 'fade',
			length: 500
			},
			when: { 
			event: 'mouseout' 
			}
	   },
	   style: 'buttonsHover', // The name of the newly created custom style above
	   position: {
		  corner: {
			 target: 'topMiddle',
			 tooltip: 'bottomLeft'
		  }
	   }
	});
	
	$("li.youtube").qtip({
	   content: 'Click to watch the video on YouTube',
	   show: 'mouseover',
	   hide:  { 
			effect: { 
			type: 'fade',
			length: 500
			},
			when: { 
			event: 'mouseout' 
			}
	   },
	   style: 'buttonsHover', // The name of the newly created custom style above
	   position: {
		  corner: {
			 target: 'topMiddle',
			 tooltip: 'bottomLeft'
		  }
	   }
	});
	
	$("li.hannah").qtip({
	   content: 'Click Me!',
	   show: 'mouseover',
	   hide:  { 
			effect: { 
			type: 'fade',
			length: 500
			},
			when: { 
			event: 'mouseout' 
			}
	   },
	   style: 'buttonsHover', // The name of the newly created custom style above
	   position: {
		  corner: {
			 target: 'topMiddle',
			 tooltip: 'bottomLeft'
		  }
	   }
	});
	
});