$(document).ready(function(){
	if ($(document).getUrlParam("portfolio") != null)
		fadeToPortfolio();
	else
		startHome();
});

function createHomeMenu() {
	newMenu = "";
	newMenu += '<a href="index.html" id="home">home</a>';
	newMenu += " | ";
	newMenu += '<a href="bio.html" id="bio">bio</a>';
	newMenu += " | ";
	newMenu += '<a href="#" id="portfolio">portfolio</a>';
	newMenu += " | ";
	newMenu += '<a href="publications.html" id="publications">publications</a>';
	newMenu += " | ";
	newMenu += '<a href="contacts.html" id="contacts">contacts</a>';
	return newMenu;
}

function fadeToPortfolio(){
	newMenu = "";
	newMenu += '<a href="#" id="back">back</a>';
	newMenu += " | ";
	newMenu += '<a href="portraits.html?portfolio=yes" id="port">portraits</a>';
	newMenu += " | ";
	newMenu += '<a href="fashion.html?portfolio=yes" id="port">fashion</a>';
	newMenu += " | ";
	newMenu += '<a href="live.html?portfolio=yes" id="port">live</a>';
	newMenu += " | ";
	newMenu += '<a href="events.html?portfolio=yes" id="port">events</a>';
	newMenu += " | ";
	newMenu += '<a href="street.html?portfolio=yes" id="port">street</a>';
	newMenu += " | ";
	newMenu += '<a href="conceptual.html?portfolio=yes" id="port">conceptual</a>';
	newMenu += " | ";
	newMenu += '<a href="self.html?portfolio=yes" id="port">self</a>';
	
	$("#menudx").fadeOut();
	$("#menudx").queue(function(){
		$(this).html(newMenu);
		$(this).dequeue();
	});
	$("#menudx").queue(function(){
		$(this).fadeIn();
		$(this).dequeue();
	});
	$("#menudx").queue(function(){
		$("#back").bind('click', fadeToHome);
		$(this).dequeue();
	});
}

function fadeToHome() {	
	newMenu = createHomeMenu();
	
	$("#menudx").fadeOut();
	$("#menudx").queue(function(){
		$(this).html(newMenu);
		$(this).dequeue();
	});
	$("#menudx").queue(function(){
		$(this).fadeIn();
		$(this).dequeue();
	});
	$("#menudx").queue(function(){
		$("#portfolio").bind('click', fadeToPortfolio);
		$(this).dequeue();
	});
}

function startHome() {
	newMenu = createHomeMenu();
	$("#menudx").hide();
	$("#menudx").queue(function(){
		$(this).html(newMenu);
		$(this).dequeue();
	});
	$("#menudx").queue(function(){
		$(this).fadeIn();
		$(this).dequeue();
	});
	$("#menudx").queue(function(){
		$("#portfolio").bind('click', fadeToPortfolio);
		$(this).dequeue();
	});
}

function switchbio(div) {
	$("#biodesc").hide();
	$("#biomostre").hide();
	$("#biopub").hide();
	$("#biocoll").hide();
	$(div).fadeIn();
}