var timeout         = 500;
var closetimer		= 0;
var ddmenuitem      = 0;
var newWindow;

// open hidden layer
function mopen(id)
{	
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem)
	{
		ddmenuitem.style.visibility = 'hidden';
	}

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	
	if (ddmenuitem !== null)
	{
		ddmenuitem.style.visibility = 'visible';
	}
}
// close showed layer
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
document.onclick = mclose; 

function popupWindow(url)
{
	newWindow = window.open(url,'name','height=600,width=800,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no');
	if (window.focus)
	{
		newwindow.focus();
	}
}

$(function()
{
	BT_setOptions({openWait:0, closeWait:2000, enableCache:false});
	
	$('#conferencePhotographsContainer').dialog(
	{
		autoOpen: false,
		modal: true,
		width: 900,
		//height: 650,
		position: ['center',100],
		resizable: false,
		title: '19th ACM International Conference on Information and Knowledge Management Photo Gallery',
		open: function ()
		{
			$(this).css('text-align', 'center').load('photos.php', function ()
			{
				$(this).css('text-align', 'left');
			});
		},
		close: function ()
		{
			$(this).html('<img src="images/ajax-loader.gif" title="Ajax Loader" alt="Ajax Loader" />').attr('style', 'text-align: center;');
		}
	});
	
	$('.conferencePhotographs').click(function ()
	{
		$('#conferencePhotographsContainer').dialog('open');
	});
})