$(document).ready(function() {
   // do stuff when DOM is ready
   $.fn.qtip.styles.mystyle = { // Last part is the name of the style
		 background: 'none',
		  border: 'none'}
		  
   $("#tiger-lily-home-link").qtip({ 
		content: '<img src="images/tiger-lily-tooltip.png"/>',
	   	show: {
			when: 'mouseover',
			effect: {
				type: 'grow',
				length: '400'
			}
		},
	   	hide: {
			when: 'mouseout',
			effect: {
				type: 'grow',
				length: '400'
			}
		},
	   	position: {
		  corner: {
			 target: 'middleRight',
			 tooltip: 'middleLeft'
		  }
	   },
	   style: 'mystyle'
	});
    $("#blog-home-link").qtip({ 
		content: '<img src="images/blog-tooltip.png"/>',
	   	show: {
			when: 'mouseover',
			effect: {
				type: 'grow',
				length: '400'
			}
		},
	   	hide: {
			when: 'mouseout',
			effect: {
				type: 'grow',
				length: '400'
			}
		},
	   	position: {
		  corner: {
			 target: 'middleLeft',
			 tooltip: 'middleRight'
		  }
	   },
	   style: 'mystyle'
	});
   
   $("#young-home-link").qtip({ 
		content: '<img src="images/young-readers-tooltip.png"/>',
	   	show: {
			when: 'mouseover',
			effect: {
				type: 'grow',
				length: '400'
			}
		},
	   	hide: {
			when: 'mouseout',
			effect: {
				type: 'grow',
				length: '400'
			}
		},
	   	position: {
		  corner: {
			 target: 'rightMiddle',
			 tooltip: 'leftTop'
		  }
	   },
	   style: 'mystyle'
	});
   
   $("#witch-in-training-home-link").qtip({ 
		content: '<img src="images/witch-in-training-tooltip.png"/>',
	   	show: {
			when: 'mouseover',
			effect: {
				type: 'grow',
				length: '400'
			}
		},
	   	hide: {
			when: 'mouseout',
			effect: {
				type: 'grow',
				length: '400'
			}
		},
	   	position: {
		  corner: {
			 target: 'topLeft',
			 tooltip: 'rightTop'
		  }
	   },
	   style: 'mystyle'
	});
   
    $("#contact-home-link").qtip({ 
		content: '<img src="images/contact-tooltip.png"/>',
	   	show: {
			when: 'mouseover',
			effect: {
				type: 'grow',
				length: '400'
			}
		},
	   	hide: {
			when: 'mouseout',
			effect: {
				type: 'grow',
				length: '400'
			}
		},
	   	position: {
		  corner: {
			 target: 'topRight',
			 tooltip: 'leftTop'
		  }
	   },
	   style: 'mystyle'
	});
	
	$("#about-home-link").qtip({ 
		content: '<img src="images/about-tooltip.png"/>',
	   	show: {
			when: 'mouseover',
			effect: {
				type: 'grow',
				length: '400'
			}
		},
	   	hide: {
			when: 'mouseout',
			effect: {
				type: 'grow',
				length: '400'
			}
		},
	   	position: {
		  corner: {
			 target: 'leftMiddle',
			 tooltip: 'rightMiddle'
		  }
	   },
	   style: 'mystyle'
	});
   
});