$(document).ready(function(){

	$('#article-end #categories li.explore').qtip({
	   content: 'EXPLORE',
	   show: 'mouseover',
	   hide: 'mouseout',
	   position: {
	      corner: {
	         target: 'topMiddle',
	         tooltip: 'bottomMiddle'
	      },
	      adjust: { x: 0, y: -3 }
   	   },
   	   style: { 
	      padding: '5px 15px',
	      background: '#ffffff',
	      color: 'black',
	      textAlign: 'center',
	      fontSize: 12,
	      tip: { // Now an object instead of a string
	         corner: 'bottomMiddle', // We declare our corner within the object using the corner sub-option
	         color: '#fff',
	         size: {
	            x: 11, // Be careful that the x and y values refer to coordinates on screen, not height or width.
	            y : 6 // Depending on which corner your tooltip is at, x and y could mean either height or width!
	         }
		  },
	      border: {
	         width: 0,
	         radius: 0
	      }
	   }
	})
	
	$('#article-end #categories li.experience').qtip({
	   content: 'EXPERIENCE',
	   show: 'mouseover',
	   hide: 'mouseout',
	   position: {
	      corner: {
	         target: 'topMiddle',
	         tooltip: 'bottomMiddle'
	      },
	      adjust: { x: 0, y: -3 }
   	   },
   	   style: { 
	      padding: '5px 15px',
	      background: '#ffffff',
	      color: 'black',
	      textAlign: 'center',
	      fontSize: 12,
	      tip: { // Now an object instead of a string
	         corner: 'bottomMiddle', // We declare our corner within the object using the corner sub-option
	         color: '#fff',
	         size: {
	            x: 11, // Be careful that the x and y values refer to coordinates on screen, not height or width.
	            y : 6 // Depending on which corner your tooltip is at, x and y could mean either height or width!
	         }
		  },
	      border: {
	         width: 0,
	         radius: 0
	      }
	   }
	})
	
	$('#article-end #categories li.grow').qtip({
	   content: 'GROW',
	   show: 'mouseover',
	   hide: 'mouseout',
	   position: {
	      corner: {
	         target: 'topMiddle',
	         tooltip: 'bottomMiddle'
	      },
	      adjust: { x: 0, y: -3 }
   	   },
   	   style: { 
	      padding: '5px 15px',
	      background: '#ffffff',
	      color: 'black',
	      textAlign: 'center',
	      fontSize: 12,
	      tip: { // Now an object instead of a string
	         corner: 'bottomMiddle', // We declare our corner within the object using the corner sub-option
	         color: '#fff',
	         size: {
	            x: 11, // Be careful that the x and y values refer to coordinates on screen, not height or width.
	            y : 6 // Depending on which corner your tooltip is at, x and y could mean either height or width!
	         }
		  },
	      border: {
	         width: 0,
	         radius: 0
	      }
	   }
	})
	
	$('#article-end #categories li.siwj').qtip({
	   content: 'SIWJ',
	   show: 'mouseover',
	   hide: 'mouseout',
	   position: {
	      corner: {
	         target: 'topMiddle',
	         tooltip: 'bottomMiddle'
	      },
	      adjust: { x: 0, y: -3 }
   	   },
   	   style: { 
	      padding: '5px 15px',
	      background: '#ffffff',
	      color: 'black',
	      textAlign: 'center',
	      fontSize: 12,
	      tip: { // Now an object instead of a string
	         corner: 'bottomMiddle', // We declare our corner within the object using the corner sub-option
	         color: '#fff',
	         size: {
	            x: 11, // Be careful that the x and y values refer to coordinates on screen, not height or width.
	            y : 6 // Depending on which corner your tooltip is at, x and y could mean either height or width!
	         }
		  },
	      border: {
	         width: 0,
	         radius: 0
	      }
	   }
	})
	
	$('#article-end #categories li.program-info').qtip({
	   content: 'PROGRAM INFO',
	   show: 'mouseover',
	   hide: 'mouseout',
	   position: {
	      corner: {
	         target: 'topMiddle',
	         tooltip: 'bottomMiddle'
	      },
	      adjust: { x: 0, y: -3 }
   	   },
   	   style: { 
	      padding: '5px 15px',
	      background: '#ffffff',
	      color: 'black',
	      textAlign: 'center',
	      fontSize: 12,
	      tip: { // Now an object instead of a string
	         corner: 'bottomMiddle', // We declare our corner within the object using the corner sub-option
	         color: '#fff',
	         size: {
	            x: 11, // Be careful that the x and y values refer to coordinates on screen, not height or width.
	            y : 6 // Depending on which corner your tooltip is at, x and y could mean either height or width!
	         }
		  },
	      border: {
	         width: 0,
	         radius: 0
	      }
	   }
	})
	
	$('#article-end #categories li.parents').qtip({
	   content: 'PARENTS',
	   show: 'mouseover',
	   hide: 'mouseout',
	   position: {
	      corner: {
	         target: 'topMiddle',
	         tooltip: 'bottomMiddle'
	      },
	      adjust: { x: 0, y: -3 }
   	   },
   	   style: { 
	      padding: '5px 15px',
	      background: '#ffffff',
	      color: 'black',
	      textAlign: 'center',
	      fontSize: 12,
	      tip: { // Now an object instead of a string
	         corner: 'bottomMiddle', // We declare our corner within the object using the corner sub-option
	         color: '#fff',
	         size: {
	            x: 11, // Be careful that the x and y values refer to coordinates on screen, not height or width.
	            y : 6 // Depending on which corner your tooltip is at, x and y could mean either height or width!
	         }
		  },
	      border: {
	         width: 0,
	         radius: 0
	      }
	   }
	})
	
	$('#article-end #categories li.testimonials').qtip({
	   content: 'TESTIMONIALS',
	   show: 'mouseover',
	   hide: 'mouseout',
	   position: {
	      corner: {
	         target: 'topMiddle',
	         tooltip: 'bottomMiddle'
	      },
	      adjust: { x: 0, y: -3 }
   	   },
   	   style: { 
	      padding: '5px 15px',
	      background: '#ffffff',
	      color: 'black',
	      textAlign: 'center',
	      fontSize: 12,
	      tip: { // Now an object instead of a string
	         corner: 'bottomMiddle', // We declare our corner within the object using the corner sub-option
	         color: '#fff',
	         size: {
	            x: 11, // Be careful that the x and y values refer to coordinates on screen, not height or width.
	            y : 6 // Depending on which corner your tooltip is at, x and y could mean either height or width!
	         }
		  },
	      border: {
	         width: 0,
	         radius: 0
	      }
	   }
	})

});