// for settings, view documentation
// http://craigsworks.com/projects/qtip/docs/

$(document).ready(function () {

	$.fn.qtip.styles.mystyle = { // Last part is the name of the style
		textAlign: 'center',
		border: {
			width: 1,
			radius: 3
		},
		tip: 'bottomLeft',
		width:200,
		name: 'light' // Inherit the rest of the attributes from the preset dark style
	}
	
	$(".tooltip").qtip({
		position: {
			corner: {
				target: 'topRight',
				tooltip: 'bottomLeft'
			}
		},		
		content: { url: $('.tooltip').attr('rel')},
		style: 'mystyle'
	});
	
});