//Popup

var popup_open = false;
function load_done(img)
{
	if(popup_open)
	{
		$('popup').ancestors()[0].remove();
	}
	
	var dimensions = $('getsize_img').getDimensions();
	
	width = dimensions.width;
	height = dimensions.height;

	new Effect.Morph('popup', { 
	  style: {
		width: width+'px',
		height: height+'px',
		marginLeft: '-'+width/2+'px',
		marginTop: '-'+height/2+'px'
	  },
	  afterFinish: function(){
		$('popup').innerHTML = '<img src="'+link+'" />';
	  }
	});

	popup_open = true;
	
	$('getsize_img').remove();
}

function popup(that)
{	
	if(popup_open==false)
	{
		link = $(that).firstDescendant().readAttribute('alt');
	
		var load_popup = '<div id="popup" onclick="close_popup(this)" style="cursor: pointer; position:absolute; top:50%; margin-top:-50px; left: 50%; margin-left: -50px; width: 100px; height: 100px; background-color: #FFF;"><img style="position:absolute; left:50%; margin-left: -8px; top:50%; margin-top: -8px;" src="loading.gif" border="0" /></div>';
	
		$('container').insert(load_popup, { position: top});
	
		var getsize = '<div id="getsize_img" style="position:absolute; display:none;"><img onload="load_done(this)" border="0" src="'+link+'" /></div>';
		$('container').insert(getsize, { position: top});
	}
}

function close_popup(div)
{
	$(div).remove();
	popup_open = false;
}