//set globals
var bio = "";
	
$(document).ready(function() {

	$(".videothumb").click(function() {
		var id = "#" + $(this).attr("rel");
		$(id).dialog({
			width: 680,
			height: 500,
			modal: true,
			close: function(event) { 
				$(this).dialog("destroy");
				froogaloop.api('pause'); 
			}
		});
	});

	$("#people .peoplebox").hover(
		function() {
			//close any open dialogs
			$(bio).dialog('close');
			
			var p = $(this).position();
			var box = $(this).attr("id");
			bio = "#" + box.replace("box", "bio");
			$(bio).dialog({
				resizable: false,
				position: [473,940],
				width: 600,
				height: 250,
				dialogClass: 'people'
			});
			$(".ui-dialog-titlebar").hide();
		},
		function() {
			/* $(bio).dialog('close'); */
		}
	);
	
	$("#people .peoplebox").click(
		function() {
			//close any open dialogs
			$(bio).dialog('close');
			
			var p = $(this).position();
			var box = $(this).attr("id");
			bio = "#" + box.replace("box", "bio");
			$(bio).dialog({
				resizable: false,
				position: [473,940],
				width: 600,
				height: 250,
			});
			$(".ui-dialog-titlebar").hide();
		},
		function() {
			/* $(bio).dialog('close'); */
		}
	);
	
});