// JavaScript Document

var arrayData = [
	'Rossana Degli Innocenti<br /><em>Buildings and Grounds</em>',
	'Beth de Felici<br /><em>Student Life</em>',
	'Sylvia Hetzel<br /><em>Academic Support</em>',
	'Gelso Sassonia<br /><em>Buildings and Grounds</em>',
	'Amy Kleine<br /><em>Health and Wellness</em>',
	'Carol Estall<br /><em>Library</em>',
	'Mike Calo<br /><em>Director</em>',
	'Jim Kauffman<br /><em>Asst. Director Student Life</em>',
	'Marta Rossi<br /><em>Business Office</em>',
	'Lucia Fantoni<br /><em>Business Office</em>',
	'Roberta Mugelli<br /><em>Housing</em>',
	'Lorenzo Giannelli<br /><em>ITS Services</em>',
	'Fabio Landi<br /><em>ITS Services</em>',
	'Elaine Ruffolo<br /><em>Field Studies</em>',
	//'Devorah Block<br /><em>Studio Arts</em>',
	'Caroline Elo<br /><em>Assistant to Director</em>',
	'Camille Crites<br /><em>Registrar</em>',
	'Brenda Cooke<br /><em>Publications and Architecture</em>',
	'Jennifer Haag<br /><em>Architecture</em>',
	'Silvia Landi<br /><em>Front Desk</em>'
	];
$('#staff-header area').each(function(i){
	$(this).qtip({
		content: arrayData[i],
		position: {
			corner: {
				target: 'rightTop',
				tooltip: 'leftMiddle'
			}
		},
		style: {
			//width: 75,
			padding: 5,
			background: '#FFFFFF',
			color: '#333333',
			textAlign: 'center',
			border: {
				//width: 7,
				radius: 3,
				color: '#993333'
			},
			tip: 'leftBottom',
			name: 'red' // Inherit the rest of the attributes from the preset dark style
		},
		show: 'mouseover',
		hide: 'mouseout'
		})
	})