function togglePortfolio() {
	
	var portfolio = $('portfolio');
	if (portfolio.style.display != 'block') {
		
		var windowWidth = (document.all) ? (document.body.offsetWidth-24) : window.innerWidth;
		var windowHeight = (document.all) ? (document.body.offsetHeight-4) : window.innerHeight;
		
		var container = $('portfolio_container');
		var flash = $('portfolio_flash');
		var placeholder = $('portfolio_placeholder');
		var bg = $('portfolio_bg');
		var close = $('portfolio_close');
		var content = $('content');
		
		// position the portfolio
		with (portfolio.style) {
			position = 'absolute';
			top = '0px';
			left = '0px';
			textAlign = 'center';
			width = '100%';
		}
		
		with (container.style) {
			width = '750px';
			textAlign = 'left';
			margin = 'auto';
		}
		
		with (flash.style) {
			marginTop = '170px';
			marginLeft = (Prototype.Browser.IE) ? '220px' : '202px';
			marginRight = '45px';
		}
		
		with (close.style) {
			top = 160;
			left = 0;
			display = 'block';
		}
		
		// shorten the content block
		with (content.style) {
			height = '290px';
			overflow = 'hidden';
		}
		
		var embed = new SWFObject('/images/branner-portfolio.swf', 'branner_portfolio', '505', '500', '7', '#ffffff');
		embed.addVariable('portfolioCfgXml', '/images/branner-portfolio.xml');
		embed.addParam('wmode', 'transparent');
		embed.write(placeholder);
		portfolio.style.display = 'block';
		
		// hide the navigation
		$('nav').style.display='none';
		
	}	
	else
		hidePortfolio();
	
}


function hidePortfolio() {
	$('portfolio').style.display = 'none';
	$('portfolio_placeholder').innerHTML = null;
	$('nav').style.display = 'block';
	$('portfolio_bg').style.display = 'none';
	$('portfolio_close').style.display = 'none';
	with($('content').style) {
		height = '';
		overflow = 'visible';
	}
}