function flashPutHref(href) { location.href = href; }

window.addEvent('domready', function() {
	var portfolio = new Element('div', {
		'id': 'portfolio'
	}).fade('hide');
	
	var box = new Element('div', {
		'id': 'box'
	});
	
	var shade = new Element('div', {
		'id': 'shade',
		'events': {
			'click': function(ev) {
				ev.stop();
				unloadPortfolio();
			}
		}
	}).fade(0.7);
	
	function loadPortfolio(location) {
		var flash = new Swiff('/portfolio.swf', {
		    'id': 'flash',
		    'width': 550,
		    'height': 400,
			'vars': { initialURL: escape(location) }
		});
		
		var close = new Element('a', {
			'id': 'close',
			'href': '#',
			'text': 'Close',
			'events': {
				'click': function(ev) {
					ev.stop();
					unloadPortfolio();
				}
			}
		});
		
		box.grab(flash).grab(close);
		
		portfolio.removeClass('hide');
		portfolio.fade('in');
	}
	
	function unloadPortfolio() {
		box.empty();
		portfolio.fade('out');
		(function() { portfolio.addClass('hide'); }).delay(500);
	}
	
	$$('.portfolio a').set({
		'events': {
			'click': function(ev) {
				ev.stop();
				loadPortfolio(this.href);
			}
		}
	});
	
	$('top').grab(portfolio.grab(shade).grab(box), 'bottom');
	
	var startLocation = window.location + "";
	if (startLocation.contains('#id=')) loadPortfolio(startLocation);
});