window.addEvent('domready', function() {
	
	var profileEl = $('profile');
	var morph = new Fx.Morph('profile');
	var exp1 = new Boolean(false);
	var profile_div = document.getElementById('more');
	
	$('more').addEvent('click', function(e) {
		e.stop();
		
		if(exp1 == false) {
			profileEl.morph('.profileExpanded');
			profile_div.innerHTML = '<img height="24" width="24" src="images/btn_less.png" />&nbsp;read less&hellip;';
			exp1 = true;
		} else {
			profileEl.morph('.profileDefault');
			profile_div.innerHTML = '<img height="24" width="24" src="images/btn_more.png" />&nbsp;read more&hellip;';
			exp1 = false;
		}
		
	});
	
	var oldiesEl = $('oldies');
	var morph = new Fx.Morph('oldies');
	var exp2 = new Boolean(false);
	var oldies_div = document.getElementById('oldies_title');
	
	$('oldies_title').addEvent('click', function(e) {
		e.stop();
		
		if(exp2 == false) {
			oldiesEl.morph('.oldiesExpanded');
			oldies_div.innerHTML = '<span id="hide_oldies"></span>- old projects, experiments &amp; fun&hellip;';
			exp2 = true;
		} else {
			oldiesEl.morph('.oldiesDefault');
			oldies_div.innerHTML = '<span id="show_oldies"></span>+ old projects, experiments &amp; fun&hellip;';
			exp2 = false;
		}
		
	});
	
	/*
	var archiveEl = $('archive');
	var morph = new Fx.Morph('archive');
	var exp3 = new Boolean(false);
	var archive_div = document.getElementById('archive_title');
	
	$('archive_title').addEvent('click', function(e) {
		e.stop();
		
		if(exp3 == false) {
			archiveEl.morph('.archiveExpanded');
			archive_div.innerHTML = '<span id="hide_archive">&nbsp;</span>- archive&hellip;';
			exp3 = true;
		} else {
			archiveEl.morph('.archiveDefault');
			archive_div.innerHTML = '<span id="show_archive">&nbsp;</span>+ archive&hellip;';
			exp3 = false;
		}
		
	});
	*/
	
	//create our Accordion instance
	var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
		opacity: false,
		display: -1, // All closed by default
		alwaysHide: true, // close all displayable elements
		onActive: function(toggler, element){
			toggler.setStyle('color', '#CCCC33');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#CCCC33');
		}
	});
	
});