// Create the tooltips only on document load
$(document).ready(function(){

	$(".imagecol").each(function(i){
		$(this).qtip({
	    	content: $(this).find('.tooltip').html(),
			style: {
			name: 'light',
			tip: true,
			width: 150,
			padding: 10,
			border: {
				width: 7,
				radius: 5
				}
			},
			show: {
				event: 'mouseover',
				solo: true
			},
			hide: {
				event: 'click',
				effect: 'fade'
			},
			position: {
				corner: {
		      		target: 'rightTop',
					tooltip: 'leftTop'
				}
			}
		});
	});

});

