$(document).ready(function(){
	$('a[href*=popup.lasso]').livequery('click',function(event) {
		var windowWidth = document.documentElement.clientWidth;
		var windowHeight = document.documentElement.clientHeight;
		var url = $(this).attr('href');
		$.get(url,function(data) {
			$('#popup').html(data).css({visibility: 'visible', display: 'block'});
			var popupWidth = parseInt($('#picture').attr('width'));
			var popupHeight = parseInt($('#picture').attr('height'));
			var newLeft = (windowWidth/2-(popupWidth+50)/2) + 'px';
			var newWidth = (popupWidth+50) + 'px';
			if (popupHeight+50 >= windowHeight) {
				var newTop = '0px';
				var newHeight = windowHeight-50;
				var newPictureWidth = newHeight*popupWidth/popupHeight;
				var newTopBarWidth = (newPictureWidth + 25) + 'px';
				var newBottomBarWidth = (newPictureWidth + 50) + 'px';
				var newLeft = (windowWidth/2-(newPictureWidth+50)/2) + 'px';
				$('#picture').attr({width: newPictureWidth, height: newHeight});
				$('#topbar').css({width: newTopBarWidth});
				$('#bottombar').css({width: newBottomBarWidth});
				var newWidth = (newPictureWidth+50) + 'px';
			} else {
				var newTop = (windowHeight/2-(popupHeight+50)/2) + 'px';
				var newWidth = (popupWidth+50) + 'px';
			}
			$('#popup').css({top: newTop, left: newLeft, width: newWidth});
			$('#close').click(function() {
				$('#popup').css({visibility: 'hidden', display: 'none'});
			});
		});
		return false;
	});
});