/*******************************************************
+ TOOLTIPS
*******************************************************/
$(document).ready(function() 
{

	$('span.label-tooltip').each(function(index) 
	{

		var labelId = $(this).attr('id');
					
		var tooltipContent = $("div#" + labelId).html();
		
		$(this).qtip({
			content: tooltipContent,
			position: {
				corner: {
					target: 'topMiddle',
					tooltip: 'bottomLeft'
					}
		    	},
			style: { 
	  			name: 'cream', // dark, green, light, red, blue
	  			tip: 'bottomLeft',
				width: 550
			},
			size: {
          	  	x: 120, // Be careful that the x and y values refer to coordinates on screen, not height or width.
            	y : 8 // Depending on which corner your tooltip is at, x and y could mean either height or width!
         }
		
		});
			
	});

});