$(document).ready(function() {
	$('div#website').hide()
	$('div#portfolio').hide();
	$('div#garde').append("<div id='portfolio-mask'> </div>");
	$('div#garde').append("<div id='website-mask'> </div>");
	$('div#garde').append("<div id='portfolio-activator'> </div>");
	$('div#garde').append("<div id='website-activator'> </div>");
	$('div#garde').append("<div id='portfolio-symbol'> </div>");
	$('div#garde').append("<div id='website-symbol'> </div>");
	$('div#portfolio-mask').hide();
	$('div#website-mask').hide();
	$('div#portfolio-symbol').hide();
	$('div#website-symbol').hide();

	$('div#portfolio-activator').hover(function() {
		var n = $("div#website").queue("fx");
/*		$('#result').text('queue length = ' + n.length);*/
		if(n.length <= 2) {
			$('div#website').slideUp('slow');
			$('div#portfolio').slideDown('slow');
			$('div#portfolio-mask').fadeOut('fast');
			$('div#website-mask').fadeTo('fast', 0.7);
			$('div#website-symbol').fadeOut('fast');
			$('div#portfolio-symbol').fadeIn('slow');
		};
	});
	
	$('div#website-activator').hover(function() {
		var n = $("div#portfolio").queue("fx");
		if(n.length <= 3) {
			$('div#portfolio').slideUp('slow');
			$('div#website').slideDown('slow');
			$('div#website-mask').fadeOut('fast');
			$('div#portfolio-mask').fadeTo('fast', 0.7);
			$('div#portfolio-symbol').fadeOut('fast');
			$('div#website-symbol').fadeIn('slow');
		};
	});

	$('div#portfolio-activator').click(function() {
		$(window.location).attr('href', 'portfolio/index.html');
	});
	
	$('div#website-activator').click(function() {
		$(window.location).attr('href', 'index.php');
	});

});