var portfolioFaded;
var portfolioLoaded;
var portfolioHTML;
var divWrapper;

$(function(){
	divWrapper = $("#portfolioDivWrapper");
});

function loadHTMLIntoPortfolio(url){
	portfolioFaded = false;
	portfolioLoaded = false;
	

	divWrapper.fadeOut("normal",function(){
		portfolioFaded = true;
		loadInnerHTML();
	});
	
	$.get(url,null,function(data){
		portfolioHTML = data;
		portfolioLoaded = true;
		loadInnerHTML();
	});
}

function loadInnerHTML(){
	if(portfolioFaded && portfolioLoaded){
		divWrapper.html(portfolioHTML);
		divWrapper.fadeIn("normal");
	}
}