var request; // global XMLHttpRequest object so we can cancel earlier requests when making new ones
var dialogHeightRatio = 0.80;
function showBusinessInfo(businessId, businessName) {
	// abort earlier request if there is one
	if (request)
		request.abort();

	$('#content')
		.prepend(
			'<div id="modal_container"></div>'
		);

	// hide selects so they
	$('#content select').css('visibility','hidden');

	var dialogheight = determineSizeOfModal();
	var paneheight = dialogheight - 222;

	// create modal
	$('#modal_container')
		.html('<div id="modal_container_contents"><div id="loading_indicator"><image src="graphics/loading.gif"></div></div>')
		.dialog({
			title: businessName,
			bigiframe: true,
			modal: true,
			overlay: {background:"#000", opacity:0.2},
			width: 755,
			height: dialogheight, // parseInt(windowHeight*dialogHeightRatio),
			beforeclose: hideBusinessInfo
		});
	// make ajax request 
	request = $.get('business', {'business_id':businessId}, function(html) {
		$("#modal_container_contents").html(html);
		$("#businessinfo_panes").tabs();
		$('.businessinfo_slideshow')
			.cycle({
				fx: 'fade'
			});
		$('.businessinfo_pane')
			.css('height', paneheight);
		$(window).bind('resize', resizeModal);
	});

}
function determineSizeOfModal() {
	var dialogheight = $(window).height() - 92;
if (dialogheight < 350)
    dialogheight = 350;
	return dialogheight;
}
function resizeModal() {
	var dialogheight = determineSizeOfModal();
	var paneheight = dialogheight - 222;
	$('#modal_container')
		.data("height.dialog", dialogheight);
	$('.businessinfo_pane')
		.css('height', paneheight);
	$('#modal_container')
		.dialog('option', 'position', 'center');
}
function hideBusinessInfo() {

	// if on search page, mark business as being unviewed
	if ($('#inputform').length>0) {
		$('#viewing_business_id').val('');
		var queryObj = formToQueryObj();
		queryObjToPageHistory(queryObj);
	}

	$('#modal_container')
		.remove();
	$('#content select').css('visibility','visible');
	$(window).unbind('resize');
}