// Create the tooltips only on document load
$(document).ready(function(){
	
	$('#hjm_twitter a[href]').qtip({
		// Simply use an HTML img tag within the HTML string
		content: '<img src="images/common/img_tip_twitter.gif" alt="フォローお願いします！" />',
		position: {
			corner: {
			target: 'bottomMiddle', // Position the tooltip above the link
			tooltip: 'topMiddle'
			}
		},
		show: {
			when: 'mouseover', // Show it on mouseover
			solo: false, // Show it on mouseover
			ready: true // And hide all other tooltips
		},
		show: {
			when: {event:'mouseover'},
			delay: 25
		},
		hide: {
			when: {event:'mouseout'},
			fixed: true,
			delay: 125
		},
		style: {
			border: {
				width: 0,
				radius: 0,
				//color: '#FFF'
			},
			tip: {
				corner: 'topMiddle',
				color: '#FFF',
				size: { width: 7, height: 5 }
			}
		}
	});
	
	$('#hjm_facebook a[href]').qtip({
		// Simply use an HTML img tag within the HTML string
		content: '<img src="images/common/img_tip_facebook.gif" alt="はじめました！" />',
		position: {
			corner: {
			target: 'bottomMiddle', // Position the tooltip above the link
			tooltip: 'topMiddle'
			}
		},
		show: {
			when: 'mouseover', // Show it on mouseover
			solo: false, // Show it on mouseover
			ready: true // And hide all other tooltips
		},
		show: {
			when: {event:'mouseover'},
			delay: 25
		},
		hide: {
			when: {event:'mouseout'},
			fixed: true,
			delay: 125
		},
		style: {
			border: {
				width: 0,
				radius: 0,
				//color: '#FFF'
			},
			tip: {
				corner: 'topMiddle',
				color: '#FFF',
				size: { width: 7, height: 5 }
			}
		}
	});
	
});