window.addEvent('domready', function()
{
	// get the parent element
	var main = document.getElement('#content');
	
	// create the postcard casing
	var postcard = new Element('div').set('id','posty').inject(main,'top').setOpacity(0);
	
	// get all the postcard triggers
	var posties = $$('.posty');
	
	// set the options for the postcard request
	var options = 
	{
		method: 'post',
		data: 'ajax=true',
		update: postcard,
		evalScripts: true,
		onSuccess: function()
		{
			var close = new Element('a').set({id : 'close', text : 'Close'}).inject(postcard,'top');
			postcard.fade('in');
			close.addEvent('click', function(evt)
			{
				evt.stop();					
				evt.target.removeEvents('click');
				postcard.fade('out');
				//postcard.empty();
			});
			get_externals();			
		}
	}

	// create the request
	var myHTMLRequest = new Request.HTML(options);

	// add a 'click' event to show the postcard for each trigger
	posties.each( function(posty) 
	{
		posty.addEvent('click', function(evt) 
		{ 
			evt.stop();
			myHTMLRequest.send({url: posty.href});
		});		  
	});
});