$(document).ready(function()
{
	// LiveZilla button hover effect
	$('#livezilla a img[title]').qtip({
		style: {padding: 5, background: '#E1EEFA', color: 'black', textAlign: 'center', border: {width: 5, radius: 5, color: '#004c8e'}, tip: 'rightMiddle', name: 'dark'},
		position: {target: false, corner: {target: 'leftMiddle', tooltip: 'rightMiddle'}}
	});
	
	// Nav bar button hover effect
	$('.nav-button[title]').qtip({
		style: {padding: 5, background: '#E1EEFA', color: 'black', textAlign: 'center', border: {width: 5, radius: 5, color: '#004c8e'}, tip: 'topMiddle', name: 'dark'},
		position: {target: false, corner: {target: 'bottomMiddle', tooltip: 'topMiddle'}}
	});
	
	// Left-End Nav bar button hover effect
	$('.nav-button-left[title]').qtip({
		style: {padding: 5, background: '#E1EEFA', color: 'black', textAlign: 'center', border: {width: 5, radius: 5, color: '#004c8e'}, tip: 'topLeft', name: 'dark'},
		position: {target: false, corner: {target: 'bottomMiddle', tooltip: 'topLeft'}}
	});
	
	// Right-End Nav bar button hover effect
	$('.nav-button-right[title]').qtip({
		style: {padding: 5, background: '#E1EEFA', color: 'black', textAlign: 'center', border: {width: 5, radius: 5, color: '#004c8e'}, tip: 'topRight', name: 'dark'},
		position: {target: false, corner: {target: 'bottomMiddle', tooltip: 'topRight'}}
	});
	
});