$.fn.qtip.styles.tableinfo = {
	tip: 'rightMiddle',
	width: {
		min: 200
	},
	name: 'dark'
}

jQuery.fn.settingInfo = function(settings) {
	settings = jQuery.extend({
		lookUp: {}
	}, settings);
	
	var j = 0;
	function id(id) {
		return "lol-settinginfo-" + id + "-" + j;
	}
	
	return this.each(function(){
		
		var container = $(this);
		
		var id = container.find("span").hide().text();
		var info = settings.lookUp[id];
		var c  = 'Setting<br /><strong>Place:</strong> ' + info['place'] + '<br />';
		    c += '<strong>Time:</strong> ' + info['time_period'] + '<br />';
		    c += '<strong>Lightning:</strong> ' + info['lightning'] + '<br />';
		    c += info['other'];
		
		container.qtip({
			content: c,
			style: 'tableinfo',
			position: {
				corner: {
					target: 'leftMiddle',
					tooltip: 'rightMiddle'
				}
			}
		});
		
		j++;
		
	});
};

jQuery.fn.characterInfo = function(settings) {
	settings = jQuery.extend({
		lookUp: {}
	}, settings);
	
	var j = 0;
	function id(id) {
		return "lol-characterinfo-" + id + "-" + j;
	}
	
	return this.each(function(){
		
		var container = $(this);
		
		var id = container.find("span").hide().text();
		var info = settings.lookUp[id];
		var c  = 'Character<br /><strong>Sex:</strong> ' + info['sex'] + '<br />';
		    c += '<strong>Race:</strong> ' + info['race'] + '<br />';
		    c += '<strong>Body-Type:</strong> ' + info['bodytype'] + '<br />';
		    c += info['other'];
		
		container.qtip({
			content: c,
			style: {
				tip: 'rightMiddle',
				width: {
					min: 200
				},
				name: 'light'
			},
			fixed: true,
			position: {
				corner: {
					target: 'leftMiddle',
					tooltip: 'rightMiddle'
				}
			}
		});
		
		j++;
		
	});
};