// JavaScript Document
$(document).ready(function(){
	$('img[title]').qtip({
		content: {
			text: false 
		},
		style: {
			padding: 3,
			fontFamily: 'Arial',
			fontSize:10,
			fontWeight:'bold',
			background: '#DDD',
			color: '#777',
			textAlign: 'center',
			border: {
				width: 3,
				radius: 0,
				color: '#CCC'
			},
			tip: { // Now an object instead of a string
				 corner: 'bottomMiddle', // We declare our corner within the object using the corner sub-option
				 color: '#CCC',
				 size: {
					x: 12, // 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!
				 }
			}

		},
		position: {
			corner: {
				target: 'topMiddle',
				tooltip: 'bottomMiddle'
			}
		}
	});
});