$(function() {

	$('.home-spot').each(function() {
		var spotOverImage = '/assets/client/Image/' + $(this).attr("id") + '-over.jpg';
		var spotOverLink = $(this).find("a").attr("href");
		var spotOverText = $(this).find("img").attr("alt");
		var spotLearnMore = '/assets/client/Image/button-learnmore.jpg';
		var spotOver = '<a href="' + spotOverLink + '">' + '<img src="' + spotOverImage + '" />' +  spotOverText + '<img class="learn" src="' + spotLearnMore + '" />' + '</a>';
		
		$(this).qtip({
			content: spotOver,
			show: { when: 'mouseover', effect: 'slide' },
			hide: { when: 'mouseout', fixed: true },
			position: 'bottomMiddle',
			style: {
				width: 286,
				height: 275,
				padding: 0,
				background: '#fff',
				color: 'black',
				textAlign: 'left',
				border : { width: 1, radius: 5, color: '#fff' }
			}
		});
		
	});
	
});